@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&display=swap");
/* ============================================================================
   GM design 750 · Workstations — white open-plan furniture layout.
   Navy walls (#141D45) with windows, L-desks with ring chairs, brand blue
   #223D8E and gold #E8B65A, Plus Jakarta Sans headings, Inter text, JetBrains
   Mono room tags (R-01 · …). Always light. Every rule is under
   html[data-gmd="desks"]; js in gmd/desks.js.
   ========================================================================== */

/* ---------------- tokens (always light, even when the phone is dark) ---------------- */
html[data-gmd="desks"][data-gmd]{
  --bg:#F4F5F8; --surface:#FFFFFF; --surface-2:#F6F7FB;
  --ink:#141D45; --ink-2:#2B3563; --muted:#666F8E;
  --line:#D9DDEA; --line-soft:#E9EBF3;
  --brand:#223D8E; --brand-2:#2F4FAE; --brand-deep:#141D45; --brand-soft:#EEF1FA; --on-brand:#FFFFFF;
  --gold:#A9761A; --gold-soft:#FBF2DF;
  --ok:#2F7D5B; --warn:#A9761A; --bad:#C2352C;
  --ok-bg:#E3F1EA; --warn-bg:#FBF0DA; --bad-bg:#FBE6E3;
  --shadow:none;
  --mc-bg:#FFFFFF; --mc-card:#FFFFFF; --mc-line:#D9DDEA; --mc-cy:#223D8E; --mc-go:#E8B65A; --mc-hot:#C2352C; --mc-ok:#2F7D5B; --mc-mut:#666F8E; --mc-ink:#141D45;
  --dk-wall:#141D45; --dk-gold:#E8B65A; --dk-ac:#223D8E; --dk-red:#C2352C; --dk-mono:"JetBrains Mono",ui-monospace,monospace;
  --dk-h:"Plus Jakarta Sans","Inter",Archivo,sans-serif;
  color-scheme:light;
}
html[data-gmd="desks"] body{background:var(--bg);color:var(--ink);font-family:"Inter",Archivo,"Helvetica Neue",Arial,sans-serif;font-size:14.5px}
html[data-gmd="desks"] h1,html[data-gmd="desks"] h2,html[data-gmd="desks"] h3,html[data-gmd="desks"] h4{font-family:var(--dk-h);font-weight:800;letter-spacing:-.025em}
html[data-gmd="desks"] :focus-visible{outline:2px solid var(--dk-gold);outline-offset:2px}
/* the board's display numbers in the plan's heading face */
html[data-gmd="desks"] .ch-val,html[data-gmd="desks"] .ck-ring span,html[data-gmd="desks"] .ck-stat b,html[data-gmd="desks"] .dd-hd h4,html[data-gmd="desks"] .ds-side b,
html[data-gmd="desks"] .ds-t b,html[data-gmd="desks"] .kpi b,html[data-gmd="desks"] .meter .big,html[data-gmd="desks"] .mgr-row.total b,html[data-gmd="desks"] .mleg-top b,
html[data-gmd="desks"] .need b,html[data-gmd="desks"] .pay b,html[data-gmd="desks"] .pf-score b,html[data-gmd="desks"] .quota b,html[data-gmd="desks"] .rs-grand b,
html[data-gmd="desks"] .rs-t b,html[data-gmd="desks"] .sd-fact b,html[data-gmd="desks"] .sd-mtop b,html[data-gmd="desks"] .sd-slab .amt,html[data-gmd="desks"] .sd-total b,
html[data-gmd="desks"] .sd-who b,html[data-gmd="desks"] .sheet .sheet-meta b,html[data-gmd="desks"] .tg-row b,html[data-gmd="desks"] .mc-stat b{font-family:var(--dk-h);font-weight:800;letter-spacing:-.03em}

/* ---------------- top bar: white, navy text, gold underline on the current item ---------------- */
html[data-gmd="desks"] .mast{background:#fff;color:var(--ink);border-bottom:1px solid rgba(20,29,69,.14);box-shadow:0 1px 0 rgba(20,29,69,.04)}
html[data-gmd="desks"] .mast-in{max-width:1320px;gap:12px}
html[data-gmd="desks"] .brandmark img{filter:brightness(0) saturate(100%) invert(10%) sepia(35%) saturate(2400%) hue-rotate(212deg) brightness(.9);height:28px}
html[data-gmd="desks"] .brandmark .rule{background:rgba(20,29,69,.18)}
html[data-gmd="desks"] .brandmark h1{color:var(--ink);font-size:14px}
html[data-gmd="desks"] .brandmark h1 b{font-family:var(--dk-h);font-weight:800;letter-spacing:.02em;text-transform:uppercase;font-size:13px}
html[data-gmd="desks"] .brandmark h1 em{color:var(--muted);font-family:var(--dk-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase}
html[data-gmd="desks"] .datefield,html[data-gmd="desks"] .datefield .dstep{background:#fff;border:1px solid rgba(20,29,69,.2);color:var(--ink);border-radius:99px}
html[data-gmd="desks"] .datefield label{color:var(--muted);font-family:var(--dk-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase}
html[data-gmd="desks"] .datefield .dstep{border:0}
html[data-gmd="desks"] .datefield .dstep .dnav{color:var(--ink)}
html[data-gmd="desks"] .datefield .dstep .dnav:hover{background:var(--brand-soft);color:var(--ink)}
html[data-gmd="desks"] .datefield .dpbtn,html[data-gmd="desks"] .datefield .dstep .dpbtn{background:none;border-color:transparent;color:var(--ink)}
html[data-gmd="desks"] .datefield .dstep .dpbtn .wd{color:var(--muted)}
html[data-gmd="desks"] .datefield .dstep .dpbtn:hover,html[data-gmd="desks"] .datefield .dstep .dpbtn[aria-expanded="true"]{background:var(--brand-soft);color:var(--ink)}
html[data-gmd="desks"] .datefield .dptoday{background:var(--brand-soft);border-color:transparent;color:var(--brand);border-radius:99px}
html[data-gmd="desks"] .datefield .dptoday.on{background:var(--brand);border-color:var(--brand);color:#fff}
html[data-gmd="desks"] .datefield input[type=date]{color:var(--ink);color-scheme:light}
html[data-gmd="desks"] .undobox{border-color:rgba(20,29,69,.2);background:#fff;border-radius:99px}
html[data-gmd="desks"] .undobtn{color:var(--ink)}
html[data-gmd="desks"] .undobtn + .undobtn{border-left-color:rgba(20,29,69,.15)}
html[data-gmd="desks"] .undobtn:hover:not(:disabled){background:var(--brand-soft)}
html[data-gmd="desks"] .dlpill,html[data-gmd="desks"] .dlreq,html[data-gmd="desks"] .dlunl{border:1px solid rgba(20,29,69,.2);background:#fff;color:var(--ink);border-radius:99px}
html[data-gmd="desks"] .dlpill.closed{background:var(--dk-red);border-color:var(--dk-red);color:#fff}
html[data-gmd="desks"] .dlreq.has{background:var(--dk-gold);border-color:var(--dk-gold);color:#1B1405}
html[data-gmd="desks"] .mastpdf{background:var(--brand);border-color:var(--brand);color:#fff;border-radius:99px;box-shadow:none}
html[data-gmd="desks"] .mastpdf:hover{background:var(--ink);border-color:var(--ink);color:#fff}
html[data-gmd="desks"] .accesspill{background:var(--brand-soft);color:var(--brand);border-color:transparent;font-family:var(--dk-mono);letter-spacing:.06em}
html[data-gmd="desks"] .accesspill.owner{background:#FBF2DF;color:#6E4C0E}
html[data-gmd="desks"] .signout{background:var(--dk-gold);border-color:var(--dk-gold);color:#1B1405;border-radius:50%}
html[data-gmd="desks"] .whohere .pchip{border-color:#fff}
html[data-gmd="desks"] .whohere .more,html[data-gmd="desks"] .statepill{color:var(--muted)}
html[data-gmd="desks"] .sh-menu{background:#fff;border:1px solid rgba(20,29,69,.2);color:var(--ink);border-radius:99px}

/* ---------------- side menu: a white sheet index ---------------- */
@media (min-width:1100px){
  html[data-gmd="desks"] .sh-side{background:#fff;border-right:1px solid rgba(20,29,69,.14);color:var(--ink-2);scrollbar-color:#C9CEDF transparent}
}
html[data-gmd="desks"] .sh-brand{border-bottom:1.5px solid var(--dk-wall);margin:0 4px 10px;padding:4px 4px 12px}
html[data-gmd="desks"] .sh-brand img{filter:brightness(0) saturate(100%) invert(10%) sepia(35%) saturate(2400%) hue-rotate(212deg) brightness(.9)}
html[data-gmd="desks"] .sh-brand b{color:var(--ink);font-family:var(--dk-h);font-weight:800;text-transform:uppercase;letter-spacing:.02em}
html[data-gmd="desks"] .sh-brand span{font-family:var(--dk-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:1}
html[data-gmd="desks"] .sh-mc{color:#fff;background:var(--brand);border:0;border-radius:99px}
html[data-gmd="desks"] .sh-mc:hover{background:var(--ink)}
html[data-gmd="desks"] .sh-gh{border-radius:6px;color:var(--ink-2)}
html[data-gmd="desks"] .sh-gh:hover,html[data-gmd="desks"] .sh-it:hover{background:var(--brand-soft);color:var(--ink)}
html[data-gmd="desks"] .sh-g.cur > .sh-gh{background:none;color:var(--ink);box-shadow:inset 3px 0 0 var(--dk-gold)}
html[data-gmd="desks"] .sh-it{color:var(--muted);border-radius:6px}
html[data-gmd="desks"] .sh-it.cur{color:var(--ink);background:none;box-shadow:inset 0 -2px 0 var(--dk-gold);border-radius:0}
html[data-gmd="desks"] .sh-badge{background:var(--brand)}
html[data-gmd="desks"] .sh-badge.hot{background:var(--dk-red)}
html[data-gmd="desks"] .gmd-menu{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);border-radius:8px}
html[data-gmd="desks"] .gmd-menu .sh-rt span{color:var(--muted)}
html[data-gmd="desks"] .sh-lms{color:var(--ink);background:#fff;border:1.5px solid var(--dk-wall);border-radius:10px;box-shadow:inset 0 -4px 0 var(--dk-gold)}
html[data-gmd="desks"] .sh-lms::after{display:none}
html[data-gmd="desks"] .sh-lmsic{background:var(--brand);color:#fff;border:0}
html[data-gmd="desks"] .sh-lms .sh-rt span{color:var(--muted)}
html[data-gmd="desks"] .sh-lmsgo{background:var(--brand-soft);color:var(--brand)}
/* the ☰ menu */
html[data-gmd="desks"] .sh-drawer{background:rgba(20,29,69,.45)}
html[data-gmd="desks"] .sh-dpanel{background:#F4F5F8;color:var(--ink);box-shadow:20px 0 50px -20px rgba(20,29,69,.5)}
html[data-gmd="desks"] .sh-dhd h2{color:var(--ink);font-family:var(--dk-h);font-weight:800}
html[data-gmd="desks"] .sh-x{background:#fff;border:1px solid var(--line);color:var(--ink)}
html[data-gmd="desks"] .sh-search{background:#fff;border:1.5px solid var(--dk-wall);border-radius:99px;color:var(--muted)}
html[data-gmd="desks"] .sh-search input{color:var(--ink);border:0!important;background:none!important;box-shadow:none!important;border-radius:0}
html[data-gmd="desks"] .sh-card,html[data-gmd="desks"] .sh-list{background:#fff;border:1.5px solid var(--dk-wall);border-radius:4px;color:var(--ink)}
html[data-gmd="desks"] .sh-card.mc,html[data-gmd="desks"] button.sh-card.mc{border:1.5px solid var(--brand);background:#fff;padding:12px 14px;border-radius:4px;box-shadow:inset 4px 0 0 var(--dk-gold)}
html[data-gmd="desks"] .sh-cic{background:var(--brand-soft);color:var(--brand);border-radius:50%}
html[data-gmd="desks"] .sh-rt span{color:var(--muted)}
html[data-gmd="desks"] .sh-due{background:var(--dk-red);color:#fff}
html[data-gmd="desks"] .sh-sub{border-top:1px solid var(--line)}
html[data-gmd="desks"] .sh-row{color:var(--ink);border-bottom-color:var(--line-soft)}
html[data-gmd="desks"] .sh-row:hover{background:var(--brand-soft)}
html[data-gmd="desks"] .sh-row .sh-ic{color:var(--muted)}
html[data-gmd="desks"] .sh-none{color:var(--muted)}

/* ---------------- page heading ---------------- */
html[data-gmd="desks"] .wrap{max-width:1320px}
html[data-gmd="desks"] .hero{border-bottom:0;padding-top:22px;counter-reset:dkr}
html[data-gmd="desks"] .hero-top h2{font-family:var(--dk-h);font-weight:800;font-size:clamp(28px,5vw,42px);letter-spacing:-.035em;color:var(--ink)}
html[data-gmd="desks"] .hero-top h2 small{font-family:var(--dk-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-top:8px}
html[data-gmd="desks"] .pace{background:#fff;border:1px solid rgba(20,29,69,.15);border-left:3px solid var(--dk-gold);border-radius:0;color:var(--ink-2)}
html[data-gmd="desks"] .herotgt label,html[data-gmd="desks"] .whopick label,html[data-gmd="desks"] .field label,html[data-gmd="desks"] .strip-hd .lbl{font-family:var(--dk-mono);font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* ---------------- every card is a room: navy walls with a window, a room tag ---------------- */
html[data-gmd="desks"] .card,html[data-gmd="desks"] .ckcard,html[data-gmd="desks"] .mgrcard,html[data-gmd="desks"] .perfcard,html[data-gmd="desks"] .strip-shell,
html[data-gmd="desks"] .meter,html[data-gmd="desks"] .modal{
  background:#fff;border:4px solid var(--dk-wall);border-radius:0;box-shadow:none;position:relative}
html[data-gmd="desks"] .card,html[data-gmd="desks"] .ckcard,html[data-gmd="desks"] .mgrcard,html[data-gmd="desks"] .perfcard,html[data-gmd="desks"] .strip-shell,html[data-gmd="desks"] .meter{overflow:clip;overflow-clip-margin:6px}
/* a window in the top wall */
html[data-gmd="desks"] .card::before,html[data-gmd="desks"] .ckcard::before,html[data-gmd="desks"] .mgrcard::before,html[data-gmd="desks"] .perfcard::before,html[data-gmd="desks"] .strip-shell::before{
  content:"";position:absolute;top:-4px;right:12%;width:min(26%,220px);height:4px;background:#fff;border-left:1.5px solid var(--dk-wall);border-right:1.5px solid var(--dk-wall);
  background-image:linear-gradient(var(--dk-wall),var(--dk-wall));background-size:100% 1px;background-position:0 50%;background-repeat:no-repeat;pointer-events:none;z-index:2}
html[data-gmd="desks"] .card + .card{margin-top:22px}
html[data-gmd="desks"] .card{counter-increment:dkr}
html[data-gmd="desks"] .panel{counter-reset:dkr}
html[data-gmd="desks"] .card-hd{border-bottom:1px solid var(--line);padding:16px 18px 12px}
html[data-gmd="desks"] .card-hd h3{font-size:17px;color:var(--ink)}
html[data-gmd="desks"] .card-hd h3::before{content:"R-" counter(dkr,decimal-leading-zero) " · ROOM";display:block;font:700 9.5px/1.3 var(--dk-mono);letter-spacing:.14em;color:var(--brand);margin-bottom:5px}
html[data-gmd="desks"] #panel-entry .card-hd h3::before{content:"R-" counter(dkr,decimal-leading-zero) " · SALES FLOOR"}
html[data-gmd="desks"] #panel-days .card-hd h3::before{content:"R-" counter(dkr,decimal-leading-zero) " · RECORDS ROOM"}
html[data-gmd="desks"] #panel-team .card-hd h3::before{content:"R-" counter(dkr,decimal-leading-zero) " · OPEN PLAN"}
html[data-gmd="desks"] #panel-salary .card-hd h3::before{content:"R-" counter(dkr,decimal-leading-zero) " · ACCOUNTS"}
html[data-gmd="desks"] #panel-staff .card-hd h3::before{content:"R-" counter(dkr,decimal-leading-zero) " · STAFF ROOM"}
html[data-gmd="desks"] #panel-leads .card-hd h3::before{content:"R-" counter(dkr,decimal-leading-zero) " · RECEPTION · LEADS"}
html[data-gmd="desks"] #panel-eqrep .card-hd h3::before{content:"R-" counter(dkr,decimal-leading-zero) " · PLANNING ROOM"}
html[data-gmd="desks"] #panel-report .card-hd h3::before{content:"R-" counter(dkr,decimal-leading-zero) " · BOARD ROOM"}
html[data-gmd="desks"] #panel-pnl .card-hd h3::before{content:"R-" counter(dkr,decimal-leading-zero) " · ACCOUNTS · P AND L"}
html[data-gmd="desks"] .card-hd p{color:var(--muted)}
html[data-gmd="desks"] .card-bd{padding:16px 18px}
html[data-gmd="desks"] .hint,html[data-gmd="desks"] .dbnote{color:var(--muted)}

/* ---------------- buttons, chips, inputs ---------------- */
html[data-gmd="desks"] .btn{border:1px solid rgba(20,29,69,.25);background:#fff;color:var(--ink);border-radius:99px;font-weight:600}
html[data-gmd="desks"] .btn:hover{background:var(--brand-soft);border-color:var(--brand)}
html[data-gmd="desks"] .btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:none}
html[data-gmd="desks"] .btn.primary:hover{background:var(--ink);border-color:var(--ink);filter:none}
html[data-gmd="desks"] .btn.danger{color:var(--bad);border-color:transparent;background:none}
html[data-gmd="desks"] .btn.danger:hover{background:var(--bad-bg)}
html[data-gmd="desks"] .btn.sm{border-radius:99px}
html[data-gmd="desks"] input[type=text],html[data-gmd="desks"] input[type=number],html[data-gmd="desks"] input[type=search],html[data-gmd="desks"] input[type=date],html[data-gmd="desks"] input[type=month],
html[data-gmd="desks"] input[type=email],html[data-gmd="desks"] input[type=password],html[data-gmd="desks"] input[type=tel],html[data-gmd="desks"] select,html[data-gmd="desks"] textarea{
  background:#fff;border:1px solid rgba(20,29,69,.25);border-radius:2px;color:var(--ink)}
html[data-gmd="desks"] input:focus,html[data-gmd="desks"] select:focus,html[data-gmd="desks"] textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(34,61,142,.12);outline:none}
html[data-gmd="desks"] td input[type=text],html[data-gmd="desks"] td input[type=number]{background:var(--surface-2);border-color:var(--line)}
html[data-gmd="desks"] .seg{background:#fff;border:1px solid rgba(20,29,69,.2);border-radius:99px}
html[data-gmd="desks"] .seg button{border-radius:99px}
html[data-gmd="desks"] .seg button[aria-pressed="true"]{background:var(--brand);color:#fff;box-shadow:none}
html[data-gmd="desks"] .dchip,html[data-gmd="desks"] .secchip,html[data-gmd="desks"] .dp-q{border-radius:99px}
html[data-gmd="desks"] .dchip.on,html[data-gmd="desks"] .secchip[aria-pressed="true"],html[data-gmd="desks"] .dp-q.on{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:none}
html[data-gmd="desks"] .tag{border-radius:0;font-family:var(--dk-mono);font-size:10px;letter-spacing:.04em;font-weight:700}
html[data-gmd="desks"] .tag.none{background:var(--surface-2)}

/* ---------------- tabs: a plan navigator, gold underline; a bottom bar on a phone (phone.css) ---------------- */
@media (min-width:641px){
  html[data-gmd="desks"] .tabs{background:#fff;border:0;border-top:1.5px solid var(--dk-wall);border-bottom:1.5px solid var(--dk-wall);border-radius:0;padding:0 4px;gap:4px;width:100%;margin:26px 0 22px}
  html[data-gmd="desks"] .tabs button{padding:13px 14px;border-radius:0;color:var(--muted);font-weight:500;font-size:13.5px}
  html[data-gmd="desks"] .tabs button::after{left:14px;right:14px;bottom:6px;height:2px;border-radius:0;background:var(--dk-gold);opacity:0}
  html[data-gmd="desks"] .tabs button:hover{background:none;color:var(--ink)}
  html[data-gmd="desks"] .tabs button:hover::after{opacity:.5}
  html[data-gmd="desks"] .tabs button[aria-selected="true"],html[data-gmd="desks"][data-theme="dark"] .tabs button[aria-selected="true"]{background:none!important;color:var(--ink)!important;font-weight:700;box-shadow:none}
  html[data-gmd="desks"] .tabs button[aria-selected="true"]::after{display:block;opacity:1}
}
@media (max-width:640px){
  html[data-gmd="desks"] .tabs{background:#fff!important;border-top:1px solid rgba(20,29,69,.14)!important;box-shadow:0 -6px 18px -12px rgba(20,29,69,.35)!important}
  html[data-gmd="desks"] .tabs button{color:var(--muted)!important}
  html[data-gmd="desks"] .tabs button[aria-selected="true"]{color:var(--brand)!important;background:none!important}
  html[data-gmd="desks"] .tabs button .tic{color:inherit!important;border-radius:99px}
  html[data-gmd="desks"] .tabs button[aria-selected="true"] .tic{background:var(--brand-soft)!important;color:var(--brand)!important}
}

/* ---------------- tables: plan schedules ---------------- */
html[data-gmd="desks"] th{background:#fff;color:var(--muted);font-family:var(--dk-mono);font-size:9.5px;font-weight:600;letter-spacing:.1em;border-bottom:1.5px solid var(--dk-wall)}
html[data-gmd="desks"] th[aria-sort]{color:var(--ink)}
html[data-gmd="desks"] td{border-bottom:1px solid var(--line-soft)}
html[data-gmd="desks"] tbody tr:hover td{background:#F7F8FC}
html[data-gmd="desks"] th.grp,html[data-gmd="desks"] th.grp.sale{background:var(--brand-soft);color:var(--brand)}
html[data-gmd="desks"] th.grp.coll{background:var(--gold-soft);color:#6E4C0E}
html[data-gmd="desks"] .kpis{background:var(--line)}
html[data-gmd="desks"] .kpi span{font-family:var(--dk-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase}

/* ---------------- the month meters: rooms with a measured bar ---------------- */
html[data-gmd="desks"] .meter{padding:16px 18px 14px}
html[data-gmd="desks"] .meter::before{content:"";position:absolute;left:auto;right:14%;top:-4px;bottom:auto;width:22%;height:4px;background:#fff;border-left:1.5px solid var(--dk-wall);border-right:1.5px solid var(--dk-wall)}
html[data-gmd="desks"] .meter h3{font-family:var(--dk-mono);font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}
html[data-gmd="desks"] .meter .big{font-size:28px;color:var(--ink)}
html[data-gmd="desks"] .meter .track{height:8px;border-radius:0;border:1px solid var(--dk-wall);background:repeating-linear-gradient(-45deg,rgba(20,29,69,.16) 0 1px,transparent 1px 5px)}
html[data-gmd="desks"] .meter .fill,html[data-gmd="desks"] .meter.coll .fill{border-radius:0;background:var(--brand)}
html[data-gmd="desks"] .meter.coll .fill{background:var(--dk-gold)}
html[data-gmd="desks"] .meter .needle{background:var(--dk-red);opacity:1;width:3px}

/* ---------------- the team strip: R-01 open sales floor, each person an L-desk with a ring chair ---------------- */
html[data-gmd="desks"] .strip-shell{padding:18px 18px 34px}
html[data-gmd="desks"] .strip-shell::after{content:"R-01 · OPEN SALES FLOOR · WORKSTATIONS";position:absolute;left:18px;bottom:10px;font:600 9.5px var(--dk-mono);letter-spacing:.16em;color:#9AA1B8}
html[data-gmd="desks"] .strip-scroll{max-height:620px;overflow-y:auto;overflow-x:hidden;padding:4px 4px 6px}
html[data-gmd="desks"] .strip{grid-auto-flow:row!important;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-auto-columns:auto;gap:30px 24px}
html[data-gmd="desks"] .strip > .ch-col{overflow:visible;position:relative;background:#fff;border:1.5px solid var(--dk-wall);border-radius:0;padding:24px 12px 12px;margin-bottom:22px;text-align:left;min-height:116px}
html[data-gmd="desks"] .ch-col:hover{background:#FAFBFE;transform:none}
/* the monitor on the desk, and the L-return */
html[data-gmd="desks"] .ch-col::before{content:"";position:absolute;top:8px;left:30%;right:30%;height:4px;background:var(--dk-wall)}
html[data-gmd="desks"] .ch-col::after{content:"";position:absolute;right:-1.5px;bottom:-24px;width:22%;height:24px;background:#fff;border:1.5px solid var(--dk-wall);border-top:0}
html[data-gmd="desks"] .ch-in{display:grid!important;grid-template-columns:60px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;row-gap:2px;align-items:center}
html[data-gmd="desks"] .ch-in > .ch-name{grid-column:1/-1;grid-row:1;font:800 14px/1.2 var(--dk-h);letter-spacing:-.02em;color:var(--ink);min-height:0;-webkit-line-clamp:1;margin-bottom:6px}
html[data-gmd="desks"] .ch-in > .ch-track{grid-column:1;grid-row:2/4;width:56px!important;height:56px;border-radius:50%;border:0;overflow:visible;align-items:center;justify-content:center;
  background:conic-gradient(var(--dk-rc,var(--brand)) calc(var(--p,0)*1%),#E3E6EF 0);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px))}
html[data-gmd="desks"] .ch-track::before,html[data-gmd="desks"] .ch-track .ch-fill{display:none}
html[data-gmd="desks"] .ch-cap,html[data-gmd="desks"] .ch-cap.inside{display:none}
html[data-gmd="desks"] .ch-in > .ch-val{grid-column:2;grid-row:2;font-size:20px;color:var(--ink)}
html[data-gmd="desks"] .ch-in > .ch-tg{grid-column:2;grid-row:3;font-family:var(--dk-mono);font-size:10px;color:var(--muted)}
html[data-gmd="desks"] .ch-col.ok{--dk-rc:#223D8E} html[data-gmd="desks"] .ch-col.warn{--dk-rc:#E8B65A} html[data-gmd="desks"] .ch-col.bad{--dk-rc:#C2352C} html[data-gmd="desks"] .ch-col.none{--dk-rc:#B9BFD3}
html[data-gmd="desks"] .ch-col.ok .ch-val,html[data-gmd="desks"] .ch-col.warn .ch-val,html[data-gmd="desks"] .ch-col.bad .ch-val{color:var(--ink)}
/* the ring's % as the chair's seat (the board writes it in the title; the desk shows it beside the ring) */
html[data-gmd="desks"] .ch-in > .ch-val[data-dkp]{font-size:0;white-space:normal}
html[data-gmd="desks"] .ch-val[data-dkp]::before{content:attr(data-dkp);display:block;font:800 21px/1.05 var(--dk-h);letter-spacing:-.03em;color:var(--ink)}
html[data-gmd="desks"] .ch-val[data-dkp]::after{content:attr(data-dkv) " sold";display:block;font:500 10.5px/1.3 "Inter",sans-serif;letter-spacing:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-gmd="desks"] .sd-box,html[data-gmd="desks"] .sd-ladder{background:#fff;border:1.5px solid var(--dk-wall);border-radius:0}
html[data-gmd="desks"] .sd-box h5{font-family:var(--dk-mono);letter-spacing:.14em;color:var(--brand)}
html[data-gmd="desks"] .sd-pay{background:#EEF1FA;border-color:var(--dk-wall)}
html[data-gmd="desks"] .sd-who .code{border-radius:0;background:var(--dk-wall);color:#fff;border:0;font-family:var(--dk-mono)}
html[data-gmd="desks"] .sd-track{border-radius:0}
html[data-gmd="desks"] .sd-track i{border-radius:0}

/* ---------------- the Confirm bar, daily report, performance, calendar ---------------- */
html[data-gmd="desks"] .cfbar{background:#fff;border:1.5px solid var(--dk-wall);border-left:6px solid var(--dk-gold);border-radius:0;box-shadow:none}
html[data-gmd="desks"] .cfbar.done{border-left-color:var(--ok)}
html[data-gmd="desks"] .cfbar.missed{border-left-color:var(--dk-red)}
html[data-gmd="desks"] .cfbar .btn.primary,html[data-gmd="desks"] .cfbar.ready .btn.primary{background:var(--brand);border-color:var(--brand)}
html[data-gmd="desks"] .pf-d{border-radius:2px}
html[data-gmd="desks"] .ckcard .ck-day{border-radius:0;border-color:var(--line)}
html[data-gmd="desks"] .ck-nav{border-radius:50%}
html[data-gmd="desks"] .mgr-row.total b,html[data-gmd="desks"] .sd-total b{color:var(--brand)}


/* performance and daily report rooms */
html[data-gmd="desks"] .perfcard{padding:18px 18px 16px}
html[data-gmd="desks"] .perfcard .pf-hd h3,html[data-gmd="desks"] .mgr-t h3,html[data-gmd="desks"] .ck-month h3{font-family:var(--dk-h);font-weight:800;color:var(--ink)}
html[data-gmd="desks"] .perfcard .pf-hd h3::before{content:"R-06 · MANAGER PERFORMANCE";display:block;font:700 9.5px/1.3 var(--dk-mono);letter-spacing:.14em;color:var(--brand);margin-bottom:5px}
html[data-gmd="desks"] .rtrack .pf-hd h3::before{content:"R-02 · CONFERENCE · DAILY REPORT"}
html[data-gmd="desks"] .mgr-t h3::before{content:"R-07 · GM CABIN · MANAGER TARGET";display:block;font:700 9.5px/1.3 var(--dk-mono);letter-spacing:.14em;color:var(--brand);margin-bottom:5px}
html[data-gmd="desks"] .pf-kpis .kpi,html[data-gmd="desks"] .pf-arow,html[data-gmd="desks"] .rt-tom{background:#fff;border:1px solid rgba(20,29,69,.2);border-radius:0}
html[data-gmd="desks"] .pf-score{border-radius:0;background:#fff;border:2px solid var(--dk-wall)}
html[data-gmd="desks"] .pf-score.ok{border-color:var(--ok)} html[data-gmd="desks"] .pf-score.bad{border-color:var(--bad)}
html[data-gmd="desks"] .pf-stack{border-radius:0;height:8px}
html[data-gmd="desks"] .pf-stack .ontime,html[data-gmd="desks"] .pf-legend .ontime,html[data-gmd="desks"] .pf-d.ontime{background:#223D8E}
html[data-gmd="desks"] .pf-stack .late,html[data-gmd="desks"] .pf-legend .late,html[data-gmd="desks"] .pf-d.late{background:#E8B65A}
html[data-gmd="desks"] .pf-stack .missed,html[data-gmd="desks"] .pf-legend .missed,html[data-gmd="desks"] .pf-d.missed{background:#C2352C}
html[data-gmd="desks"] .pf-legend .pending,html[data-gmd="desks"] .pf-d.pending{background:#6C86D8}
html[data-gmd="desks"] .pf-nums .ok{color:var(--brand)}
html[data-gmd="desks"] .rt-row{border:1.5px solid var(--dk-wall);border-radius:0;background:#fff;min-height:40px}
html[data-gmd="desks"] .rt-row.none{border-color:rgba(194,53,44,.6);border-style:dashed}
html[data-gmd="desks"] .rt-dot{border-radius:50%}
html[data-gmd="desks"] .mgr-hd,html[data-gmd="desks"] .ck-hd,html[data-gmd="desks"] .mgr-foot{background:#fff;border-color:var(--line)}
html[data-gmd="desks"] .mgr-valid,html[data-gmd="desks"] .ck-clock{border-radius:99px;background:var(--brand-soft);color:var(--brand)}
html[data-gmd="desks"] .mgr-lic,html[data-gmd="desks"] .mgr-pay,html[data-gmd="desks"] .ck-side{border-left:4px solid var(--dk-wall)}
html[data-gmd="desks"] .ck-side{background:#EEF1FA}
html[data-gmd="desks"] .ck-leads,html[data-gmd="desks"] .ck-stat{border-radius:0;border-color:rgba(20,29,69,.2)}
html[data-gmd="desks"] .ck-month h3::before{content:"R-08 · CALENDAR · CONFIRM";display:block;font:700 9.5px/1.3 var(--dk-mono);letter-spacing:.14em;color:var(--brand);margin-bottom:5px}

html[data-gmd="desks"] .lockbar{border-radius:0;border-left:4px solid var(--ok)}
html[data-gmd="desks"] .lockbar.closed,html[data-gmd="desks"] .lockbar.shut{border-left-color:var(--bad)}
html[data-gmd="desks"] .tabs button .tic{color:var(--muted)}
html[data-gmd="desks"] .tabs button[aria-selected="true"] .tic{color:var(--brand)}

/* the Team and targets heading (gmd/desks.js teamHead; hidden in every other design) */
html[data-gmd="desks"] .dk-team[hidden]{display:flex}
html[data-gmd="desks"] .dk-team{order:-2;flex-wrap:wrap;align-items:flex-end;gap:16px 28px;margin:0 0 24px}
html[data-gmd="desks"] .dk-tt{flex:1 1 300px;min-width:0}
html[data-gmd="desks"] .dk-k{display:block;font:600 10.5px var(--dk-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
html[data-gmd="desks"] .dk-tt h2{font:800 clamp(28px,4vw,40px)/1.05 var(--dk-h);letter-spacing:-.035em;color:var(--ink);margin-top:8px}
html[data-gmd="desks"] .dk-sum{display:flex;flex-wrap:wrap}
html[data-gmd="desks"] .dk-sum div{padding:0 22px;border-left:1px solid rgba(20,29,69,.15)}
html[data-gmd="desks"] .dk-sum span{display:block;font-size:11px;color:var(--muted)}
html[data-gmd="desks"] .dk-sum b{display:block;font:800 22px var(--dk-h);letter-spacing:-.03em;margin-top:2px;color:var(--ink)}
html[data-gmd="desks"] .dk-add{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;min-height:44px;font-size:13.5px}
@media (max-width:640px){
  html[data-gmd="desks"] .dk-sum{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  html[data-gmd="desks"] .dk-sum div{padding:8px 10px;border:1.5px solid var(--dk-wall);border-left-width:1.5px;margin-left:-1.5px;background:#fff}
  html[data-gmd="desks"] .dk-sum div:first-child{background:var(--dk-wall);color:#fff;margin-left:0}
  html[data-gmd="desks"] .dk-sum div:first-child span,html[data-gmd="desks"] .dk-sum div:first-child b{color:#fff}
  html[data-gmd="desks"] .dk-sum b{font-size:17px}
  html[data-gmd="desks"] .dk-add{width:100%;justify-content:center}
}

/* ---------------- windows, toasts ---------------- */
html[data-gmd="desks"] .scrim{background:rgba(20,29,69,.5)}
html[data-gmd="desks"] .modal{border-width:4px}
html[data-gmd="desks"] .toast{background:var(--dk-wall);color:#fff;border-radius:99px;box-shadow:0 0 0 2px var(--dk-gold)}
html[data-gmd="desks"] .robanner{border-radius:0;border-left:4px solid var(--dk-gold)}

/* =========================== MISSION CONTROL: the floor plan =========================== */
html[data-gmd="desks"] .mc{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;color:var(--ink);margin:0 0 22px}
html[data-gmd="desks"] .mc.folded{background:#fff;border:1.5px solid var(--dk-wall);padding:12px 16px}
html[data-gmd="desks"] .mc-hd{gap:10px 12px;align-items:flex-end}
html[data-gmd="desks"] .mc-kick{color:var(--muted);font:600 10.5px var(--dk-mono);letter-spacing:.14em}
html[data-gmd="desks"] .mc-kick i{background:var(--dk-red);box-shadow:0 0 0 3px rgba(194,53,44,.18)}
html[data-gmd="desks"] .mc-hd h3{font:800 clamp(26px,4.2vw,40px)/1.05 var(--dk-h);letter-spacing:-.035em;color:var(--ink);margin-top:6px}
html[data-gmd="desks"] .mc.folded .mc-hd h3{font-size:18px}
html[data-gmd="desks"] .dz-date{display:block;margin-top:6px;font-size:12.5px;color:var(--muted)}
html[data-gmd="desks"] .mc-chips{gap:0;border:1px solid rgba(20,29,69,.2);border-radius:99px;background:#fff;padding:3px}
html[data-gmd="desks"] .mc-chip{border:0;background:none;color:var(--muted);border-radius:99px;padding:6px 12px;min-height:34px}
html[data-gmd="desks"] .mc-chip b{font-family:var(--dk-h);font-weight:800}
html[data-gmd="desks"] .mc-chip.c-now b{color:var(--dk-red)} html[data-gmd="desks"] .mc-chip.c-today b{color:#A9761A} html[data-gmd="desks"] .mc-chip.c-wait b{color:var(--brand)}
html[data-gmd="desks"] .mc-chip:hover{color:var(--ink)}
html[data-gmd="desks"] .gmd-chip,html[data-gmd="desks"] .mc-hide{border:1px solid rgba(20,29,69,.25);background:#fff;color:var(--ink);border-radius:99px;min-height:40px;padding:6px 14px}
html[data-gmd="desks"] .gmd-chip:hover,html[data-gmd="desks"] .mc-hide:hover{border-color:var(--brand);color:var(--brand)}
html[data-gmd="desks"] .gmd-chip{background:var(--brand);border-color:var(--brand);color:#fff}
html[data-gmd="desks"] .gmd-chip:hover{background:var(--ink);color:#fff}
html[data-gmd="desks"] .mc-mini{color:var(--brand)}

/* the plan: an outer navy wall with windows, the open floor left, three rooms right */
html[data-gmd="desks"] .dk-plan{position:relative;margin-top:18px;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);background:#fff;border:10px solid var(--dk-wall)}
html[data-gmd="desks"] .dk-win{position:absolute;top:-10px;height:10px;background:#fff;border-left:2px solid var(--dk-wall);border-right:2px solid var(--dk-wall);
  background-image:linear-gradient(var(--dk-wall),var(--dk-wall)),linear-gradient(var(--dk-wall),var(--dk-wall));background-size:100% 1.5px;background-position:0 30%,0 70%;background-repeat:no-repeat}
html[data-gmd="desks"] .dk-win.w1{left:6%;width:16%} html[data-gmd="desks"] .dk-win.w2{left:30%;width:16%} html[data-gmd="desks"] .dk-win.w3{right:9%;width:14%}
html[data-gmd="desks"] .rt{display:block;font:700 9.5px/1.3 var(--dk-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-gmd="desks"] .dk-room{position:relative;padding:18px 20px;min-width:0}
html[data-gmd="desks"] .dk-floor{padding:20px 22px 44px}
html[data-gmd="desks"] .dk-side{border-left:8px solid var(--dk-wall);display:grid;grid-template-rows:auto auto 1fr;min-width:0}
html[data-gmd="desks"] .dk-side > .dk-room + .dk-room{border-top:8px solid var(--dk-wall)}
html[data-gmd="desks"] .dk-cabin{background:#EEF1FA}
html[data-gmd="desks"] .dk-cap{position:absolute;left:22px;bottom:14px;font:600 9.5px var(--dk-mono);letter-spacing:.16em;text-transform:uppercase;color:#9AA1B8}
/* a door into the cabin: a gap in the wall with its swing */
html[data-gmd="desks"] .dk-door{position:absolute;left:-8px;bottom:0;width:8px;height:36px;background:#fff}
html[data-gmd="desks"] .dk-door::after{content:"";position:absolute;left:8px;bottom:0;width:36px;height:36px;border-top:1px solid var(--dk-wall);border-right:1px solid var(--dk-wall);border-top-right-radius:44px;opacity:.6}
html[data-gmd="desks"] .dk-plant{position:absolute;right:16px;bottom:10px;width:34px;height:34px;border-radius:50%;border:1px solid #4E7A5A;background:#E7EEE6 radial-gradient(circle,transparent 5px,#4E7A5A 5px,#4E7A5A 6px,transparent 6px);opacity:.9}
/* the three L-desks */
html[data-gmd="desks"] .mc-main.dk-desks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:16px;align-items:start}
html[data-gmd="desks"] .dk-ws{position:relative;border:1.5px solid var(--dk-wall);background:#fff;padding:26px 12px 14px;margin-bottom:46px;min-width:0}
html[data-gmd="desks"] .dk-ws::before{content:"";position:absolute;top:9px;left:32%;right:32%;height:4px;background:var(--dk-wall)}
html[data-gmd="desks"] .dk-ret{position:absolute;right:-1.5px;bottom:-40px;width:26%;height:40px;background:#fff;border:1.5px solid var(--dk-wall);border-top:0}
html[data-gmd="desks"] .dk-now{border-style:dashed;border-color:var(--dk-red)}
html[data-gmd="desks"] .dk-now .dk-ret{border-style:dashed;border-color:var(--dk-red)}
html[data-gmd="desks"] .dk-tag{display:block;font:700 9px var(--dk-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
html[data-gmd="desks"] .dk-now .dk-tag{color:var(--dk-red)}
html[data-gmd="desks"] .dk-chair{position:absolute;left:18px;bottom:-34px;width:48px;height:48px;background:#fff;border-radius:50%}
html[data-gmd="desks"] .dk-chair b{position:absolute;inset:0;display:grid;place-items:center;font:800 15px var(--dk-h);color:var(--ink)}
html[data-gmd="desks"] .dk-ring{width:100%;height:100%;display:block}
html[data-gmd="desks"] .dk-rt{fill:#fff;stroke:#E3E6EF;stroke-width:12}
html[data-gmd="desks"] .dk-ra{fill:none;stroke-width:12;transition:stroke-dasharray .9s linear}
html[data-gmd="desks"] .mc-col{gap:8px}
html[data-gmd="desks"] .mc-colh{display:none}
html[data-gmd="desks"] .mc-card{background:#fff;border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:0;padding:10px 11px}
html[data-gmd="desks"] .mc-card.p-now{border-left-color:var(--dk-red)} html[data-gmd="desks"] .mc-card.p-today{border-left-color:var(--dk-gold)} html[data-gmd="desks"] .mc-card.p-done{border-left-color:var(--ok)}
html[data-gmd="desks"] .mc-ct .sh-ic{color:var(--brand)}
html[data-gmd="desks"] .mc-card.p-now .mc-ct .sh-ic{color:var(--dk-red)}
html[data-gmd="desks"] .mc-card.p-done .mc-ct .sh-ic{color:var(--ok)}
html[data-gmd="desks"] .mc-ct b{color:var(--ink);font-size:13.5px}
html[data-gmd="desks"] .mc-ct em{color:#8A5F12;font-family:var(--dk-mono);font-size:10.5px}
html[data-gmd="desks"] .mc-card.p-now .mc-ct em{color:var(--dk-red)}
html[data-gmd="desks"] .mc-card p{color:var(--muted)}
html[data-gmd="desks"] .mc-go{border:1px solid var(--brand);color:var(--brand);background:#fff;border-radius:99px;min-height:34px;padding:5px 14px}
html[data-gmd="desks"] .mc-go:hover{background:var(--brand-soft)}
html[data-gmd="desks"] .mc-card.p-now .mc-go{background:var(--brand);border-color:var(--brand);color:#fff}
html[data-gmd="desks"] .mc-empty{border:1px dashed rgba(20,29,69,.3);border-radius:0;color:var(--muted);background:#FAFBFE}
html[data-gmd="desks"] .mc-more{color:var(--brand)}
html[data-gmd="desks"] .mc-note{color:var(--muted)}
/* R-02 the cabin: the countdown */
html[data-gmd="desks"] .dk-crow{display:flex;align-items:center;gap:18px;margin-top:14px}
html[data-gmd="desks"] .dk-cring{position:relative;flex:none;width:104px;height:104px}
html[data-gmd="desks"] .dk-cring .dk-rt{stroke:#D9DEEE;stroke-width:9} html[data-gmd="desks"] .dk-cring .dk-ra{stroke-width:9}
html[data-gmd="desks"] .dk-ck{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border:2px solid var(--dk-wall);border-radius:50%}
html[data-gmd="desks"] .dk-ck::after{content:"";position:absolute;left:8px;top:2px;width:2px;height:8px;background:var(--dk-wall);box-shadow:3px 6px 0 -0px transparent}
html[data-gmd="desks"] .dk-cl{min-width:0;display:grid;gap:3px}
html[data-gmd="desks"] .dz-cl{font:600 10px var(--dk-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);overflow-wrap:anywhere}
html[data-gmd="desks"] .dz-left{font:800 34px/1 var(--dk-h);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
html[data-gmd="desks"] .dz-left.calm{font-size:24px;color:var(--ok)}
html[data-gmd="desks"] .dz-cs{font-size:12px;color:var(--ink-2)}
html[data-gmd="desks"] #mc-clock.hot .dz-left{color:var(--dk-red)}
/* R-03 the sales floor: ring + slab boxes */
html[data-gmd="desks"] .dk-srow{display:flex;align-items:center;gap:16px;margin-top:12px}
html[data-gmd="desks"] .dk-bring{position:relative;flex:none;width:92px;height:92px}
html[data-gmd="desks"] .dk-bring .dk-rt{stroke-width:9} html[data-gmd="desks"] .dk-bring .dk-ra{stroke-width:9}
html[data-gmd="desks"] .dk-bring b{position:absolute;inset:0;display:grid;place-items:center;font:800 21px var(--dk-h);letter-spacing:-.03em;color:var(--ink)}
html[data-gmd="desks"] .dk-sx{min-width:0;display:grid;gap:2px}
html[data-gmd="desks"] .dk-big{font:800 26px/1.05 var(--dk-h);letter-spacing:-.03em;color:var(--ink)}
html[data-gmd="desks"] .dk-sx small{font-size:11.5px;color:var(--muted)}
html[data-gmd="desks"] .dk-slabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px}
html[data-gmd="desks"] .dk-slabs div{border:1px solid rgba(20,29,69,.22);padding:6px 8px;background:#fff;min-width:0}
html[data-gmd="desks"] .dk-slabs div.on{background:var(--brand);border-color:var(--brand);color:#fff}
html[data-gmd="desks"] .dk-slabs span{display:block;font:600 9px var(--dk-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-gmd="desks"] .dk-slabs b{font:800 16px var(--dk-h)}
html[data-gmd="desks"] .dk-p{margin:9px 0 0;font-size:11.5px;line-height:1.45;color:var(--muted)}
/* R-04 the huddle: grade-rule boxes */
html[data-gmd="desks"] .dk-gru{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
html[data-gmd="desks"] .dk-gru div{border:1.5px solid var(--dk-wall);padding:9px 6px;text-align:center;background:#fff;min-width:0}
html[data-gmd="desks"] .dk-gru span{display:block;font:700 9px var(--dk-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-gmd="desks"] .dk-gru b{font:800 21px var(--dk-h);letter-spacing:-.02em;color:var(--ink);white-space:nowrap}

/* the Locks and unlocks card inside: a light room */
html[data-gmd="desks"] .mc-locks .lkhub{margin:22px 0 0;background:#fff;border:4px solid var(--dk-wall);border-radius:0;color:var(--ink)}
html[data-gmd="desks"] .mc-locks .lkhub .pf-hd h3{color:var(--ink)}
html[data-gmd="desks"] .mc-locks .lkhub .pf-hd h3::before{content:"R-05 · LOCKS AND UNLOCKS";display:block;font:700 9.5px var(--dk-mono);letter-spacing:.14em;color:var(--brand);margin-bottom:5px}
html[data-gmd="desks"] .mc-locks .lkhub .pf-hd p,html[data-gmd="desks"] .mc-locks .lh-k span,html[data-gmd="desks"] .mc-locks .lh-chip i{color:var(--muted)}
html[data-gmd="desks"] .mc-locks .lh-k{background:#fff;border:1.5px solid var(--dk-wall);border-radius:0}
html[data-gmd="desks"] .mc-locks .lh-k b{color:var(--ink);font-family:var(--dk-h);font-weight:800}
html[data-gmd="desks"] .mc-locks .lh-k.ok b{color:var(--ok)} html[data-gmd="desks"] .mc-locks .lh-k.bad b{color:var(--dk-red)} html[data-gmd="desks"] .mc-locks .lh-k.warn b{color:#A9761A}
html[data-gmd="desks"] .mc-locks .lh-sec>b{color:var(--brand);font-family:var(--dk-mono)}
html[data-gmd="desks"] .mc-locks .lh-row{border-color:var(--line);background:#fff;border-radius:0}
html[data-gmd="desks"] .mc-locks .lh-chip{background:#fff;border-color:rgba(20,29,69,.25);color:var(--ink)}
html[data-gmd="desks"] .mc-locks .lh-chip.bad{border-color:var(--dk-red)} html[data-gmd="desks"] .mc-locks .lh-chip.bad i{color:var(--dk-red)}
html[data-gmd="desks"] .mc-locks .btn{background:#fff;border-color:var(--brand);color:var(--brand)}
html[data-gmd="desks"] .mc-locks .btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}

/* a tablet: the desk picked with the chips, the rooms beside */
@media (max-width:1099px){
  html[data-gmd="desks"] .dk-plan{grid-template-columns:minmax(0,1fr) minmax(260px,.9fr)}
  html[data-gmd="desks"] .mc-main.dk-desks{grid-template-columns:minmax(0,1fr)}
  html[data-gmd="desks"] .mc-main[data-show="now"] .dk-ws:not([data-ws="now"]),
  html[data-gmd="desks"] .mc-main[data-show="today"] .dk-ws:not([data-ws="today"]),
  html[data-gmd="desks"] .mc-main[data-show="wait"] .dk-ws:not([data-ws="wait"]){display:none}
  html[data-gmd="desks"] .mc-chip.on{background:var(--brand);color:#fff}
  html[data-gmd="desks"] .mc-chip.on b{color:#fff}
}
/* a phone: the rooms stack, walls thinner */
@media (max-width:760px){
  html[data-gmd="desks"] .dk-plan{grid-template-columns:minmax(0,1fr);border-width:6px}
  html[data-gmd="desks"] .dk-win{top:-6px;height:6px}
  html[data-gmd="desks"] .dk-side{border-left:0;border-top:6px solid var(--dk-wall)}
  html[data-gmd="desks"] .dk-side > .dk-room + .dk-room{border-top-width:6px}
  html[data-gmd="desks"] .dk-door{display:none}
  html[data-gmd="desks"] .dk-room{padding:14px 14px}
  html[data-gmd="desks"] .dk-floor{padding:14px 14px 40px}
  /* the countdown first on a phone, then the desks, then the figures */
  html[data-gmd="desks"] .dk-plan{display:flex;flex-direction:column}
  html[data-gmd="desks"] .dk-side{display:contents}
  html[data-gmd="desks"] .dk-cabin{order:-1}
  html[data-gmd="desks"] .dk-floor{border-top:6px solid var(--dk-wall)}
  html[data-gmd="desks"] .dk-sales,html[data-gmd="desks"] .dk-huddle{order:1;border-top:6px solid var(--dk-wall)}
}
@media (max-width:640px){
  html[data-gmd="desks"] .mc{margin-bottom:16px}
  html[data-gmd="desks"] .mc-hd h3{font-size:26px}
  html[data-gmd="desks"] .mc-chips{order:3;flex-basis:100%;justify-content:space-between}
  html[data-gmd="desks"] .mc-chip{flex:1;justify-content:center;min-height:40px}
  html[data-gmd="desks"] .gmd-chip,html[data-gmd="desks"] .mc-hide{min-height:44px}
  html[data-gmd="desks"] .dk-cring{width:88px;height:88px}
  html[data-gmd="desks"] .dz-left{font-size:30px}
  html[data-gmd="desks"] .card,html[data-gmd="desks"] .ckcard,html[data-gmd="desks"] .mgrcard,html[data-gmd="desks"] .perfcard,html[data-gmd="desks"] .strip-shell,html[data-gmd="desks"] .meter{border-width:3px}
  html[data-gmd="desks"] .card::before,html[data-gmd="desks"] .ckcard::before,html[data-gmd="desks"] .mgrcard::before,html[data-gmd="desks"] .perfcard::before,html[data-gmd="desks"] .strip-shell::before,html[data-gmd="desks"] .meter::before{top:-3px;height:3px}
  html[data-gmd="desks"] .card-hd{padding:14px 14px 10px}
  html[data-gmd="desks"] .card-bd{padding:14px}
  html[data-gmd="desks"] .strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}
  html[data-gmd="desks"] .strip > .ch-col{padding:20px 8px 10px;min-height:0;margin-bottom:18px}
  html[data-gmd="desks"] .ch-col::after{bottom:-20px;height:20px}
  html[data-gmd="desks"] .ch-in{grid-template-columns:44px minmax(0,1fr);column-gap:8px}
  html[data-gmd="desks"] .ch-in > .ch-track{width:42px!important;height:42px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px))}
  html[data-gmd="desks"] .ch-in > .ch-name{font-size:13px}
  html[data-gmd="desks"] .ch-in > .ch-val{font-size:15px}
  html[data-gmd="desks"] .ch-val[data-dkp]::before{font-size:17px}
  html[data-gmd="desks"] .strip-scroll{max-height:520px}
}

/* phone: each table row and entry row is a desk */
@media (max-width:640px){
  html[data-gmd="desks"] .tablescroll tr{border-radius:0!important;border:1.5px solid var(--dk-wall)!important;box-shadow:none!important}
  html[data-gmd="desks"] .rows .row{border-radius:0!important;border:1.5px solid var(--dk-wall)!important;box-shadow:none!important}
  html[data-gmd="desks"] .rows .inp input.v{border-radius:2px}
}
@media (max-width:380px){
  html[data-gmd="desks"] .dk-crow{gap:12px}
  html[data-gmd="desks"] .dk-cring{width:72px;height:72px}
  html[data-gmd="desks"] .dz-left{font-size:26px}
  html[data-gmd="desks"] .dk-gru b{font-size:17px}
}