/* The same Aegean editorial palette across the guest kiosk and both panels. */
:root{
  --ink:#172c32;--muted:#617078;--sand:#f3f0e9;--paper:#faf8f3;--card:#fffefa;
  --sea:#235e69;--brass:#a7764a;--line:#dedbd1;--shadow:0 16px 42px rgba(22,44,50,.08);
  --sans:"Manrope",system-ui,sans-serif;--serif:"Cormorant Garamond",Georgia,serif;
}
html,body{background:var(--sand);font-family:var(--sans)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ac784c;outline-offset:3px}

/* Guest-facing frame and typography */
html[data-mode="kiosk"]{background:#f3f0e9}
body[data-mode="kiosk"]{
  --bg:#f3f0e9;--bg2:#eae6dc;--card:#fffefa;--card2:#f4f1ea;--raise:#e7e2d8;
  --line:rgba(26,51,57,.12);--line2:rgba(26,51,57,.24);
  --ink:#172c32;--ink2:#364e53;--muted:#596e72;--faint:#89989a;
  --acc:#245c68;--acc2:#245c68;--acc-ink:#fffefa;--acc-soft:#e4edeb;
  --gold:#a7764a;--gold2:#c9a582;--sea:#245c68;--night:#142d36;--soft:#f4f1ea;--paper:#f3f0e9;
  --ok:#287c61;--danger:#a44e42;--r:.48rem;--r-sm:.35rem;
  --shadow:0 18px 48px -30px rgba(20,45,54,.35);
  --sans:"Manrope",system-ui,sans-serif;--serif:"Cormorant Garamond",Georgia,serif;
  background:#f3f0e9;color:var(--ink);
}
body[data-mode="kiosk"] .k-wrap{width:min(100% - 2*var(--gut),68rem)}
body[data-mode="kiosk"] .k-page{background:radial-gradient(90% 30rem at 100% 0%,rgba(190,205,196,.22),transparent),var(--bg)}
body[data-mode="kiosk"] .k-top{padding:1.45rem 0 1.1rem;border-bottom:1px solid var(--line)}
body[data-mode="kiosk"] .k-back{background:none;border:1px solid var(--line2);border-radius:.2rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;height:3.25rem}
body[data-mode="kiosk"] .k-mini b{font-size:.82rem;letter-spacing:.17em}
body[data-mode="kiosk"] .k-mini small{font-size:.57rem;letter-spacing:.21em}
body[data-mode="kiosk"] .k-mini img{width:2.9rem;height:2.9rem}
body[data-mode="kiosk"] .k-langs{background:none;border:0;border-radius:0;padding:0;gap:0}
body[data-mode="kiosk"] .k-langs button{border-radius:0;border-bottom:2px solid transparent;min-width:2.75rem;font-size:.7rem}
body[data-mode="kiosk"] .k-langs button.on{background:none;color:var(--sea);border-color:var(--gold)}
body[data-mode="kiosk"] .k-steps{margin:1.2rem 0 .25rem;gap:.35rem}
body[data-mode="kiosk"] .k-steps span{font-size:.63rem;letter-spacing:.12em}
body[data-mode="kiosk"] .k-steps span:before{height:2px;border-radius:0;background:#d2d2c9}
body[data-mode="kiosk"] .k-steps span.done:before{background:#9aaea9}
body[data-mode="kiosk"] .k-steps span.on:before{background:var(--gold);box-shadow:none}
body[data-mode="kiosk"] .k-steps span.on{color:var(--sea)}
body[data-mode="kiosk"] .k-head{padding:2.5rem 0 1.4rem;border-bottom:1px solid var(--line);margin-bottom:1.6rem}
body[data-mode="kiosk"] .k-kicker{color:var(--gold);font-size:.68rem;letter-spacing:.27em}
body[data-mode="kiosk"] .k-head h1,body[data-mode="kiosk"] .k-menu-head h1,body[data-mode="kiosk"] .k-done h1{
  font-family:var(--serif);font-weight:500;font-size:clamp(3.2rem,7.7vw,5.25rem);line-height:.96;letter-spacing:-.035em;
}
body[data-mode="kiosk"] .k-head p{font-size:.93rem;max-width:58ch;line-height:1.7}
body[data-mode="kiosk"] .k-sec{margin-top:2rem}
body[data-mode="kiosk"] .k-sec-t{align-items:center;margin-bottom:1rem}
body[data-mode="kiosk"] .k-sec-t h2,body[data-mode="kiosk"] .k-sub{color:var(--sea);font-size:.72rem;letter-spacing:.18em}
body[data-mode="kiosk"] .k-box,body[data-mode="kiosk"] .k-card,body[data-mode="kiosk"] .k-tour,body[data-mode="kiosk"] .k-pier,body[data-mode="kiosk"] .k-veh,body[data-mode="kiosk"] .k-svcgrid button{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);
}
body[data-mode="kiosk"] .k-card.on,body[data-mode="kiosk"] .k-tour.on,body[data-mode="kiosk"] .k-pier.on,body[data-mode="kiosk"] .k-veh.on,body[data-mode="kiosk"] .k-svcgrid button.on{
  border-color:var(--sea);box-shadow:inset 0 0 0 1px var(--sea),0 15px 30px -20px rgba(23,52,61,.32);
}
body[data-mode="kiosk"] .k-tick{border-radius:50%;background:rgba(21,47,56,.48);color:transparent;border:1px solid rgba(255,255,255,.68)}
body[data-mode="kiosk"] .k-tour .k-tick{background:var(--card);border-color:var(--line2)}
body[data-mode="kiosk"] .on>.k-tick,body[data-mode="kiosk"] .on .k-tick{background:var(--sea);border-color:var(--sea);color:white}
body[data-mode="kiosk"] .k-card .ph,body[data-mode="kiosk"] .k-tour .ph{filter:saturate(.78) contrast(.97)}
body[data-mode="kiosk"] .k-card .ph:after{background:linear-gradient(180deg,transparent 70%,rgba(18,41,49,.12))}
body[data-mode="kiosk"] .k-card .bd{padding:1.15rem 1.3rem 1.3rem;gap:.5rem}
body[data-mode="kiosk"] .k-card .bd b,body[data-mode="kiosk"] .k-tour .bd b{font-family:var(--serif);font-size:1.75rem;line-height:1;font-weight:600}
body[data-mode="kiosk"] .k-card .bd small{font-size:.79rem;line-height:1.55}
body[data-mode="kiosk"] .k-tag{background:#17343c;color:#fff;border:0;border-radius:.2rem}
body[data-mode="kiosk"] .k-tile{border-radius:var(--r);min-height:12.5rem;border-color:transparent;filter:saturate(.82)}
body[data-mode="kiosk"] .k-tile:before{background:linear-gradient(180deg,rgba(13,32,42,.12),rgba(13,32,42,.05) 30%,rgba(13,32,42,.9))}
body[data-mode="kiosk"] .k-tile b{font-family:var(--serif);font-size:2.05rem;font-weight:500}
body[data-mode="kiosk"] .k-tile.on{border-color:#fff;box-shadow:0 0 0 3px var(--sea)}
body[data-mode="kiosk"] .k-tile .k-badge{background:#f4eee2;color:var(--sea);border-radius:.2rem}
body[data-mode="kiosk"] .k-chip,body[data-mode="kiosk"] .k-seg button,body[data-mode="kiosk"] .k-add,body[data-mode="kiosk"] .k-days button{border-radius:.3rem}
body[data-mode="kiosk"] .k-chip.on{background:var(--sea);border-color:var(--sea);color:white}
body[data-mode="kiosk"] .k-step .ctl button,body[data-mode="kiosk"] .k-extra .ctl button{background:var(--card2)}
body[data-mode="kiosk"] .k-cal-d button:disabled,body[data-mode="kiosk"] .k-times button:disabled{color:#a6ada9}
body[data-mode="kiosk"] .k-cal-d button.sel,body[data-mode="kiosk"] .k-days button.on,body[data-mode="kiosk"] .k-times button.on{background:var(--sea);color:#fff;box-shadow:none}
body[data-mode="kiosk"] .k-days button.on small,body[data-mode="kiosk"] .k-days button.on em{color:#d4e2df}
body[data-mode="kiosk"] .fieldbox,body[data-mode="kiosk"] .k-phone select,body[data-mode="kiosk"] .k-seg{border-radius:.3rem}
body[data-mode="kiosk"] .fieldbox::placeholder{color:#8d9897}
body[data-mode="kiosk"] .k-dock{background:linear-gradient(180deg,transparent,#f3f0e9 28%,#f3f0e9);backdrop-filter:none}
body[data-mode="kiosk"] .k-dock-in{border-top:1px solid var(--line);padding-top:1.2rem}
body[data-mode="kiosk"] .k-go,body[data-mode="kiosk"] .k-alt{border-radius:.25rem;box-shadow:none}
body[data-mode="kiosk"] .k-go{background:var(--sea);color:white;font-size:.92rem;letter-spacing:.04em}
body[data-mode="kiosk"] .k-go:disabled{background:#d8dcd5;color:#84918e}
body[data-mode="kiosk"] .k-alt{background:transparent}

/* Arrival is cinematic; the rest of the journey is bright and legible. */
body[data-mode="kiosk"] .k-welcome{background-color:#162c34;background-position:center;background-size:cover}
body[data-mode="kiosk"] .k-welcome:before{background:linear-gradient(180deg,rgba(10,29,39,.55),rgba(10,29,39,.04) 30%,rgba(10,29,39,.15) 58%,rgba(10,29,39,.92) 88%)}
body[data-mode="kiosk"] .k-welcome-in{padding-top:clamp(2.5rem,5vh,5rem)}
body[data-mode="kiosk"] .k-emblem{width:4.6rem;height:4.6rem;animation:none}
body[data-mode="kiosk"] .k-word{margin-top:1rem}
body[data-mode="kiosk"] .k-word b{font-family:var(--serif);font-size:clamp(2.7rem,7vw,4.8rem);letter-spacing:.12em;font-weight:500}
body[data-mode="kiosk"] .k-word small{letter-spacing:.35em}
body[data-mode="kiosk"] .k-hello{font-family:var(--serif);font-size:clamp(2.9rem,7vw,4.7rem);font-weight:500;line-height:1}
body[data-mode="kiosk"] .k-hello span{font-family:var(--sans);font-size:.8rem;margin-top:1.1rem;letter-spacing:.12em}
body[data-mode="kiosk"] .k-lang{width:min(100%,46rem);gap:.5rem;margin-top:2rem}
body[data-mode="kiosk"] .k-lang button{border-radius:.25rem;height:5.5rem;background:rgba(13,37,45,.64);border:1px solid rgba(255,255,255,.3)}
body[data-mode="kiosk"] .k-lang button b{font-family:var(--serif);font-size:1.65rem;font-weight:500}
body[data-mode="kiosk"] .k-lang button i{background:none;border-color:rgba(255,255,255,.34)}
body[data-mode="kiosk"] .k-saver{background:#142d36}
body[data-mode="kiosk"] .k-slide{filter:saturate(.75) contrast(.98)}
body[data-mode="kiosk"] .k-saver:after{background:linear-gradient(180deg,rgba(11,32,42,.7),transparent 30%,rgba(11,32,42,.22) 55%,rgba(11,32,42,.95) 88%)}
body[data-mode="kiosk"] .k-saver-body h2{font-family:var(--serif);font-weight:500;font-size:clamp(3.5rem,10vw,6.5rem);line-height:.9}
body[data-mode="kiosk"] .k-saver-num{color:#e2c39d}
body[data-mode="kiosk"] .k-saver-list span.on{color:#183943}
body[data-mode="kiosk"] .k-touch{background:#f4f0e7;color:#183943;border-radius:.25rem;box-shadow:none}
body[data-mode="kiosk"] .k-touch i{background:#a7764a}
body[data-mode="kiosk"] .k-lockup b{font-family:var(--serif);letter-spacing:.12em;font-size:2.3rem}

/* Service gallery */
body[data-mode="kiosk"] .k-menu-page .k-top{border-color:rgba(255,255,255,.18)}
body[data-mode="kiosk"] .k-menu-head{position:relative;min-height:16rem;align-items:center;padding:2rem 2.4rem;margin-top:1.1rem;background:#183943;color:#fff;overflow:hidden;border-radius:.3rem}
body[data-mode="kiosk"] .k-menu-head:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#183943 0%,rgba(24,57,67,.92) 55%,rgba(24,57,67,.44)),var(--hotel-hero) 80% 57%/cover;opacity:.83}
body[data-mode="kiosk"] .k-menu-head>div{position:relative;z-index:1;max-width:48rem}
body[data-mode="kiosk"] .k-menu-head .k-kicker{color:#d9b68f}
body[data-mode="kiosk"] .k-menu-head h1{max-width:12ch;margin:.65rem 0 .75rem}
body[data-mode="kiosk"] .k-menu-head p{color:#dce6e4;margin:0;font-size:.92rem;line-height:1.6}
body[data-mode="kiosk"] .k-menu-ornament{position:absolute;right:1.8rem;top:1.6rem;font-family:var(--serif);font-size:2.5rem;color:#dcc5a3}
body[data-mode="kiosk"] .k-svc{gap:.65rem;margin-top:1rem}
body[data-mode="kiosk"] .k-svc button{aspect-ratio:1.15/1;min-height:15rem;border:0;border-radius:.3rem;box-shadow:none;padding:1.4rem;filter:saturate(.8) contrast(.99)}
body[data-mode="kiosk"] .k-svc button:before{background:linear-gradient(180deg,rgba(11,33,42,.15),transparent 35%,rgba(11,33,42,.92))}
body[data-mode="kiosk"] .k-svc small{color:#e3d1b6;left:1.4rem}
body[data-mode="kiosk"] .k-svc b{font-family:var(--serif);font-size:clamp(2rem,4vw,2.85rem);font-weight:500}
body[data-mode="kiosk"] .k-svc b{max-width:calc(100% - 2.6rem)}
body[data-mode="kiosk"] .k-svc span{font-size:.78rem;max-width:27ch;color:#e4eae8}
body[data-mode="kiosk"] .k-svc i{width:3rem;height:3rem;border-radius:.2rem;background:#f6f2ea;color:var(--sea)}
body[data-mode="kiosk"] .k-strip{margin:1.3rem 0 2rem;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body[data-mode="kiosk"] .k-strip div{border:0;border-right:1px solid var(--line);background:transparent;border-radius:0;padding:1.1rem .8rem;box-shadow:none}
body[data-mode="kiosk"] .k-strip div:last-child{border-right:0}
body[data-mode="kiosk"] .k-strip .k-ico{color:var(--gold)}
body[data-mode="kiosk"] .k-cartbar{background:#e4edeb;border-radius:.3rem}

/* Fleet: the vehicle leads, interior is a supporting detail rather than a competing thumbnail. */
body[data-mode="kiosk"] .k-veh{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:1.4rem;padding:1rem 1.4rem 1rem 1rem;min-height:12rem}
body[data-mode="kiosk"] .k-veh .ext{grid-row:1 / span 2;aspect-ratio:3/2;border-radius:.25rem;background:radial-gradient(ellipse at 50% 38%,#fbf8f2,#e3dccf 82%)}
body[data-mode="kiosk"] .k-veh .int{grid-column:2;grid-row:2;width:100%;height:7.6rem;aspect-ratio:auto;border-radius:.2rem}
body[data-mode="kiosk"] .k-veh .int img{filter:saturate(.8) contrast(.98)}
body[data-mode="kiosk"] .k-veh .int em{border-radius:.1rem;font-size:.57rem}
body[data-mode="kiosk"] .k-veh>div:nth-child(3){grid-column:2;grid-row:1;align-self:end}
body[data-mode="kiosk"] .k-veh b{font-family:var(--serif);font-size:2rem;font-weight:600}
body[data-mode="kiosk"] .k-veh .k-tick{grid-column:3;grid-row:1 / span 2;border-color:var(--line2);background:var(--card2)}
body[data-mode="kiosk"] .k-veh.on .k-tick{background:var(--sea);border-color:var(--sea)}
body[data-mode="kiosk"] .k-spec{border-radius:.15rem;font-size:.69rem}
body[data-mode="kiosk"] .k-svcgrid button{min-height:9rem;box-shadow:none}
body[data-mode="kiosk"] .k-svcgrid .ic,body[data-mode="kiosk"] .k-extra .ic{border-radius:.2rem;background:var(--acc-soft)}
body[data-mode="kiosk"] .k-ticket{background:var(--card);border-radius:.35rem;box-shadow:var(--shadow)}
body[data-mode="kiosk"] .k-ticket-h{background:#183943;color:#fff}
body[data-mode="kiosk"] .k-ticket-h small,body[data-mode="kiosk"] .k-ticket-h em{color:#cdd9d7}
body[data-mode="kiosk"] .k-tot{background:#e4edeb}
body[data-mode="kiosk"] .k-check{background:var(--sea);color:#fff;box-shadow:0 0 0 1rem #e4edeb}
body[data-mode="kiosk"] .k-ref,body[data-mode="kiosk"] .k-idle div{border-radius:.3rem}
body[data-mode="kiosk"] .keys{background:#e7e8e2;border-color:var(--line)}

/* Hotel and super-admin workspaces */
body[data-mode="admin"],body[data-mode="panel"]{--ink:#172c32;--muted:#617078;--sea:#245c68;--card:#fffefa;--line:#dedbd1;--sand:#f3f0e9;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Manrope",system-ui,sans-serif}
.panel{background:#f3f0e9;color:#172c32;font-family:var(--sans)}
.panel-head{align-items:center;background:#193941;color:#f7f2e9;padding:2rem max(28px,4vw);margin-bottom:1.3rem}
.panel-head .muted{color:#d4b999;font-size:.69rem;text-transform:uppercase;letter-spacing:.25em;font-weight:700}
.panel-head h1{font-family:var(--serif);font-size:clamp(2.5rem,4vw,3.8rem);font-weight:500;line-height:1;margin-top:.35rem}
.panel-head .ghost{color:#fff;border:1px solid #789095;border-radius:.25rem}
.panel .stats,.panel>.filters,.panel>.list,.panel>.split{margin-left:max(0px,calc(4vw - 28px));margin-right:max(0px,calc(4vw - 28px))}
.panel .stat,.panel .booking,.panel .card,.panel .login,.panel .hotels button{border-radius:.3rem;border:1px solid #dedbd1;background:#fffefa;box-shadow:0 10px 30px -25px rgba(19,41,47,.3)}
.panel .stat{padding:1.1rem 1.4rem;border-top:3px solid #a7764a}
.panel .stat span{color:#617078;font-size:.7rem;font-weight:700;letter-spacing:.15em}
.panel .stat b{font-family:var(--serif);font-size:2.7rem;font-weight:600;line-height:1.2}
.panel .chip{border-radius:.2rem;background:transparent;border-color:#cbd3d0;font-size:.85rem;font-weight:700}
.panel .chip.on{background:#245c68;border-color:#245c68;color:#fff}
.panel .booking{padding:1.3rem 1.5rem;gap:1.2rem}
.panel .booking .refsmall{font-family:var(--serif);font-size:1.75rem;font-weight:600}
.panel .status button,.panel .mini,.panel .hadd,.panel .primary{border-radius:.2rem}
.panel .status button.on,.panel .primary{background:#245c68;color:#fff}
.panel .hotels button{padding:1.1rem;margin-bottom:.5rem}
.panel .hotels button.on{outline:2px solid #245c68}
.panel .studio{background:#fffefa;border:1px solid #dedbd1;border-radius:.3rem;padding:1.5rem!important;margin:0 28px!important}
.panel .studio h3{border-bottom:1px solid #dedbd1;padding-bottom:.75rem;color:#245c68}
.panel input:not([type="checkbox"]):not([type="file"]):not([type="color"]),.panel textarea{border-radius:.25rem;background:#fffefa;border-color:#cbd3d0}
.panel .login{margin:7vh auto;padding:2.5rem;background:#fffefa;border-top:4px solid #a7764a}
.panel .login h1{font-family:var(--serif);font-size:3.7rem;font-weight:500}
.panel .login .brand{color:#a7764a}

@media(max-width:640px){
  body[data-mode="kiosk"] .k-menu-head{min-height:14rem;padding:1.5rem}
  body[data-mode="kiosk"] .k-menu-head h1{font-size:3.15rem}
  body[data-mode="kiosk"] .k-svc{gap:.5rem}
  body[data-mode="kiosk"] .k-svc button{aspect-ratio:3/4;padding:1rem;min-height:12rem}
  body[data-mode="kiosk"] .k-svc button i{display:none}
  body[data-mode="kiosk"] .k-svc b{font-size:1.8rem;max-width:100%}
  body[data-mode="kiosk"] .k-svc span{font-size:.7rem}
  body[data-mode="kiosk"] .k-strip{grid-template-columns:1fr}
  body[data-mode="kiosk"] .k-strip div{border-right:0;border-bottom:1px solid var(--line)}
  body[data-mode="kiosk"] .k-strip div:last-child{border:0}
  body[data-mode="kiosk"] .k-veh{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8rem;padding:.8rem}
  body[data-mode="kiosk"] .k-veh .ext{grid-column:1;grid-row:1 / span 2}
  body[data-mode="kiosk"] .k-veh>div:nth-child(3){grid-column:2;grid-row:1}
  body[data-mode="kiosk"] .k-veh .int{grid-column:2;grid-row:2;max-width:100%}
  body[data-mode="kiosk"] .k-veh .k-tick{grid-column:auto;grid-row:auto;position:absolute;top:.7rem;right:.7rem}
  body[data-mode="kiosk"] .k-veh b{font-size:1.6rem}
  .panel .studio{margin:0!important}
}
@media (orientation:landscape) and (min-width:1100px){
  body[data-mode="kiosk"] .k-menu-page .k-wrap{width:min(100% - 2*var(--gut),84rem)}
  body[data-mode="kiosk"] .k-svc button{aspect-ratio:3/4.2}
  body[data-mode="kiosk"] .k-svc b{font-size:clamp(1.7rem,2.5vw,2.25rem)}
}