@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Archivo:wdth,wght@62..125,400..800&display=swap");
/* =========================================================================
   711 XREF CALENDAR (js: gmd/xref.js) — every rule under html[data-gmd="xref"]
   Ivory model space with a drafting grid, dark navy chrome, grid bubbles,
   each day a bay, Sundays hatched, holidays revision triangles, open dates
   red revision clouds, the yellow Confirm. Always light.
   ========================================================================= */
html[data-gmd="xref"][data-gmd]{color-scheme:light;
  --xn0:#262F4F;--xn1:#2E3A5C;--xn2:#36446B;--xnl:#4A5884;--xnm:#AEB8D6;
  --xiv:#F6F2E8;--xpa:#FBF8F1;--xp2:#EFE9DC;--xl:#D8D1C0;--xd:#C9C1AE;--xk:#1B2340;--xm:#6E7088;--xm2:#8C8676;
  --xb:#223D8E;--xg:#E8B65A;--xr:#D93A3A;--xgr:#1E7A4C;--xu:#2E7DB8;--xh:#B07A12;
  --xmono:"JetBrains Mono",ui-monospace,Menlo,monospace;--xhead:Archivo,"Arial Narrow",sans-serif;--xbody:Inter,Archivo,"Helvetica Neue",Arial,sans-serif;
  --xgrid:linear-gradient(rgba(27,35,64,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(27,35,64,.045) 1px,transparent 1px),linear-gradient(rgba(27,35,64,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(27,35,64,.075) 1px,transparent 1px);
  --xcloud:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath d='M5 5A5 5 0 0 1 15 5A5 5 0 0 1 25 5A5 5 0 0 1 25 15A5 5 0 0 1 25 25A5 5 0 0 1 15 25A5 5 0 0 1 5 25A5 5 0 0 1 5 15A5 5 0 0 1 5 5Z' fill='none' stroke='%23D93A3A' stroke-width='1.5'/%3E%3C/svg%3E");
  --bg:#F6F2E8;--surface:#FBF8F1;--surface-2:#EFE9DC;--ink:#1B2340;--ink-2:#3A4262;--muted:#6E7088;--line:#D8D1C0;--line-soft:#E6E0D2;
  --brand:#223D8E;--brand-2:#2E4FA8;--brand-deep:#1B2340;--brand-soft:#E3E8F6;--on-brand:#FFFFFF;--gold:#C9921F;--gold-soft:#FBF3DC;
  --ok:#1E7A4C;--warn:#B07A12;--bad:#D93A3A;--ok-bg:#E4F0E6;--warn-bg:#FBF3DC;--bad-bg:#FBE7E3;--shadow:none;
  --mc-bg:#262F4F;--mc-card:#2E3A5C;--mc-line:#43507A;--mc-cy:#E8B65A;--mc-go:#E8B65A;--mc-hot:#FF7A6A;--mc-ok:#5BD08A;--mc-mut:#AEB8D6;--mc-ink:#E8ECF5}
html[data-gmd="xref"] body{background-color:#F6F2E8;background-image:var(--xgrid);background-size:20px 20px,20px 20px,100px 100px,100px 100px;color:#1B2340}
html[data-gmd="xref"] h1,html[data-gmd="xref"] h2,html[data-gmd="xref"] h3{font-family:var(--xhead);font-stretch:75%;font-weight:700;letter-spacing:.005em}
html[data-gmd="xref"] ::selection{background:#E3E8F6}

/* ---------------- top bar: the title bar of the drawing window ---------------- */
html[data-gmd="xref"] .mast{background:#262F4F;border-bottom:1px solid #1B2340;box-shadow:inset 0 -3px 0 #2E3A5C}
html[data-gmd="xref"] .mast-in{padding-top:9px;padding-bottom:9px}
html[data-gmd="xref"] .brandmark h1{font-family:var(--xhead);font-stretch:75%;letter-spacing:.06em;text-transform:uppercase;font-size:16px}
html[data-gmd="xref"] .brandmark h1 em{font-family:var(--xmono);font-stretch:100%;text-transform:none;letter-spacing:0;font-size:11px;color:#AEB8D6;font-weight:400}
html[data-gmd="xref"] .brandmark h1 em::before{content:"— "}
html[data-gmd="xref"] .brandmark .rule{background:#4A5884}
html[data-gmd="xref"] .mast .datefield,html[data-gmd="xref"] .mast .dstep,html[data-gmd="xref"] .mast .undobox,html[data-gmd="xref"] .mast .dlpill,html[data-gmd="xref"] .mast .dlreq,html[data-gmd="xref"] .mast .dlunl,html[data-gmd="xref"] .mast .mastpdf,html[data-gmd="xref"] .mast .accesspill,html[data-gmd="xref"] .mast .signout,html[data-gmd="xref"] .mast .sh-menu{border-radius:3px!important;border-color:#4A5884!important;background:#2E3A5C!important;box-shadow:none!important;color:#E8ECF5}
html[data-gmd="xref"] .mast .datefield label{font-family:var(--xmono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#AEB8D6}
html[data-gmd="xref"] .mast .dptoday{border-radius:3px!important;background:#E8B65A!important;color:#1B1405!important;border:0!important;font-weight:700}
html[data-gmd="xref"] .mast .dpbtn b,html[data-gmd="xref"] .mast #wd-txt{font-family:var(--xmono);font-weight:600;letter-spacing:.02em}
html[data-gmd="xref"] .mast .mastpdf{background:#F6F2E8!important;color:#1B2340!important;border-color:#F6F2E8!important;font-weight:700}
html[data-gmd="xref"] .mast .dlpill{font-family:var(--xmono);font-size:11.5px}
html[data-gmd="xref"] .mast .undobtn{border-radius:2px}
html[data-gmd="xref"] .statepill{font-family:var(--xmono);font-size:10.5px;color:#AEB8D6}
html[data-gmd="xref"] .gx-av,html[data-gmd="xref"] .whohere>*{border-radius:50%}

/* ---------------- the side menu: a dark tool palette ---------------- */
html[data-gmd="xref"] .sh-side{background:#262F4F;border-right:1px solid #1B2340;color:#AEB8D6;font-family:var(--xbody)}
html[data-gmd="xref"] .sh-brand{border-bottom:1px solid #3A466C;margin-bottom:8px}
html[data-gmd="xref"] .sh-brand b{font-family:var(--xhead);font-stretch:75%;letter-spacing:.08em;text-transform:uppercase;font-size:14px}
html[data-gmd="xref"] .sh-brand span{font-family:var(--xmono);font-size:10px;letter-spacing:.04em}
html[data-gmd="xref"] .sh-mc,html[data-gmd="xref"] .sh-gh,html[data-gmd="xref"] .sh-it{border-radius:2px}
html[data-gmd="xref"] .sh-mc{background:#E8B65A;color:#1B1405;border:0;font-weight:700}
html[data-gmd="xref"] .sh-mc:hover{background:#F0C36E}
html[data-gmd="xref"] .sh-g.cur>.sh-gh{background:#F6F2E8;color:#1B2340;box-shadow:inset 3px 0 0 #E8B65A}
html[data-gmd="xref"] .sh-gh:hover,html[data-gmd="xref"] .sh-it:hover{background:#2E3A5C;color:#fff}
html[data-gmd="xref"] .sh-it{font-family:var(--xmono);font-size:11.5px;color:#C9D1E8;border-left:1px dashed #4A5884;margin-left:18px;padding-left:16px;width:calc(100% - 18px);border-radius:0}
html[data-gmd="xref"] .sh-it.cur{background:#36446B;color:#fff;border-left:2px solid #E8B65A}
html[data-gmd="xref"] .sh-badge{border-radius:2px;background:#36446B;font-family:var(--xmono)}
html[data-gmd="xref"] .sh-badge.hot{background:#D93A3A}
html[data-gmd="xref"] .gmd-menu{border-radius:3px;background:#2E3A5C;border-color:#4A5884}
html[data-gmd="xref"] .sh-lms{border-radius:3px;background:#1B2340;border-color:#4A5884;box-shadow:none}
html[data-gmd="xref"] .sh-lms::after{display:none}
html[data-gmd="xref"] .sh-lmsic{border-radius:2px;background:#E8B65A;color:#1B1405;border:0}
html[data-gmd="xref"] .sh-lmsgo{border-radius:2px}

/* ☰ menu on a phone */
html[data-gmd="xref"] .sh-dpanel{background:#262F4F;background-image:none}
html[data-gmd="xref"] .sh-dhd h2{font-family:var(--xhead);font-stretch:75%;text-transform:uppercase;letter-spacing:.04em}
html[data-gmd="xref"] .sh-x,html[data-gmd="xref"] .sh-search,html[data-gmd="xref"] .sh-card,html[data-gmd="xref"] .sh-list,html[data-gmd="xref"] .sh-cic{border-radius:3px}
html[data-gmd="xref"] .sh-search{background:#F6F2E8;border-color:#F6F2E8;color:#6E7088}
html[data-gmd="xref"] .sh-search input{color:#1B2340}
html[data-gmd="xref"] .sh-card{background:#2E3A5C;border-color:#43507A}
html[data-gmd="xref"] .sh-card.mc{background:#E8B65A;border-color:#E8B65A;color:#1B1405}
html[data-gmd="xref"] .sh-card.mc .sh-rt span{color:#5A4510}
html[data-gmd="xref"] .sh-card.mc .sh-cic{background:#1B2340;color:#E8B65A}
html[data-gmd="xref"] .sh-cic{background:#F6F2E8;color:#223D8E}
html[data-gmd="xref"] .sh-due{border-radius:2px;background:#D93A3A;color:#fff;font-family:var(--xmono)}
html[data-gmd="xref"] .sh-row{border-bottom-color:#3A466C}
html[data-gmd="xref"] .sh-row b{font-family:var(--xbody)}

/* ---------------- section tabs: the ribbon tabs ---------------- */
html[data-gmd="xref"] .tabs{background:#2E3A5C;border:0;border-radius:0;padding:0 8px;gap:2px;box-shadow:0 1px 0 #1B2340}
html[data-gmd="xref"] .tabs button{border-radius:0;color:#AEB8D6;font-family:var(--xbody);font-weight:500;font-size:13px;padding:9px 14px;background:none;border:0}
html[data-gmd="xref"] .tabs button::after,html[data-gmd="xref"] .tabs button::before{display:none!important}
html[data-gmd="xref"] .tabs button:hover{background:#36446B;color:#fff}
html[data-gmd="xref"] .tabs button[aria-selected="true"]{background:#F6F2E8!important;color:#1B2340!important;box-shadow:inset 0 -2px 0 #E8B65A!important;font-weight:600}
html[data-gmd="xref"] .tabs button .tic{color:inherit!important;opacity:.85}
html[data-gmd="xref"] .tabs button[aria-selected="true"] .tic{color:#223D8E!important}
@media (min-width:641px){ html[data-gmd="xref"] .tabs{border:0;background:#2E3A5C;border-radius:0} }

/* ---------------- the page head ---------------- */
html[data-gmd="xref"] .hero{border-bottom:0}
html[data-gmd="xref"] .hero-top h2{text-transform:uppercase;font-size:clamp(26px,5vw,40px);letter-spacing:.01em;color:#1B2340}
html[data-gmd="xref"] .hero-top h2 small{font-family:var(--xmono);font-stretch:100%;text-transform:none;font-size:11px;letter-spacing:.04em;color:#6E7088;font-weight:400}
html[data-gmd="xref"] .hero-top h2 small::before{content:"[Top] · "}
html[data-gmd="xref"] .pace{border-radius:0;background:#FBF3DC;border:1px solid #E2CF9F;border-left:3px solid #B07A12;font-family:var(--xmono);font-size:11.5px}
html[data-gmd="xref"] .whopick label,html[data-gmd="xref"] .herotgt label{font-family:var(--xmono);letter-spacing:.08em}

/* ---------------- panels: every card is a palette on ivory ---------------- */
html[data-gmd="xref"] .card,html[data-gmd="xref"] .meter,html[data-gmd="xref"] .strip-shell,html[data-gmd="xref"] .ckcard,html[data-gmd="xref"] .mgrcard,html[data-gmd="xref"] .perfcard,html[data-gmd="xref"] .eqcard,html[data-gmd="xref"] .modal,html[data-gmd="xref"] .cfbar,html[data-gmd="xref"] .lkhub,html[data-gmd="xref"] .rtrack,html[data-gmd="xref"] .sd-box,html[data-gmd="xref"] .sd-ladder,html[data-gmd="xref"] .ck-leads,html[data-gmd="xref"] .pl-head,html[data-gmd="xref"] .pl-verdict,html[data-gmd="xref"] .tgt,html[data-gmd="xref"] .need,html[data-gmd="xref"] .pay,html[data-gmd="xref"] .kpi,html[data-gmd="xref"] .daysum,html[data-gmd="xref"] .pf-kpis .kpi,html[data-gmd="xref"] .pf-score,html[data-gmd="xref"] .pf-arow,html[data-gmd="xref"] .ext-ap,html[data-gmd="xref"] .sreq,html[data-gmd="xref"] .remind,html[data-gmd="xref"] .acc-list,html[data-gmd="xref"] .bk-list,html[data-gmd="xref"] .al-row,html[data-gmd="xref"] .ul-gm,html[data-gmd="xref"] .ul-list,html[data-gmd="xref"] .gate-card,html[data-gmd="xref"] .eqpick-pop,html[data-gmd="xref"] .robanner,html[data-gmd="xref"] .rt-tom,html[data-gmd="xref"] .rt-row,html[data-gmd="xref"] .lh-row,html[data-gmd="xref"] .lh-k,html[data-gmd="xref"] .rw-list,html[data-gmd="xref"] .mine-ack{border-radius:0!important;box-shadow:none!important}
html[data-gmd="xref"] .card,html[data-gmd="xref"] .meter,html[data-gmd="xref"] .strip-shell,html[data-gmd="xref"] .ckcard,html[data-gmd="xref"] .mgrcard,html[data-gmd="xref"] .perfcard,html[data-gmd="xref"] .rtrack,html[data-gmd="xref"] .cfbar{background:#FBF8F1;border:1px solid #C9C1AE}
html[data-gmd="xref"] .card-hd,html[data-gmd="xref"] .ck-hd{background:#EFE9DC;border-bottom:1px solid #D8D1C0;padding-top:10px;padding-bottom:10px}
html[data-gmd="xref"] .card-hd h3,html[data-gmd="xref"] .ck-month h3,html[data-gmd="xref"] .pf-hd h3,html[data-gmd="xref"] .mgrcard h3,html[data-gmd="xref"] .rtrack h3,html[data-gmd="xref"] .perfcard h3,html[data-gmd="xref"] .lkhub h3,html[data-gmd="xref"] .modal h3{font-family:var(--xhead);font-stretch:75%;text-transform:uppercase;letter-spacing:.02em;font-size:18px;color:#1B2340}
html[data-gmd="xref"] .card-hd p,html[data-gmd="xref"] .ck-month p{color:#6E7088}
html[data-gmd="xref"] .panel{counter-reset:xbay}
html[data-gmd="xref"] .panel>.card>.card-hd h3::before,html[data-gmd="xref"] .panel .card>.card-hd>div>h3::before{counter-increment:xbay;content:counter(xbay,upper-alpha);display:inline-grid;place-items:center;width:24px;height:24px;margin-right:9px;border:1.2px solid #1B2340;border-radius:50%;font:700 11px var(--xmono);font-stretch:100%;vertical-align:2px;background:#F6F2E8}
html[data-gmd="xref"] .btn{border-radius:3px;border-color:#B9B2A0;background:#FBF8F1;color:#1B2340;font-weight:600}
html[data-gmd="xref"] .btn:hover{background:#EFE9DC}
html[data-gmd="xref"] .btn.primary{background:#223D8E;border-color:#223D8E;color:#fff;box-shadow:none;letter-spacing:.02em}
html[data-gmd="xref"] .btn.danger{color:#D93A3A}
html[data-gmd="xref"] input[type=text],html[data-gmd="xref"] input[type=number],html[data-gmd="xref"] input[type=search],html[data-gmd="xref"] input[type=date],html[data-gmd="xref"] input[type=month],html[data-gmd="xref"] input[type=email],html[data-gmd="xref"] input[type=password],html[data-gmd="xref"] input[type=tel],html[data-gmd="xref"] select,html[data-gmd="xref"] textarea{border-radius:2px;border-color:#C9C1AE;background-color:#fff}
html[data-gmd="xref"] input:focus,html[data-gmd="xref"] select:focus,html[data-gmd="xref"] textarea:focus{border-color:#223D8E;box-shadow:0 0 0 2px #E3E8F6;outline:none}
html[data-gmd="xref"] .field label{font-family:var(--xmono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase}
html[data-gmd="xref"] .seg{border-radius:2px;background:#EFE9DC;border-color:#C9C1AE}
html[data-gmd="xref"] .seg button{border-radius:2px}
html[data-gmd="xref"] .seg button[aria-pressed="true"]{background:#223D8E;color:#fff}

/* tables: a schedule on the sheet */
html[data-gmd="xref"] th{background:#EFE9DC;color:#4A5068;font-family:var(--xmono);font-weight:600;font-size:10px;letter-spacing:.08em;border-bottom:1.5px solid #1B2340}
html[data-gmd="xref"] td{border-color:#E2DBCB}
html[data-gmd="xref"] tbody tr:hover td{background:rgba(34,61,142,.035)}
html[data-gmd="xref"] tfoot td,html[data-gmd="xref"] tr.tot td,html[data-gmd="xref"] tr.total td{background:#EFE9DC;font-weight:700}

/* the two meters */
html[data-gmd="xref"] .meter::before{width:4px;background:#223D8E}
html[data-gmd="xref"] .meter.coll::before{background:#E8B65A}
html[data-gmd="xref"] .meter h3{font-family:var(--xmono);font-stretch:100%;text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;color:#6E7088}
html[data-gmd="xref"] .meter .big{font-family:var(--xhead);font-stretch:75%;font-size:34px}
html[data-gmd="xref"] .meter .track{border-radius:0;height:8px;background:#E6E0D2;border:1px solid #D8D1C0}
html[data-gmd="xref"] .meter .fill{border-radius:0;background:#223D8E}
html[data-gmd="xref"] .meter.coll .fill{background:#E8B65A}
html[data-gmd="xref"] .meter .needle{background:#D93A3A;opacity:1;width:2px}

/* the staff strip */
html[data-gmd="xref"] .strip-hd .lbl,html[data-gmd="xref"] .foot-note,html[data-gmd="xref"] .legend{font-family:var(--xmono);font-size:11px}
html[data-gmd="xref"] .legend i{border-radius:0}

/* ---------------- Confirm bar: the yellow Confirm ---------------- */
html[data-gmd="xref"] .cfbar{border:1px solid #C9C1AE;border-left:3px solid #D93A3A;background:#FBF8F1}
html[data-gmd="xref"] .cfbar.done{background:#EEF4EC;border-left-color:#1E7A4C}
html[data-gmd="xref"] .cfbar.ready{border-left-color:#E8B65A}
html[data-gmd="xref"] .cfbar .btn.primary,html[data-gmd="xref"] .cfbar .btn.cf-go,html[data-gmd="xref"] #confirm-bar .btn.primary{background:#E8B65A;border-color:#E8B65A;color:#1B1405;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
html[data-gmd="xref"] .cfbar b,html[data-gmd="xref"] .cfbar strong{font-family:var(--xbody)}
html[data-gmd="xref"] .cf-ic{border-radius:2px}

/* ---------------- daily report, performance, manager target ---------------- */
html[data-gmd="xref"] .rt-row,html[data-gmd="xref"] .lh-row{background:#fff;border-color:#D8D1C0}
html[data-gmd="xref"] .rt-tom{background:#EFE9DC;border:1px solid #D8D1C0}
html[data-gmd="xref"] .rt-dot{border-radius:0;width:8px;height:8px}
html[data-gmd="xref"] .rt-colbar{border-radius:0}
html[data-gmd="xref"] .pf-kpis .kpi,html[data-gmd="xref"] .pf-score{background:#fff;border:1px solid #D8D1C0}
html[data-gmd="xref"] .pf-score{border:1.5px solid #1B2340}
html[data-gmd="xref"] .mgrcard .mgr-licin input{border-radius:0}

/* the Confirm calendar (ckcard): each day a bay, open days clouded */
html[data-gmd="xref"] .ck-grid{gap:0;border-left:2px solid #1B2340;border-top:2px solid #1B2340;background:transparent}
html[data-gmd="xref"] .ck-grid>*{border-right:1px solid #1B2340!important;border-bottom:1px solid #1B2340!important}
html[data-gmd="xref"] .ck-grid>:nth-child(7n){border-right-width:2px!important}
html[data-gmd="xref"] .ck-wd{background:#F6F2E8;font-family:var(--xmono);font-size:9.5px;padding:4px 0;color:#6E7088}
html[data-gmd="xref"] .ck-day{border-radius:0;background:#F6F2E8;align-items:flex-start;padding:9px 12px 10px;min-height:62px}
html[data-gmd="xref"] .ck-day .dn{font-family:var(--xhead);font-stretch:75%;font-size:18px;font-weight:700;color:#1B2340;padding:0;border-radius:0;background:none}
html[data-gmd="xref"] .ck-day.done{background:#F6F2E8}
html[data-gmd="xref"] .ck-day.done::before{content:"";position:absolute;right:7px;top:8px;width:11px;height:6px;border-left:2px solid #1E7A4C;border-bottom:2px solid #1E7A4C;transform:rotate(-45deg)}
html[data-gmd="xref"] .ck-day.miss{background:#F6F2E8}
html[data-gmd="xref"] .ck-day.miss .dn{color:#D93A3A}
html[data-gmd="xref"] .ck-day.miss::after,html[data-gmd="xref"] .ck-day.today::after{content:"";position:absolute;inset:3px;border:9px solid transparent;border-image:var(--xcloud) 10 round;pointer-events:none}
html[data-gmd="xref"] .ck-day.today::after{border:1.6px solid #223D8E;border-image:none;background:rgba(34,61,142,.06)}
html[data-gmd="xref"] .ck-day.today .dn{background:none;color:#223D8E}
html[data-gmd="xref"] .ck-day.today.miss .dn{background:none;color:#D93A3A}
html[data-gmd="xref"] .ck-day.off,html[data-gmd="xref"] .ck-day.future.off{background:repeating-linear-gradient(45deg,#F6F2E8 0 5px,#DDD6C4 5px 6px)}
html[data-gmd="xref"] .ck-day.future{background:#F9F6EE}
html[data-gmd="xref"] .ck-day.blank{visibility:visible;background:repeating-linear-gradient(-45deg,#F6F2E8 0 6px,#E5DECD 6px 7px)}
html[data-gmd="xref"] .ck-dots i{border-radius:0;font-family:var(--xmono)}
html[data-gmd="xref"] .ck-foot{font-family:var(--xmono);font-size:10.5px}
html[data-gmd="xref"] .ck-foot i{border-radius:0}
html[data-gmd="xref"] .ck-side{background:#EFE9DC;border-left:1px solid #C9C1AE}
html[data-gmd="xref"] .ck-stat,html[data-gmd="xref"] .ck-lsum div{border-radius:0;background:#fff}
html[data-gmd="xref"] .ck-stat b,html[data-gmd="xref"] .ck-ring span{font-family:var(--xhead);font-stretch:75%}
html[data-gmd="xref"] .ck-nav,html[data-gmd="xref"] .ck-larr{border-radius:2px}
html[data-gmd="xref"] .ck-clock{border-radius:2px;font-family:var(--xmono);font-size:11px}

/* the holiday calendar window: grid bubbles, bays, revision triangles */
html[data-gmd="xref"] .hc-grid{gap:0;border-left:2px solid #1B2340;border-top:2px solid #1B2340;background:transparent}
html[data-gmd="xref"] .hc-grid>*{border-right:1px solid #1B2340!important;border-bottom:1px solid #1B2340!important}
html[data-gmd="xref"] .hc-grid>:nth-child(7n){border-right-width:2px!important}
html[data-gmd="xref"] .hc-wd{background:#F6F2E8;font-family:var(--xmono);font-size:10px;padding:5px 0;color:#1B2340}
html[data-gmd="xref"] .hc-day{position:relative;border-radius:0;background:#F6F2E8;align-items:flex-start;padding:5px 6px;min-height:56px}
html[data-gmd="xref"] .hc-day b{font-family:var(--xhead);font-stretch:75%;font-size:18px;color:#1B2340}
html[data-gmd="xref"] .hc-day span{font-family:var(--xmono);font-size:8.5px;text-transform:uppercase;letter-spacing:.02em}
html[data-gmd="xref"] .hc-day.blank{background:repeating-linear-gradient(-45deg,#F6F2E8 0 6px,#E5DECD 6px 7px)}
html[data-gmd="xref"] .hc-day.sun{background:repeating-linear-gradient(45deg,#F6F2E8 0 5px,#DDD6C4 5px 6px)}
html[data-gmd="xref"] .hc-day.hol{background:#F6F2E8}
html[data-gmd="xref"] .hc-day.hol span{color:#B07A12}
html[data-gmd="xref"] .hc-day.hol::after{content:"H";position:absolute;right:6px;top:6px;width:18px;height:16px;display:grid;place-items:end center;font:700 8px var(--xmono);color:#B07A12;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath d='M10 1.5l8.5 15h-17z' fill='%23FBF3DC' stroke='%23B07A12' stroke-width='1.4'/%3E%3C/svg%3E") center/contain no-repeat;padding-bottom:2px}
html[data-gmd="xref"] .hc-day.today{box-shadow:inset 0 0 0 2px #223D8E;background:#ECEDF1}
html[data-gmd="xref"] .hc-nav>b{font:700 22px var(--xhead);font-stretch:75%;text-transform:uppercase;letter-spacing:.02em;color:#1B2340}
html[data-gmd="xref"] .hc-day:hover:not(:disabled):not(.blank){background:#fff}

/* ---------------- windows, toasts ---------------- */
html[data-gmd="xref"] .modal{background:#FBF8F1;border:1px solid #1B2340}
html[data-gmd="xref"] .modal>.card-hd:first-child,html[data-gmd="xref"] .modal .hd{background:#262F4F;color:#E8ECF5;border-bottom:0}
html[data-gmd="xref"] .modal>.card-hd:first-child h3{color:#fff}
html[data-gmd="xref"] .modal>.card-hd:first-child p{color:#AEB8D6}
html[data-gmd="xref"] .modal .foot{background:#EFE9DC;border-top:1px solid #D8D1C0}
html[data-gmd="xref"] .toast{border-radius:2px;background:#262F4F;color:#F6F2E8;font-family:var(--xmono);font-size:12.5px;box-shadow:inset 3px 0 0 #E8B65A}

/* =========================================================================
   MISSION CONTROL — the Xref Calendar sheet
   ========================================================================= */
html[data-gmd="xref"] #mc{display:flex;flex-direction:column;font-family:var(--xbody);padding:0;border-radius:3px;border:1px solid #1B2340;background:#F6F2E8;color:#1B2340;overflow:hidden;
  box-shadow:0 22px 44px -32px rgba(27,35,64,.55)}
html[data-gmd="xref"] #mc-body{display:contents}
html[data-gmd="xref"] .mc-locks{order:6}
html[data-gmd="xref"] .xr-stb{order:9}
html[data-gmd="xref"] #mc.folded{padding:0}
/* the title bar (the heading, the chips, Design and Hide) */
html[data-gmd="xref"] .mc-hd{background:#262F4F;color:#E8ECF5;padding:10px 16px;gap:10px 12px;align-items:center}
html[data-gmd="xref"] .mc-kick{font-family:var(--xmono);font-weight:500;font-size:11px;letter-spacing:.02em;text-transform:none;color:#AEB8D6}
html[data-gmd="xref"] .mc-kick i{width:8px;height:8px;border-radius:0;background:#E8B65A;box-shadow:none;animation:none}
html[data-gmd="xref"] .mc-hd h3{font-family:var(--xhead);font-stretch:75%;font-weight:700;font-size:24px;color:#fff;text-transform:uppercase;letter-spacing:.02em;margin-top:2px}
html[data-gmd="xref"] .dz-date{display:block;font-family:var(--xmono);font-size:11px;color:#AEB8D6;margin-top:2px}
html[data-gmd="xref"] .mc-chip,html[data-gmd="xref"] .mc-hide,html[data-gmd="xref"] #mc .gmd-chip{border-radius:2px;border:1px solid #4A5884;background:#2E3A5C;color:#E8ECF5;font-family:var(--xmono);font-size:11.5px;min-height:34px}
html[data-gmd="xref"] .mc-chip b{font-family:var(--xmono);font-size:14px}
html[data-gmd="xref"] .mc-chip.c-now b{color:#FF8A7A}html[data-gmd="xref"] .mc-chip.c-today b{color:#E8B65A}html[data-gmd="xref"] .mc-chip.c-wait b{color:#8FD3A8}
html[data-gmd="xref"] .mc-chip.on{background:#F6F2E8!important;border-color:#F6F2E8!important;color:#1B2340!important}
html[data-gmd="xref"] .mc-chip.on b{color:#D93A3A!important}
html[data-gmd="xref"] .mc-hide:hover,html[data-gmd="xref"] .mc-chip:hover,html[data-gmd="xref"] #mc .gmd-chip:hover{border-color:#E8B65A;color:#fff}
html[data-gmd="xref"] .mc-mini{color:#E8B65A;font-family:var(--xmono)}

/* model space + palette */
html[data-gmd="xref"] .xr-ws{display:grid;grid-template-columns:minmax(0,1fr) 330px;background-color:#F6F2E8;background-image:var(--xgrid);background-size:20px 20px,20px 20px,100px 100px,100px 100px}
html[data-gmd="xref"] .xr-vp{position:relative;padding:34px 26px 18px 18px;min-width:0}
html[data-gmd="xref"] .xr-vpl{position:absolute;left:10px;top:8px;font:400 10.5px var(--xmono);color:#8C8676;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 20px)}
html[data-gmd="xref"] .xr-h1{margin:0 0 4px 46px;font-size:34px;line-height:1.05;text-transform:uppercase;color:#1B2340}
html[data-gmd="xref"] .xr-cal{margin-top:6px}
html[data-gmd="xref"] .xr-bx{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-left:46px}
html[data-gmd="xref"] .xr-bx span{display:flex;flex-direction:column;align-items:center;gap:3px;padding-bottom:16px;position:relative}
html[data-gmd="xref"] .xr-bx span::after{content:"";position:absolute;bottom:2px;height:12px;border-left:1px dashed #1B2340;left:50%}
html[data-gmd="xref"] .xr-bx em{font:400 9px var(--xmono);color:#6E7088;font-style:normal;text-transform:uppercase}
html[data-gmd="xref"] .xr-bx i,html[data-gmd="xref"] .xr-by i,html[data-gmd="xref"] .xr-bbx i{font:700 10px var(--xmono);font-style:normal;width:27px;height:27px;border-radius:50%;border:1.2px solid #1B2340;background:#F6F2E8;display:grid;place-items:center;color:#1B2340}
html[data-gmd="xref"] .xr-cb{display:grid;grid-template-columns:46px minmax(0,1fr)}
html[data-gmd="xref"] .xr-by{display:grid;grid-auto-rows:92px}
html[data-gmd="xref"] .xr-by span{display:grid;place-items:center start;position:relative}
html[data-gmd="xref"] .xr-by span::after{content:"";position:absolute;left:30px;width:12px;top:50%;border-top:1px dashed #1B2340}
html[data-gmd="xref"] .xr-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:92px;gap:1px;background:#1B2340;border:2.2px solid #1B2340}
html[data-gmd="xref"] .xr-d{position:relative;display:block;margin:0;border:0;border-radius:0;background:#F6F2E8;font:inherit;color:#1B2340;text-align:left;padding:0;min-width:0;overflow:hidden}
html[data-gmd="xref"] button.xr-d{cursor:pointer}
html[data-gmd="xref"] button.xr-d:hover{background:#FFFDF7}
html[data-gmd="xref"] button.xr-d:focus-visible{outline:2px solid #223D8E;outline-offset:-4px}
html[data-gmd="xref"] .xr-n{position:absolute;left:10px;top:7px;font:700 24px/1 var(--xhead);font-stretch:75%;color:#1B2340}
html[data-gmd="xref"] .xr-l{position:absolute;left:10px;right:8px;bottom:9px;font:600 9px/1.2 var(--xmono);text-transform:uppercase;letter-spacing:.02em;color:#8C8676;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-gmd="xref"] .xr-tk{position:absolute;right:9px;top:10px;width:18px;height:18px;fill:none;stroke:#1E7A4C;stroke-width:2}
html[data-gmd="xref"] .xr-tri{position:absolute;right:8px;top:8px;width:22px;height:20px}
html[data-gmd="xref"] .xr-tri path{fill:#FBF3DC;stroke:#B07A12;stroke-width:1.4}
html[data-gmd="xref"] .xr-tri text{font:700 8.5px var(--xmono);fill:#B07A12;text-anchor:middle}
html[data-gmd="xref"] .xr-d.k-ok .xr-tri{right:32px}
html[data-gmd="xref"] .xr-bar{display:none}
html[data-gmd="xref"] .xr-d.sun,html[data-gmd="xref"] .xr-d.k-off{background:repeating-linear-gradient(45deg,#F6F2E8 0 6px,#D9D2C0 6px 7px)}
html[data-gmd="xref"] .xr-d.k-out{background:repeating-linear-gradient(-45deg,#F6F2E8 0 7px,#E3DCCB 7px 8px)}
html[data-gmd="xref"] .xr-d.k-out .xr-n{color:#A39C8A}
html[data-gmd="xref"] .xr-d.k-ok .xr-l{color:#1E7A4C}
html[data-gmd="xref"] .xr-d.k-open .xr-l,html[data-gmd="xref"] .xr-d.k-miss .xr-l{color:#D93A3A}
html[data-gmd="xref"] .xr-d.k-miss .xr-n{color:#B32E2E}
html[data-gmd="xref"] .xr-d.hol .xr-l{color:#B07A12}
html[data-gmd="xref"] .xr-d.k-pre .xr-l{color:#2E7DB8}
html[data-gmd="xref"] .xr-d.cloud::after{content:"";position:absolute;inset:4px;border:10px solid transparent;border-image:var(--xcloud) 10 round;pointer-events:none}
html[data-gmd="xref"] .xr-d.k-today{background:#F6F2E8}
html[data-gmd="xref"] .xr-d.k-today::before{content:"";position:absolute;inset:4px;background:rgba(34,61,142,.08);border:1.6px solid #223D8E}
html[data-gmd="xref"] .xr-d.k-today .xr-l{color:#223D8E}
html[data-gmd="xref"] .xr-g{position:absolute;width:8px;height:8px;background:#223D8E;border:1px solid #fff}
html[data-gmd="xref"] .xr-g.a{left:0;top:0}html[data-gmd="xref"] .xr-g.b{right:0;top:0}html[data-gmd="xref"] .xr-g.c{left:0;bottom:0}html[data-gmd="xref"] .xr-g.d{right:0;bottom:0}
html[data-gmd="xref"] .xr-leg{display:flex;flex-wrap:wrap;gap:6px 16px;margin:14px 0 0 46px;font-size:11.5px;color:#4A5068}
html[data-gmd="xref"] .xr-leg span{display:inline-flex;align-items:center;gap:6px}
html[data-gmd="xref"] .xr-leg i{width:10px;height:10px;display:inline-block}
html[data-gmd="xref"] .xr-leg .g{background:#1E7A4C}html[data-gmd="xref"] .xr-leg .r{background:#D93A3A}html[data-gmd="xref"] .xr-leg .h{background:#B07A12}html[data-gmd="xref"] .xr-leg .s{background:#8C8676}html[data-gmd="xref"] .xr-leg .t{background:#223D8E}

/* the palette */
html[data-gmd="xref"] .xr-pal{display:flex;flex-direction:column;background:#FBF8F1;border-left:1px solid #C9C1AE;min-width:0}
html[data-gmd="xref"] .xr-ph{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#EFE9DC;font-size:11.5px;font-weight:600;color:#1B2340;border-bottom:1px solid #D8D1C0}
html[data-gmd="xref"] .xr-ph span{margin-left:auto;font:400 10px var(--xmono);color:#6E7088}
html[data-gmd="xref"] .xr-x{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:10px;align-items:start;padding:9px 12px;border-bottom:1px solid #D8D1C0}
html[data-gmd="xref"] .xr-x:nth-of-type(2n){background:#F7F3EA}
html[data-gmd="xref"] .xr-clip{width:15px;height:15px;fill:none;stroke:#6E7088;stroke-width:1.4;margin-top:1px}
html[data-gmd="xref"] .xr-xt{min-width:0;display:grid;gap:1px}
html[data-gmd="xref"] .xr-xt b{font:600 12px var(--xmono);color:#1B2340}
html[data-gmd="xref"] .xr-xt span{font-size:11px;color:#6E7088;line-height:1.35}
html[data-gmd="xref"] .xr-pb{position:relative;display:block;height:5px;background:#D8D1C0;margin-top:5px}
html[data-gmd="xref"] .xr-pb u{position:absolute;left:0;top:0;bottom:0;background:#223D8E}
html[data-gmd="xref"] .xr-x:nth-of-type(3) .xr-pb u{background:#E8B65A}
html[data-gmd="xref"] .xr-pb s{position:absolute;top:-3px;bottom:-3px;width:2px;background:#D93A3A;margin-left:-1px}
html[data-gmd="xref"] .xr-xv{text-align:right;display:grid;gap:1px;justify-items:end}
html[data-gmd="xref"] .xr-xv strong{font:700 21px/1.05 var(--xhead);font-stretch:75%;color:#1B2340;white-space:nowrap}
html[data-gmd="xref"] .xr-xv em{font:600 10px var(--xmono);font-style:normal;color:#6E7088;white-space:nowrap}
html[data-gmd="xref"] .xr-xv em.g{color:#1E7A4C}html[data-gmd="xref"] .xr-xv em.r{color:#D93A3A}html[data-gmd="xref"] .xr-xv em.a{color:#B07A12}
html[data-gmd="xref"] .xr-hl{padding:8px 12px 12px;display:flex;flex-direction:column;gap:2px}
html[data-gmd="xref"] .xr-h{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;min-width:0}
html[data-gmd="xref"] .xr-h .xr-tri{position:static;width:18px;height:16px;flex:none}
html[data-gmd="xref"] .xr-h .xr-tri text{display:none}
html[data-gmd="xref"] .xr-h b{white-space:nowrap}
html[data-gmd="xref"] .xr-h span{color:#6E7088;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-gmd="xref"] .xr-none{margin:2px 0 6px;font-size:11.5px;color:#6E7088}
html[data-gmd="xref"] .xr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 14px;border-radius:3px;border:0;font:700 12px var(--xbody);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
html[data-gmd="xref"] .xr-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;flex:none}
html[data-gmd="xref"] .xr-btn.o{align-self:flex-start;margin-top:8px;background:#FBF8F1;color:#1B2340;box-shadow:inset 0 0 0 1px #B9B2A0}
html[data-gmd="xref"] .xr-btn.o b{font-size:15px;font-weight:500}
html[data-gmd="xref"] .xr-btn.o:hover{background:#fff}
html[data-gmd="xref"] .xr-btn.y{flex:1;background:#E8B65A;color:#1B1405}
html[data-gmd="xref"] .xr-btn.y:hover{background:#F0C36E}
html[data-gmd="xref"] .xr-btn.y .xr-tk{position:static;stroke:#1B1405;width:15px;height:15px}
html[data-gmd="xref"] .xr-btn.d{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px #5A678F}
html[data-gmd="xref"] .xr-btn.d:hover{box-shadow:inset 0 0 0 1px #E8B65A}
html[data-gmd="xref"] .xr-act{margin-top:auto;background:#262F4F;padding:12px;color:#E8ECF5;width:auto;height:auto;border-radius:0}
html[data-gmd="xref"] .xr-cd{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
html[data-gmd="xref"] .xr-act #mc-cl{flex-basis:100%;font:500 10.5px var(--xmono);color:#FF8A7A;text-transform:uppercase;letter-spacing:.04em}
html[data-gmd="xref"] .xr-act #mc-left{font:700 30px/1.1 var(--xmono);color:#fff;letter-spacing:-.01em;margin:0}
html[data-gmd="xref"] .xr-act #mc-left.calm{color:#8FD3A8;font-size:22px}
html[data-gmd="xref"] .xr-act #mc-cs{font:400 10.5px var(--xmono);color:#AEB8D6}
html[data-gmd="xref"] .xr-act.soon #mc-left,html[data-gmd="xref"] .mc-clock.hot #mc-left,html[data-gmd="xref"] #mc-clock.hot #mc-left{color:#FFB3A8}
html[data-gmd="xref"] .xr-ab{display:flex;gap:8px;margin-top:10px}

/* the three bays */
html[data-gmd="xref"] .xr-bays{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:44px 22px 22px;align-items:stretch;
  background-color:#F6F2E8;background-image:var(--xgrid);background-size:20px 20px,20px 20px,100px 100px,100px 100px;border-top:1px solid #C9C1AE}
html[data-gmd="xref"] .xr-bbx{position:absolute;left:22px;right:22px;top:6px;height:30px}
html[data-gmd="xref"] .xr-bbx i{position:absolute;top:0}
html[data-gmd="xref"] .xr-bbx i:nth-child(1){left:0;transform:translateX(-50%)}html[data-gmd="xref"] .xr-bbx i:nth-child(2){left:33.333%;transform:translateX(-50%)}
html[data-gmd="xref"] .xr-bbx i:nth-child(3){left:66.666%;transform:translateX(-50%)}html[data-gmd="xref"] .xr-bbx i:nth-child(4){left:100%;transform:translateX(-50%)}
html[data-gmd="xref"] .xr-bay{position:relative;min-width:0;padding:30px 14px 14px;border:1.5px solid #1B2340;margin-left:-1.5px;background:rgba(251,248,241,.6)}
html[data-gmd="xref"] .xr-bay:first-of-type{margin-left:0}
html[data-gmd="xref"] .xr-bay.now::after{content:"";position:absolute;inset:3px;border:10px solid transparent;border-image:var(--xcloud) 10 round;pointer-events:none}
html[data-gmd="xref"] .xr-tag{position:absolute;left:14px;top:9px;font:600 10px var(--xmono);letter-spacing:.06em;color:#6E7088}
html[data-gmd="xref"] .xr-bay.now .xr-tag{color:#D93A3A}
html[data-gmd="xref"] .xr-bays .mc-col{gap:8px;position:relative;z-index:1}
html[data-gmd="xref"] .xr-bays .mc-col.flash{animation:none;box-shadow:0 0 0 2px #E8B65A}
html[data-gmd="xref"] .xr-bays .mc-colh{font:600 10.5px var(--xmono);letter-spacing:.06em;color:#1B2340}
html[data-gmd="xref"] .xr-bays .mc-colh i{border-radius:0;box-shadow:none!important;width:9px;height:9px}
html[data-gmd="xref"] .xr-bays .mc-colh .d-now{background:#D93A3A}html[data-gmd="xref"] .xr-bays .mc-colh .d-today{background:#E8B65A}html[data-gmd="xref"] .xr-bays .mc-colh .d-wait{background:#1E7A4C}
html[data-gmd="xref"] .xr-bays .mc-card{background:#FFFDF8;border:1px solid #D8D1C0;border-left:3px solid #2E7DB8;border-radius:0;padding:9px 11px}
html[data-gmd="xref"] .xr-bays .mc-card.p-now{border-left-color:#D93A3A}html[data-gmd="xref"] .xr-bays .mc-card.p-today{border-left-color:#E8B65A}html[data-gmd="xref"] .xr-bays .mc-card.p-done{border-left-color:#1E7A4C}html[data-gmd="xref"] .xr-bays .mc-card.p-wait{border-left-color:#2E7DB8}
html[data-gmd="xref"] .xr-bays .mc-ct .sh-ic{color:#223D8E}
html[data-gmd="xref"] .xr-bays .mc-card.p-now .mc-ct .sh-ic{color:#D93A3A}html[data-gmd="xref"] .xr-bays .mc-card.p-done .mc-ct .sh-ic{color:#1E7A4C}
html[data-gmd="xref"] .xr-bays .mc-ct b{color:#1B2340;font-size:13.5px;font-weight:600}
html[data-gmd="xref"] .xr-bays .mc-ct em{font:600 10.5px var(--xmono);color:#B07A12}
html[data-gmd="xref"] .xr-bays .mc-card.p-now .mc-ct em{color:#D93A3A}
html[data-gmd="xref"] .xr-bays .mc-card p{color:#6E7088;font-size:12px}
html[data-gmd="xref"] .xr-bays .mc-go,html[data-gmd="xref"] .mc-note .mc-go{border-radius:3px;border:0;box-shadow:inset 0 0 0 1px #B9B2A0;background:#FBF8F1;color:#1B2340;font:700 11.5px var(--xbody);letter-spacing:.05em;text-transform:uppercase;min-height:34px;padding:5px 14px}
html[data-gmd="xref"] .xr-bays .mc-card.p-now .mc-go{background:#E8B65A;box-shadow:none;color:#1B1405}
html[data-gmd="xref"] .xr-bays .mc-go:hover{box-shadow:inset 0 0 0 1.5px #223D8E}
html[data-gmd="xref"] .xr-bays .mc-empty{border:1px dashed #B9B2A0;border-radius:0;color:#6E7088;font-family:var(--xmono);font-size:11px;background:rgba(255,255,255,.4)}
html[data-gmd="xref"] .xr-bays .mc-more{color:#223D8E;font-family:var(--xmono);font-size:11.5px}
html[data-gmd="xref"] .mc-note{order:7;margin:0;padding:10px 16px;background:#FBF3DC;border-top:1px solid #E2CF9F;color:#5A4510;font-family:var(--xmono);font-size:11.5px}
/* the status bar */
html[data-gmd="xref"] .xr-stb{display:flex;align-items:center;gap:14px;height:26px;padding:0 12px;background:#262F4F;font:500 10px var(--xmono);color:#8A93AB;white-space:nowrap;overflow:hidden}
html[data-gmd="xref"] .xr-stb b{font-weight:500}html[data-gmd="xref"] .xr-stb b.on{color:#6FA0FF}
html[data-gmd="xref"] .xr-stb .sp{flex:1}

/* the Locks and unlocks card inside: the "Locks and unlocks" palette */
html[data-gmd="xref"] .mc-locks .lkhub{margin:0;border:0;border-top:1px solid #C9C1AE;border-radius:0;background:#FBF8F1;color:#1B2340;box-shadow:none;padding:14px 18px 16px}
html[data-gmd="xref"] .mc-locks .lkhub .pf-hd h3{color:#1B2340;font-size:20px}
html[data-gmd="xref"] .mc-locks .lkhub .pf-hd p,html[data-gmd="xref"] .mc-locks .lh-k span,html[data-gmd="xref"] .mc-locks .lh-chip i{color:#6E7088}
html[data-gmd="xref"] .mc-locks .lh-k{background:#fff;border:1px solid #D8D1C0;border-left:3px solid #8C8676}
html[data-gmd="xref"] .mc-locks .lh-k b{color:#1B2340;font-family:var(--xhead);font-stretch:75%;font-size:24px}
html[data-gmd="xref"] .mc-locks .lh-k.ok{border-left-color:#1E7A4C}html[data-gmd="xref"] .mc-locks .lh-k.bad{border-left-color:#D93A3A}html[data-gmd="xref"] .mc-locks .lh-k.warn{border-left-color:#E8B65A}
html[data-gmd="xref"] .mc-locks .lh-k.ok b{color:#1E7A4C}html[data-gmd="xref"] .mc-locks .lh-k.bad b{color:#D93A3A}html[data-gmd="xref"] .mc-locks .lh-k.warn b{color:#B07A12}
html[data-gmd="xref"] .mc-locks .lh-sec>b{color:#6E7088;font:600 10.5px var(--xmono);letter-spacing:.08em;text-transform:uppercase}
html[data-gmd="xref"] .mc-locks .lh-row{background:#fff;border:1px solid #D8D1C0;border-left:3px solid #2E7DB8}
html[data-gmd="xref"] .mc-locks .lh-chip{background:#fff;border:1px solid #B9B2A0;border-radius:0;color:#1B2340;font-family:var(--xmono);font-size:12px;position:relative}
html[data-gmd="xref"] .mc-locks .lh-chip.bad{border:1px dashed #D93A3A;color:#B32E2E}
html[data-gmd="xref"] .mc-locks .lh-chip.bad i{color:#D93A3A}
html[data-gmd="xref"] .mc-locks .btn{background:#FBF8F1;border:1px solid #B9B2A0;color:#1B2340;border-radius:3px}
html[data-gmd="xref"] .mc-locks .btn.primary{background:#223D8E;border-color:#223D8E;color:#fff}

/* a computer under 1100 px and a tablet: the calendar on top, the palette under it */
@media (max-width:1099px){
  html[data-gmd="xref"] .xr-bays .mc-col{display:grid!important}
}
@media (max-width:1000px){
  html[data-gmd="xref"] .xr-ws{grid-template-columns:minmax(0,1fr)}
  html[data-gmd="xref"] .xr-pal{border-left:0;border-top:1px solid #C9C1AE;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-gmd="xref"] .xr-pal .xr-ph{grid-column:1/-1}
  html[data-gmd="xref"] .xr-pal .xr-act,html[data-gmd="xref"] .xr-pal .xr-hl{grid-column:1/-1}
  html[data-gmd="xref"] .xr-x:nth-of-type(2n){background:transparent}
}
@media (min-width:641px) and (max-width:900px){
  html[data-gmd="xref"] .xr-bays{grid-template-columns:minmax(0,1fr)}
  html[data-gmd="xref"] .xr-bbx{display:none}
  html[data-gmd="xref"] .xr-bay{margin-left:0;margin-top:-1.5px}
  html[data-gmd="xref"] .xr-bays .mc-col{display:none!important}
  html[data-gmd="xref"] .xr-bays[data-show="now"] .mc-col[data-col="now"],html[data-gmd="xref"] .xr-bays[data-show="today"] .mc-col[data-col="today"],html[data-gmd="xref"] .xr-bays[data-show="wait"] .mc-col[data-col="wait"]{display:grid!important}
  html[data-gmd="xref"] .xr-bays[data-show="now"] .xr-bay:not(.now),html[data-gmd="xref"] .xr-bays[data-show="today"] .xr-bay:not(.today),html[data-gmd="xref"] .xr-bays[data-show="wait"] .xr-bay:not(.wait){display:none}
}

/* ---------------- a phone ---------------- */
@media (max-width:640px){
  html[data-gmd="xref"] #mc{border-radius:0;margin-left:-2px;margin-right:-2px}
  html[data-gmd="xref"] .mc-hd{padding:12px 14px}
  html[data-gmd="xref"] .mc-hd h3{font-size:22px}
  html[data-gmd="xref"] .xr-ws,html[data-gmd="xref"] .xr-pal{display:contents}
  html[data-gmd="xref"] .xr-act{order:1;margin:0}
  html[data-gmd="xref"] .xr-bays{order:2}
  html[data-gmd="xref"] .xr-vp{order:3;background-color:#F6F2E8;background-image:var(--xgrid);background-size:20px 20px,20px 20px,100px 100px,100px 100px;padding:30px 12px 14px;border-top:1px solid #C9C1AE}
  html[data-gmd="xref"] .xr-pal>*{order:4;background-color:#FBF8F1}
  html[data-gmd="xref"] .xr-pal>.xr-act{order:1;background-color:#262F4F}
  html[data-gmd="xref"] .xr-h1{margin-left:0;font-size:26px}
  html[data-gmd="xref"] .xr-bx{margin-left:0;border:1.6px solid #1B2340;border-bottom:0;background:#F6F2E8}
  html[data-gmd="xref"] .xr-bx span{padding:5px 0;border-bottom:1.6px solid #1B2340}
  html[data-gmd="xref"] .xr-bx span::after,html[data-gmd="xref"] .xr-bx em{display:none}
  html[data-gmd="xref"] .xr-bx i{width:auto;height:auto;border:0;background:none;font-size:10px}
  html[data-gmd="xref"] .xr-cb{grid-template-columns:minmax(0,1fr)}
  html[data-gmd="xref"] .xr-by{display:none}
  html[data-gmd="xref"] .xr-days{grid-auto-rows:54px;border-width:1.6px;border-top:0}
  html[data-gmd="xref"] .xr-n{left:6px;top:5px;font-size:16px}
  html[data-gmd="xref"] .xr-l,html[data-gmd="xref"] .xr-d .xr-tk{display:none}
  html[data-gmd="xref"] .xr-tri{width:13px;height:12px;right:3px;top:4px}
  html[data-gmd="xref"] .xr-tri text{display:none}
  html[data-gmd="xref"] .xr-d.k-ok .xr-tri{right:3px}
  html[data-gmd="xref"] .xr-bar{display:block;position:absolute;left:6px;right:6px;bottom:6px;height:4px}
  html[data-gmd="xref"] .xr-d.k-ok .xr-bar{background:#1E7A4C}html[data-gmd="xref"] .xr-d.cloud .xr-bar{background:#D93A3A}html[data-gmd="xref"] .xr-d.hol .xr-bar{background:#B07A12}html[data-gmd="xref"] .xr-d.k-today .xr-bar{background:#223D8E}
  html[data-gmd="xref"] .xr-d.cloud::after{inset:3px;border:1.5px solid #D93A3A;border-image:none;border-radius:6px}
  html[data-gmd="xref"] .xr-d.k-today::before{inset:2px;border-width:2px}
  html[data-gmd="xref"] .xr-g{display:none}
  html[data-gmd="xref"] .xr-leg{margin-left:0;font-size:11px;gap:4px 12px}
  html[data-gmd="xref"] .xr-act{padding:12px 14px}
  html[data-gmd="xref"] .xr-act #mc-left{font-size:28px}
  html[data-gmd="xref"] .xr-ab .xr-btn{min-height:46px}
  html[data-gmd="xref"] .xr-bays{padding:12px 12px 14px;grid-template-columns:minmax(0,1fr)}
  html[data-gmd="xref"] .xr-bbx{display:none}
  html[data-gmd="xref"] .xr-bay{margin:0;padding:28px 10px 12px}
  html[data-gmd="xref"] .xr-bays .mc-col{display:none!important}
  html[data-gmd="xref"] .xr-bays[data-show="now"] .mc-col[data-col="now"],html[data-gmd="xref"] .xr-bays[data-show="today"] .mc-col[data-col="today"],html[data-gmd="xref"] .xr-bays[data-show="wait"] .mc-col[data-col="wait"]{display:grid!important}
  html[data-gmd="xref"] .xr-bays[data-show="now"] .xr-bay:not(.now),html[data-gmd="xref"] .xr-bays[data-show="today"] .xr-bay:not(.today),html[data-gmd="xref"] .xr-bays[data-show="wait"] .xr-bay:not(.wait){display:none}
  html[data-gmd="xref"] .xr-bays .mc-go{min-height:44px}
  html[data-gmd="xref"] .xr-x{padding:10px 14px}
  html[data-gmd="xref"] .xr-hl{padding:8px 14px 14px}
  html[data-gmd="xref"] .xr-ph{padding:9px 14px}
  html[data-gmd="xref"] .xr-stb b:not(.on),html[data-gmd="xref"] .xr-stb .xr-co{display:none}
  html[data-gmd="xref"] .mc-locks .lkhub{padding:14px}
  /* the board on a phone */
  html[data-gmd="xref"] .tabs{background:#262F4F!important;border-top:1px solid #1B2340!important;padding:0!important}
  html[data-gmd="xref"] .tabs{border-radius:0!important}
  html[data-gmd="xref"] .tabs button{color:#AEB8D6!important;font-family:Archivo,sans-serif;font-size:9.5px;font-stretch:90%;padding:3px 0 2px!important;letter-spacing:0}
  html[data-gmd="xref"] .tabs button .tic{border-radius:2px!important}
  html[data-gmd="xref"] .tabs button[aria-selected="true"] .tic{background:transparent!important}
  html[data-gmd="xref"] .mast{border-radius:0!important;box-shadow:inset 0 -3px 0 #2E3A5C!important}
  html[data-gmd="xref"] .tabs button[aria-selected="true"]{background:#F6F2E8!important;color:#1B2340!important;box-shadow:inset 0 3px 0 #E8B65A!important}
  html[data-gmd="xref"] .card,html[data-gmd="xref"] .meter,html[data-gmd="xref"] .strip-shell,html[data-gmd="xref"] .ckcard,html[data-gmd="xref"] .mgrcard,html[data-gmd="xref"] .perfcard,html[data-gmd="xref"] .cfbar{border-radius:0!important}
  html[data-gmd="xref"] .modal{border-radius:0!important;border-bottom:0}
  html[data-gmd="xref"] .tablescroll tr,html[data-gmd="xref"] .rows .row,html[data-gmd="xref"] .kpi,html[data-gmd="xref"] .daysum,html[data-gmd="xref"] .rows .inp input.v,html[data-gmd="xref"] .sreq,html[data-gmd="xref"] .rt-row,html[data-gmd="xref"] .lh-row{border-radius:0!important}
  html[data-gmd="xref"] input,html[data-gmd="xref"] select,html[data-gmd="xref"] textarea,html[data-gmd="xref"] .btn,html[data-gmd="xref"] .datefield .dstep,html[data-gmd="xref"] .datefield .dptoday,html[data-gmd="xref"] .gx-av,html[data-gmd="xref"] .mast .signout{border-radius:3px!important}
  html[data-gmd="xref"] .gx-av{border-radius:50%!important}
}
@media (max-width:370px){
  html[data-gmd="xref"] .xr-act #mc-left{font-size:24px}
  html[data-gmd="xref"] .xr-ab{flex-wrap:wrap}
  html[data-gmd="xref"] .xr-n{font-size:14px}
}

/* ---------------- chips, pills and the performance strip: square, drafted ---------------- */
html[data-gmd="xref"] .dchip,html[data-gmd="xref"] .dp-q,html[data-gmd="xref"] .dp-today,html[data-gmd="xref"] .tag,html[data-gmd="xref"] .gradepill,html[data-gmd="xref"] .secchip,html[data-gmd="xref"] .pl-chip,html[data-gmd="xref"] .pl-sub,html[data-gmd="xref"] .mgr-valid,html[data-gmd="xref"] .ck-toggle button,html[data-gmd="xref"] .acc-badge,html[data-gmd="xref"] .ext-h label{border-radius:2px!important}
html[data-gmd="xref"] .dchip[aria-pressed="true"],html[data-gmd="xref"] .dchip.on,html[data-gmd="xref"] .secchip.on,html[data-gmd="xref"] .pl-chip.on{background:#223D8E;border-color:#223D8E;color:#fff}
html[data-gmd="xref"] .pf-d{border-radius:0;font-family:var(--xmono);font-size:9px;font-weight:600}
html[data-gmd="xref"] .pf-stack .ontime,html[data-gmd="xref"] .pf-legend .ontime,html[data-gmd="xref"] .pf-d.ontime,html[data-gmd="xref"] .rt-chart .ontime{background:#1E7A4C}
html[data-gmd="xref"] .pf-stack .late,html[data-gmd="xref"] .pf-legend .late,html[data-gmd="xref"] .pf-d.late,html[data-gmd="xref"] .rt-chart .late{background:#B07A12}
html[data-gmd="xref"] .pf-stack .missed,html[data-gmd="xref"] .pf-legend .missed,html[data-gmd="xref"] .pf-d.missed,html[data-gmd="xref"] .rt-chart .missed{background:#D93A3A}
html[data-gmd="xref"] .pf-legend .pending,html[data-gmd="xref"] .pf-d.pending{background:#223D8E}
html[data-gmd="xref"] .pf-d.off{background:repeating-linear-gradient(45deg,#EFE9DC 0 4px,#D9D2C0 4px 5px);color:#6E7088}
html[data-gmd="xref"] .pf-d.future{background:#EFE9DC}
html[data-gmd="xref"] .pf-stack,html[data-gmd="xref"] .rt-sc,html[data-gmd="xref"] .pf-legend i{border-radius:0}
html[data-gmd="xref"] .pf-gl,html[data-gmd="xref"] .pf-legend,html[data-gmd="xref"] .rt-row span,html[data-gmd="xref"] .rt-phd span{font-family:var(--xmono);font-size:10.5px}
html[data-gmd="xref"] .pf-score b,html[data-gmd="xref"] .pf-kpis .kpi b,html[data-gmd="xref"] .lh-k b,html[data-gmd="xref"] .kpi b{font-family:var(--xhead);font-stretch:75%}
html[data-gmd="xref"] .rtrack .pf-hd,html[data-gmd="xref"] .perfcard .pf-hd,html[data-gmd="xref"] .lkhub .pf-hd{border-bottom:1px solid #D8D1C0;padding-bottom:10px}
html[data-gmd="xref"] .sd-track,html[data-gmd="xref"] .sd-track i{border-radius:0}