/* HotelOS SMART — Sector 12 AI Workforce Command Center (BUILD-06). Brand: navy #0E2A46 / gold #C89B3E. */
:root{
  --navy:#0E2A46; --navy-deep:#030A18; --gold:#C89B3E; --gold-soft:#E9D9B4; --electric:#3D8BFF;
  --paper:#F3F5F8; --surface:#FFFFFF; --line:#DCE2EA; --ink:#13263B; --muted:#5B6B7D;
  --ok:#2F7D5B; --warn:#A86A12; --bad:#B23B3B; --info:#2D5F8F;
  --r-lg:14px; --r-sm:8px;
  --font:"Noto Kufi Arabic","IBM Plex Sans Arabic","Segoe UI",Tahoma,"Noto Sans",system-ui,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
[hidden]{display:none!important}

/* ---------- header band */
.band{background:var(--navy-deep);color:#EEF2F7;border-bottom:2px solid var(--gold);box-shadow:inset 0 -1px 0 rgba(61,139,255,.35)}
.band-in{max-width:1280px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mark{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.mark-emblem{height:56px;width:auto;display:block}
.mark-text{display:flex;flex-direction:column;line-height:1.25}
.mark-text small{color:var(--gold-soft);font-size:12.5px}
.band-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.who{font-size:13px;color:#C6D2E0}
.pill{background:transparent;border:1px solid #39526E;color:#EEF2F7;border-radius:999px;padding:5px 14px;cursor:pointer;font-size:13px}
.pill:hover{border-color:var(--gold)}
a.pill{text-decoration:none;display:inline-block}
.pill.level2{border-color:var(--gold);color:var(--gold)}
.band-title{padding-top:4px;padding-bottom:22px;align-items:flex-end}
.band-title h1{margin:0;font-size:clamp(22px,3.2vw,32px);font-weight:700;letter-spacing:0}
.gates{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.gates li{font-size:12.5px;padding:4px 12px;border-radius:999px;background:#0B1830;border:1px solid #23395A}
.gates li.locked::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--bad);margin-inline-end:7px;vertical-align:middle}
.gates li.on::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--electric);box-shadow:0 0 6px var(--electric);margin-inline-end:7px;vertical-align:middle}

/* ---------- the corridor (signature element) */
main{max-width:1280px;margin:0 auto;padding:22px 20px 40px}
.corridor{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:6px;overflow-x:auto}
.stages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(138px,1fr));min-width:690px}
.stage{position:relative;padding:16px 22px 16px 18px;background:var(--paper);color:var(--ink);
  clip-path:polygon(100% 0,14px 0,0 50%,14px 100%,100% 100%,calc(100% - 14px) 50%)}
.stage:first-child{clip-path:polygon(100% 0,14px 0,0 50%,14px 100%,100% 100%);border-start-start-radius:10px;border-end-start-radius:10px}
.stage:last-child{clip-path:polygon(100% 0,0 0,0 100%,100% 100%,calc(100% - 14px) 50%)}
[dir=ltr] .stage{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%)}
[dir=ltr] .stage:first-child{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%)}
[dir=ltr] .stage:last-child{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,14px 50%)}
.stage + .stage{margin-inline-start:-8px}
.stage .n{display:block;font-size:30px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.stage .l{font-size:13px;color:var(--muted)}
.stage.attn{background:var(--navy-deep);color:#fff;box-shadow:inset 0 -3px 0 var(--electric)}
.stage.attn .l{color:var(--gold-soft)}
.stage.done{background:#E6F0EA}

/* ---------- layout */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin-top:22px;align-items:start}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}
.tabs button{background:none;border:0;padding:10px 16px;cursor:pointer;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tabs button[aria-selected=true]{color:var(--navy);border-bottom-color:var(--gold);font-weight:700}
.tabs .count{display:inline-block;min-width:20px;padding:0 6px;margin-inline-start:6px;border-radius:999px;background:var(--navy);color:#fff;font-size:12px;text-align:center}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.lede{margin:0;color:var(--muted);max-width:62ch}

.btn{background:var(--navy);color:#fff;border:1px solid var(--navy);border-radius:var(--r-sm);padding:8px 16px;cursor:pointer;text-decoration:none;display:inline-block;font-size:14px}
.btn:hover{background:#163A5E}
.btn.ghost{background:transparent;color:var(--navy);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--navy)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--navy-deep);font-weight:700}
.btn.danger{background:transparent;color:var(--bad);border-color:#E6C4C4}
.btn.sm{padding:4px 11px;font-size:13px}
.btn:disabled{opacity:.5;cursor:not-allowed}

/* ---------- review queue */
.review-list{display:grid;gap:16px}
.draft{background:var(--surface);border:1px solid var(--line);border-inline-start:4px solid var(--gold);border-radius:var(--r-lg);padding:18px 20px}
.draft h3{margin:0 0 4px;font-size:17px}
.draft .meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--muted);margin-bottom:12px}
.draft textarea{width:100%;min-height:210px;border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;background:#FBFCFD;line-height:1.8;resize:vertical}
.draft .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;align-items:center}
.draft .actions .spacer{flex:1}
.draft .sendnote{font-size:12.5px;color:var(--muted)}
.empty{background:var(--surface);border:1px dashed #C5CFDA;border-radius:var(--r-lg);padding:30px;text-align:center;color:var(--muted)}
.empty strong{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}

/* ---------- tables */
.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.grid{width:100%;border-collapse:collapse;min-width:720px}
.grid th,.grid td{padding:11px 14px;text-align:start;border-bottom:1px solid var(--line);vertical-align:middle;font-size:14px}
.grid th{font-size:12.5px;color:var(--muted);font-weight:600;background:#F8FAFC}
.grid tr:last-child td{border-bottom:0}
.grid td .sub{display:block;font-size:12.5px;color:var(--muted)}
.row-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.linkish{background:none;border:0;padding:0;color:var(--navy);cursor:pointer;text-align:start;font-weight:600}
.linkish:hover{text-decoration:underline}

.status{display:inline-block;font-size:12.5px;padding:2px 10px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}
.s-queued,.s-draft,.s-review{color:var(--info)}
.s-awaiting_human_approval,.s-awaiting_review,.s-approved,.s-suspended{color:var(--warn)}
.s-in_progress{color:var(--navy)}
.s-completed,.s-active{color:var(--ok)}
.s-failed,.s-cancelled,.s-retired{color:var(--bad)}
.risk{font-size:13px}
.risk-high,.risk-critical{color:var(--bad);font-weight:600}

/* ---------- roster */
.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.badge{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.badge-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.badge h3{margin:0;font-size:16px;line-height:1.4}
.badge .role{font-size:13px;color:var(--muted)}
.badge .tools{display:flex;flex-wrap:wrap;gap:5px}
.badge .tools span{font-size:12px;background:#EEF2F7;border-radius:6px;padding:2px 8px;color:var(--navy)}
.badge .facts{font-size:12.5px;color:var(--muted);margin:0}
.badge .row-actions{justify-content:flex-start}

/* ---------- side */
.side{display:grid;gap:16px;position:sticky;top:16px}
.ledger{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px}
.ledger h2{font-size:15px;margin:0 0 10px}
.ledger dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:8px 12px}
.ledger dt{color:var(--muted);font-size:13.5px}
.ledger dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;text-align:end}
.note{margin:0;font-size:13.5px;color:var(--muted)}
.note strong{color:var(--ink)}

/* ---------- drawer */
.drawer{position:fixed;inset:0;background:rgba(10,31,53,.45);display:flex;justify-content:flex-start;opacity:0;pointer-events:none;transition:opacity .18s}
.drawer.open{opacity:1;pointer-events:auto}
.drawer-in{background:var(--surface);width:min(560px,100%);height:100%;overflow-y:auto;padding:20px 22px;transform:translateX(30px);transition:transform .2s}
[dir=ltr] .drawer{justify-content:flex-end}
.drawer.open .drawer-in{transform:none}
.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px}
.drawer-head h2{margin:0;font-size:18px}
.icon{background:none;border:1px solid var(--line);border-radius:8px;width:34px;height:34px;font-size:20px;cursor:pointer}
.timeline{list-style:none;margin:0;padding:0;border-inline-start:2px solid var(--line)}
.timeline li{position:relative;padding:4px 16px 12px;font-size:13.5px}
.timeline li::before{content:"";position:absolute;inset-inline-start:-6px;top:10px;width:10px;height:10px;border-radius:50%;background:var(--gold)}
.timeline time{display:block;color:var(--muted);font-size:12px}
.drawer h3{font-size:14.5px;margin:18px 0 8px}
.drawer pre{white-space:pre-wrap;background:#F8FAFC;border:1px solid var(--line);border-radius:8px;padding:12px;font-family:var(--font);font-size:13.5px;line-height:1.8;margin:0}
.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:13px;margin:0}
.kv dt{color:var(--muted)} .kv dd{margin:0;word-break:break-all}

/* ---------- dialogs */
dialog{border:0;border-radius:var(--r-lg);padding:0;width:min(520px,calc(100% - 32px));box-shadow:0 24px 60px rgba(10,31,53,.3)}
dialog::backdrop{background:rgba(10,31,53,.5)}
.form{padding:22px 24px;display:grid;gap:12px}
.form h2{margin:0 0 4px;font-size:19px}
.form label{display:grid;gap:4px;font-size:13.5px;color:var(--muted)}
.form input,.form select,.form textarea{border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 11px;background:#fff;color:var(--ink);font-size:14.5px}
.form-actions{display:flex;gap:8px;margin-top:6px}
.hint{margin:0;font-size:12.5px;color:var(--muted)}

.gate{max-width:560px;margin:40px auto;background:var(--navy-deep);color:#EEF2F7;border:1px solid #1C2E4A;border-radius:var(--r-lg);padding:0 0 28px;text-align:center;overflow:hidden}
.gate-logo{width:100%;height:auto;display:block;margin-bottom:8px}
.gate h2,.gate p{padding:0 24px}
.gate .btn{background:var(--gold);border-color:var(--gold);color:var(--navy-deep);font-weight:700}
.toast{position:fixed;inset-inline-start:20px;bottom:20px;max-width:420px;background:var(--navy-deep);color:#fff;padding:12px 16px;border-radius:10px;border-inline-start:4px solid var(--gold);font-size:14px;z-index:20}
.toast.err{border-inline-start-color:var(--bad)}
.foot{max-width:1280px;margin:0 auto;padding:18px 20px 30px;color:var(--muted);font-size:12.5px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}

@media (max-width:960px){
  .layout{grid-template-columns:1fr}
  .side{position:static;grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .side{grid-template-columns:1fr}
  .corridor{padding:4px;overflow:visible}
  .stages{min-width:0;grid-template-columns:repeat(5,1fr);gap:3px}
  .stage,.stage:first-child,.stage:last-child,[dir=ltr] .stage,[dir=ltr] .stage:first-child,[dir=ltr] .stage:last-child{clip-path:none;border-radius:8px;padding:10px 6px;text-align:center}
  .stage + .stage{margin-inline-start:0}
  .stage .n{font-size:22px}
  .stage .l{font-size:10.5px;line-height:1.3;display:block}
  .band-in{padding:12px 16px}
  main{padding:16px 16px 32px}
  .draft{padding:14px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{.band-tools,.tabs,.side,.actions,.drawer{display:none!important}}
.drawer .hint{overflow-wrap:anywhere}

/* BUILD-07.1 */
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kind-fields{display:grid;gap:10px}
.kind-fields:empty{display:none}
.hint.ceiling{color:var(--navy);background:#EEF2F7;border-radius:8px;padding:8px 10px}
.hint.ceiling:empty{display:none}
.coverage{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.coverage li{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px;align-items:center}
.coverage .bar{grid-column:1 / -1;height:4px;border-radius:4px;background:#E6EBF1;overflow:hidden}
.coverage .bar i{display:block;height:100%;background:var(--gold)}
.coverage li.zero span:first-child{color:var(--muted)}
.chip{display:inline-block;font-size:11.5px;border:1px solid var(--line);border-radius:999px;padding:1px 8px;color:var(--muted);margin-inline-start:6px;white-space:nowrap}
.chip.dual{border-color:var(--gold);color:#8A6420}
@media (max-width:600px){.form-row{grid-template-columns:1fr}}

/* BUILD-07.2 operating layer */
.op-stack{display:grid;gap:18px}
.op-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px}
.op-card h3{margin:0 0 10px;font-size:16px}
.op-row{display:flex;flex-wrap:wrap;gap:8px;align-items:end}
.op-row label{display:grid;gap:4px;font-size:12.5px;color:var(--muted)}
.op-row input,.op-row select{border:1px solid var(--line);border-radius:var(--r-sm);padding:7px 9px;background:#fff;font-size:14px;min-width:120px}
.checks{list-style:none;margin:8px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px}
.checks li{font-size:13px;border:1px solid var(--line);border-radius:8px;padding:6px 10px;display:flex;justify-content:space-between;gap:8px}
.checks li.ok{border-color:#BFDCCB;background:#F1F8F4}
.checks li.no{border-color:#EBCACA;background:#FCF3F3}
.chip.lc-provisioning{color:var(--info);border-color:currentColor}
.chip.lc-probation{color:var(--warn);border-color:currentColor}
.chip.lc-handed_over{color:var(--ok);border-color:currentColor}
.chip.lc-retired{color:var(--bad);border-color:currentColor}
.sha{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;color:var(--muted);direction:ltr;unicode-bidi:embed;overflow-wrap:anywhere}

/* ---------- BUILD-07.3 product read sources */
.src-field{border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 14px;margin:0;display:grid;gap:6px;background:#FBFCFD}
.src-field legend{font-size:13px;color:var(--muted);padding:0 6px}
.src-opt{display:flex;align-items:center;gap:8px;font-size:14px;flex-direction:row}
.src-opt input{width:auto;margin:0;accent-color:var(--navy)}
.src-opt small{color:var(--muted)}
.src-opt.off{color:var(--muted)}
.src-opt .warn,.chip.no{color:var(--warn)}
.chip.ok{color:var(--ok);border-color:#BFDCCD}
.chip.src{background:#EEF4FB;border-color:#C9DAEE;color:var(--info)}
.evidence,.srcs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;font-size:12.5px}
.srcs{margin:8px 0 0}
.form .src-opt{display:flex;flex-direction:row;align-items:center;gap:10px;margin:0;font-size:14px}
.form .src-opt input{width:18px;height:18px;padding:0;flex:0 0 auto}
.form .src-opt span{margin:0;color:var(--ink);font-size:14px}
.form .src-opt.off span{color:var(--muted)}

/* ---------- BUILD-07.4 draft engine */
.chip.gen{border-color:#D9CBA6;color:#7A5A16;background:#FBF6EA}
.chip.gen-model_rewrite{border-color:#BFDCCD;color:var(--ok);background:#EFF7F2}
.chip.gen-fallback{border-color:#E8D3B0;color:var(--warn);background:#FDF6EC}
.kv-table th{width:38%;text-align:start;color:var(--muted);font-weight:600}

/* ---------- BUILD-07.5 performance */
.perf-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
.perf-head select{border:1px solid var(--line);border-radius:var(--r-sm);padding:6px 10px;background:#fff;font:inherit}
.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.kpi-tile{border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;display:grid;gap:2px;background:#FBFCFD}
.kt-l{font-size:12.5px;color:var(--muted)} .kt-v{font-size:24px;color:var(--navy);font-variant-numeric:tabular-nums} .kt-s{font-size:12px;color:var(--muted)}
.meter{display:flex;align-items:center;gap:8px;min-inline-size:150px}
.meter-track{flex:1;block-size:8px;background:#EEF1F5;border-radius:4px;overflow:hidden}
.meter-fill{block-size:100%;border-radius:4px;background:var(--navy)}
.meter-fill.g-needs_improvement{background:var(--warn)} .meter-fill.g-excellent{background:var(--ok)}
.meter-val{white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums}
.grade{font-size:11.5px;color:var(--muted)} .grade.g-needs_improvement{color:var(--warn)} .grade.g-excellent{color:var(--ok)}
.perf-table td{white-space:nowrap}
.alerts{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.alert{border:1px solid var(--line);border-inline-start:4px solid var(--info);border-radius:var(--r-sm);padding:10px 12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.alert.lv-critical{border-inline-start-color:var(--bad)} .alert.lv-high{border-inline-start-color:var(--warn)} .alert.acked{opacity:.65}
.alert input{border:1px solid var(--line);border-radius:var(--r-sm);padding:5px 8px;font:inherit;font-size:13px}
.chip.lv-critical{color:var(--bad);border-color:currentColor} .chip.lv-high{color:var(--warn);border-color:currentColor}
ul.plain{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rec{padding:6px 10px;border-radius:var(--r-sm);background:#F5F7FA;font-size:14px} .rec.lv-critical,.rec.lv-high{background:#FBEDEA;color:var(--bad)} .rec.lv-positive{background:#EFF7F2;color:var(--ok)}
.perf-final{display:grid;gap:4px;margin-bottom:10px}
.trend{display:flex;align-items:flex-end;gap:10px;block-size:140px;padding:6px 0;border-bottom:1px solid var(--line)}
.tb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;block-size:100%;gap:2px}
.tb-bar{inline-size:60%;max-inline-size:28px;background:var(--navy);border-radius:4px 4px 0 0}
.tb-bar.empty{background:#DCE2EA} .tb-v{font-size:12px;font-variant-numeric:tabular-nums} .tb-l{font-size:11px;color:var(--muted)}
.perf-form{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
#drawerBody .grid{table-layout:fixed;inline-size:100%;min-width:0}
#drawerBody .grid td,#drawerBody .grid th{white-space:normal;overflow-wrap:break-word;padding:8px 10px}
#drawerBody .grid th:first-child,#drawerBody .grid td:first-child{inline-size:42%}
/* BUILD-07.5 fix: grid columns must not grow to their widest descendant (wide tables/chips) on phones */
.primary,.side,.panel,.op-stack,.op-card{min-width:0}
.chip.src,.chip.gen{white-space:normal}
/* BUILD-07.9 teams */
.team-members li{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.team-members li > span:first-child{flex:1 1 220px;min-width:0}
.team-members li .btn{width:auto;flex:0 0 auto}
.team-form{padding:0;border:0;box-shadow:none;max-width:none;margin:14px 0}
.team-form h3{margin:0 0 6px}
.team-card .facts{overflow-wrap:anywhere}
/* BUILD-08.0 governed outbox */
.out-channels{display:flex;flex-wrap:wrap;gap:10px}
.out-ch{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;flex:1 1 260px;min-width:0}
.out-ch.on{border-color:#BFDCCD;background:#F4FBF7}
.out-ch.off{background:var(--paper)}
.out-body{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px;max-height:260px;overflow:auto;margin:0;font:inherit;line-height:1.7}
.out-msg .meta{flex-wrap:wrap}
.out-msg .row-actions input{min-width:0;flex:1 1 160px;border:1px solid var(--line);border-radius:var(--r-sm);padding:6px 10px}
.form .out-confirm{display:flex;flex-direction:row;gap:10px;align-items:flex-start}
.form .out-confirm input{width:18px;height:18px;flex:0 0 auto;margin-top:3px}
#outDlg,#outApproveDlg{width:min(640px,calc(100% - 24px))}
.hint.warn{color:var(--warn)}

/* BUILD-08.5: authenticated commercial trial panel */
.trial-panel{margin:16px 0;padding:20px;border:1px solid #b99750;border-radius:14px;background:#12243b;color:#fff}.trial-panel h2{color:#f1cc78}.trial-panel button{background:#c7a45e;color:#101b2d;padding:12px 18px;border:0;border-radius:9px;cursor:pointer}.trial-panel button:disabled{opacity:.6;cursor:wait}.trial-note{font-size:.85rem;opacity:.85}

/* S12-V1.1 brand: mother emblem in header, product logo in the gate */
.mark-emblem{height:56px;width:56px;border-radius:12px;object-fit:cover}
.gate-logo{max-width:340px;width:100%;height:auto;display:block;margin:24px auto 8px;border-radius:16px}
.gate{text-align:center}