/* Opteus / Milie: presentation and customer registration. Visual scope only. */
body:has(:is([data-screen="presentation"], [data-screen="customer"]).active) { background:#081a36; }
.kiosk:has(:is([data-screen="presentation"], [data-screen="customer"]).active) { width:min(100%,1440px); background:#081a36; box-shadow:none; }
.kiosk:has(:is([data-screen="presentation"], [data-screen="customer"]).active) .topbar { height:100px; padding:24px 6%; gap:18px; }
.kiosk:has(:is([data-screen="presentation"], [data-screen="customer"]).active) .brand { color:#fff; }
.kiosk:has(:is([data-screen="presentation"], [data-screen="customer"]).active) .brand-copy small { color:#a8c8ef; font-size:9px; }
.kiosk:has(:is([data-screen="presentation"], [data-screen="customer"]).active) .brand-copy small i { background:#65b8ff; animation:none; box-shadow:none; }
.kiosk:has(:is([data-screen="presentation"], [data-screen="customer"]).active) .brand-mark svg { stroke:#68bbff; }
.kiosk:has(:is([data-screen="presentation"], [data-screen="customer"]).active) .brand-mark circle { fill:#f3ce70; }
.kiosk:has(:is([data-screen="presentation"], [data-screen="customer"]).active) .brand-mark .milie-spark { stroke:#f3ce70; }
.kiosk:has(:is([data-screen="presentation"], [data-screen="customer"]).active) .icon-button { background:#122948; border-color:#365071; }
.kiosk:has(:is([data-screen="presentation"], [data-screen="customer"]).active) .icon-button svg { stroke:#fff; }
.kiosk:has(:is([data-screen="presentation"], [data-screen="customer"]).active) :is(button,a,input):focus-visible { outline:3px solid #69baff; outline-offset:4px; }
:is([data-screen="presentation"], [data-screen="customer"]) { --ink:#10213b; --muted:#506078; --green:#2264a5; --green-dark:#194f87; --lime:#f3ce70; --paper:#081a36; --line:#d4e0ef; color:#fff; min-height:calc(100svh - 100px); padding:30px 6% 48px; background:radial-gradient(ellipse at 75% 25%,#16427770,transparent 55%); }
:is([data-screen="presentation"], [data-screen="customer"]) .eyebrow { color:#a8c8ef; font-size:11px; line-height:1.6; letter-spacing:.14em; }
:is([data-screen="presentation"], [data-screen="customer"]) h2 { font:700 clamp(36px,4.5vw,60px)/1.12 var(--sans); letter-spacing:-.045em; }
:is([data-screen="presentation"], [data-screen="customer"]) h2 em { color:#65b8ff; font:inherit; }
[data-screen="presentation"] .presentation-content { width:min(760px,100%); padding:12px 0 16px; }
[data-screen="presentation"] .presentation-avatar { width:240px; height:240px; margin:28px auto 32px; }
[data-screen="presentation"] .presentation-orbit { border:1px solid #547cad70; animation-duration:28s; }
[data-screen="presentation"] .presentation-orbit i { box-shadow:0 0 0 6px #081a36; width:12px; height:12px; }
[data-screen="presentation"] .orbit-outer i { background:#f3ce70; }
[data-screen="presentation"] .orbit-middle i { background:#65b8ff; }
[data-screen="presentation"] .orbit-inner i { background:#a8d8ff; }
[data-screen="presentation"] .presentation-mark { width:112px; height:112px; border:1px solid #699dd875; border-radius:38%; background:linear-gradient(145deg,#244d80,#102c52); box-shadow:0 0 55px #3188f030; animation:none; }
.presentation-mark svg { width:86px; fill:none; stroke:#a7dbff; stroke-width:3; }
.presentation-mark svg circle { fill:#65b8ff; stroke:none; }
.presentation-mark .onboarding-spark { stroke:#f3ce70; stroke-linecap:round; }
[data-screen="presentation"] .presentation-copy { max-width:510px; color:#b4c4da; font-size:18px; line-height:1.65; margin:22px auto; }
[data-screen="presentation"] .presentation-speaking { color:#c5e4ff; font-size:14px; gap:16px; }
[data-screen="presentation"] .voice-bars i { background:#65b8ff; }
[data-screen="presentation"] .presentation-progress { width:min(360px,90%); background:#294261; height:4px; margin:12px auto 28px; }
[data-screen="presentation"] .presentation-progress i { background:#65b8ff; }
[data-screen="presentation"] .presentation-skip { min-height:58px; width:min(360px,100%); background:#f3ce70; color:#10213b; font-size:16px; border-radius:12px; padding:16px 22px; }
[data-screen="presentation"] .presentation-skip:hover { background:#ffdf8e; }
[data-screen="customer"].active { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); grid-template-rows:auto 1fr; column-gap:7%; align-content:center; align-items:start; padding-top:54px; }
[data-screen="customer"] .customer-orbi { grid-column:1; margin:0 0 28px; gap:14px; }
[data-screen="customer"] .customer-orbi-avatar { background:#173b64; border:1px solid #416c9b; width:60px; height:60px; }
[data-screen="customer"] .customer-orbi-avatar svg { stroke:#89caff; }
[data-screen="customer"] .customer-orbi-avatar circle { fill:#f3ce70; }
[data-screen="customer"] .customer-orbi > span:last-child { color:#b4d5f5; font-size:10px; letter-spacing:.1em; }
[data-screen="customer"] .customer-orbi > span:last-child i { background:#65b8ff; box-shadow:none; }
[data-screen="customer"] .customer-heading { grid-column:1; margin:0; }
[data-screen="customer"] .customer-heading > p:last-child { color:#b4c4da; font-size:18px; line-height:1.7; max-width:390px; margin-top:24px; }
[data-screen="customer"] .customer-form { grid-column:2; grid-row:1 / 3; margin:0; padding:32px; border-radius:24px; background:#f6f9fe; border:1px solid #fff; box-shadow:0 20px 60px #0002; gap:22px; min-width:0; }
[data-screen="customer"] .customer-field { font-size:14px; gap:10px; }
[data-screen="customer"] .customer-field > div { border-color:#cad8e9; min-height:60px; border-radius:12px; grid-template-columns:38px minmax(0,1fr); }
[data-screen="customer"] .customer-field > div:focus-within { border-color:#3276bf; box-shadow:0 0 0 4px #3276bf18; }
[data-screen="customer"] .customer-field input { min-width:0; font-size:17px; height:56px; color:#10213b; }
[data-screen="customer"] .customer-field input::placeholder { color:#6a7b91; }
[data-screen="customer"] .customer-field small { color:#506078; font-size:12px; line-height:1.5; }
[data-screen="customer"] .consent-card { background:#eaf1fb; border-color:#cad8e9; border-radius:12px; }
[data-screen="customer"] .consent-check { gap:12px; padding:17px; }
[data-screen="customer"] .consent-box { border-color:#859bb8; }
[data-screen="customer"] .consent-check p { font-size:12px; line-height:1.65; color:#506078; }
[data-screen="customer"] .consent-check b { font-size:13px; color:#10213b; }
[data-screen="customer"] .consent-check input:focus-visible + .consent-box { outline:3px solid #3276bf; outline-offset:3px; }
[data-screen="customer"] .privacy-link { border-color:#cad8e9; background:#fff; color:#205c9b; font-size:12px; line-height:1.5; gap:12px; padding:14px 17px; text-align:left; }
[data-screen="customer"] .primary-button { min-height:62px; border-radius:12px; background:#f3ce70; color:#10213b; font-size:17px; box-shadow:none; }
[data-screen="customer"] .primary-button:hover { background:#ffdf8e; }
/* Existing privacy dialog: improve reading without changing its contents. */
.kiosk:has([data-screen="customer"].active) #lgpdDialog { color:#10213b; background:#f6f9fe; --ink:#10213b; --muted:#506078; --green:#2264a5; --lime:#f3ce70; }
.kiosk:has([data-screen="customer"].active) #lgpdDialog .lgpd-content p { font-size:14px; line-height:1.65; }
.kiosk:has([data-screen="customer"].active) #lgpdDialog .lgpd-content h4 { font-size:16px; }
@media (max-width:800px) {
  [data-screen="customer"].active { grid-template-columns:minmax(0,1fr); gap:0; padding-top:20px; }
  [data-screen="customer"] .customer-form { grid-column:1; grid-row:auto; margin-top:30px; padding:24px; }
  [data-screen="customer"] .customer-heading > p:last-child { max-width:540px; }
  [data-screen="customer"] .customer-orbi { margin-bottom:24px; }
}
@media (max-width:480px) {
  .kiosk:has(:is([data-screen="presentation"], [data-screen="customer"]).active) .topbar { height:84px; padding:17px 5%; gap:8px; }
  :is([data-screen="presentation"], [data-screen="customer"]) { padding:18px 5% 32px; min-height:calc(100svh - 84px); }
  [data-screen="presentation"] .presentation-avatar { width:190px; height:190px; margin:24px auto; }
  [data-screen="presentation"] .presentation-mark { width:88px; height:88px; }
  .presentation-mark svg { width:70px; }
  [data-screen="presentation"] .presentation-copy { font-size:16px; }
  [data-screen="customer"] .customer-form { padding:20px 16px; border-radius:18px; }
  [data-screen="customer"] .customer-heading > p:last-child { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) {
  :is([data-screen="presentation"], [data-screen="customer"]).active,
  [data-screen="presentation"] :is(.presentation-orbit,.voice-bars i) { animation:none; }
  [data-screen="presentation"] .presentation-progress i { transition:none; }
}