/* v1.8.2 — minimal, familiar look (Pearl approved the mockup 2-Nov).
   Loaded LAST. Look only: no ids, no behaviour. Colours follow the clinic's own brand (--brand-primary). */
:root{--mn-ink:#1F2A37;--mn-sub:#5B6878;--mn-line:#E5E9F0;--mn-bg:#F6F8FB;--mn-p:var(--brand-primary,#2C4564);
  --mn-soft:color-mix(in srgb,var(--mn-p) 10%,white)}
body{background:var(--mn-bg)!important;color:var(--mn-ink);padding-bottom:92px}
main{max-width:760px;width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto}

/* header */
.topbar{background:#fff!important;border-bottom:1px solid var(--mn-line)!important;padding:12px 16px!important;gap:12px}
.topbar>div{display:flex!important;align-items:center;gap:12px;min-width:0}
.mnBadge{flex:none;width:40px;height:40px;border-radius:12px;background:var(--mn-p);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}
.mnTitle{display:flex;flex-direction:column;min-width:0}
.mnTitle strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mnTitle .muted{font-size:13px}
#netBadge{background:#EAF5EE!important;color:#2F6B45!important;font-weight:600;display:flex;align-items:center;gap:6px}
#netBadge::before{content:"";width:7px;height:7px;border-radius:50%;background:#2F8A55}
#netBadge.offline,#netBadge[data-off]{background:#FDF0E2!important;color:#8A4505!important}

/* seal bar: a soft card, not a dark band */
.persistentSeal,body.skin-audiospace .persistentSeal{background:var(--mn-soft)!important;color:var(--mn-ink)!important;border:0!important;border-radius:14px!important;
  margin:12px auto 0!important;max-width:728px;padding:10px 16px!important;box-shadow:none!important}
.persistentSeal strong,body.skin-audiospace .persistentSeal strong{color:var(--mn-p)!important;font-size:17px}
.persistentSeal b,body.skin-audiospace .persistentSeal b{color:var(--mn-ink)!important}
@media(max-width:792px){.persistentSeal,body.skin-audiospace .persistentSeal{margin:12px 16px 0!important}}

/* cards */
.card{border:1px solid var(--mn-line)!important;border-radius:16px!important;box-shadow:none!important}
.card h2{font-size:16px}

/* calendar */
#calendar .act-step{display:none}
.calendar{gap:2px!important}
.calendar .day{border:0!important;background:transparent!important;min-height:52px!important;border-radius:12px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px!important}
.calendar .day b{width:30px;height:30px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;font-weight:500}
.calendar .day.isToday{background:var(--mn-soft)!important}
.calendar .day.isToday b{background:var(--mn-p)!important;color:#fff!important;font-weight:700}
.calendar .day.daySelected{outline:2px solid var(--mn-p);outline-offset:-2px}
.calendar .day:hover{background:var(--mn-bg)!important}
.calWeek span{font-size:11px;font-weight:600;color:#6B7686}
.mnLegend{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;padding-top:10px;font-size:12px;color:var(--mn-sub)}
.mnLegend span{display:flex;align-items:center;gap:5px}
.mnLegend i{width:8px;height:8px;border-radius:50%;display:inline-block}
.mnToday .mnStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center;margin:10px 0 12px}
.mnToday .mnStats div{background:var(--mn-bg);border-radius:12px;padding:8px 4px}
.mnToday .mnStats b{display:block;font-size:20px}
.mnToday .mnStats span{font-size:12px;color:var(--mn-sub)}
.mnToday .mnStats .refer{background:#FDF3E8}.mnToday .mnStats .refer b{color:#9A4F06}
.mnGo{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border-radius:12px;border:0;background:var(--mn-p)!important;color:#fff!important;font-weight:700;font-size:15px;cursor:pointer}
#calendar .homeGrid [data-go="dayList"],#calendar .homeGrid [data-go="tools"],#calendar .homeGrid [data-go="admin"],#calendar .homeGrid+.hint{display:none}
#calendar .homeGrid{grid-template-columns:1fr!important}

/* workflow buttons */
#dayList .abtns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
#dayList .abtns.abtns4{grid-template-columns:repeat(4,minmax(0,1fr))}
#dayList .abtn{min-height:48px!important;border-radius:12px!important;font-size:14px!important}
#dayList #dlSync,#dayList #clRunAll{background:var(--mn-p)!important;color:#fff!important;border:0!important}
#dayList #clRegBatch,#dayList #clResultBatch{background:var(--mn-soft)!important;color:var(--mn-p)!important;border:0!important}
#dayList .abtn-ghost{background:#fff!important;border:1px solid #D6DCE5!important;color:var(--mn-ink)!important;min-height:44px!important;font-size:13px!important}
#dayList .mt-cat{font-size:12px;font-weight:700;letter-spacing:.6px;color:#6B7686;text-transform:uppercase;margin:14px 2px 8px}
@media(max-width:420px){#dayList .abtns.abtns4{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* more tools: a list, like phone settings */
.mnFind{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;background:#fff;border:1px solid var(--mn-line);border-radius:12px;margin:10px 0 4px}
.mnFind input{flex:1;border:0!important;outline:0;font:inherit;font-size:15px;background:transparent;padding:0!important;width:auto!important}
#tlGrid .sqxGroup{background:#fff;border:1px solid var(--mn-line);border-radius:14px;overflow:hidden;margin-top:10px}
#tlGrid .sqxGroup>summary{padding:0 14px;min-height:52px;display:flex;align-items:center}
#tlGrid .sqxGroup>summary h3.tlGroup{font-size:15px;margin:0}
#tlGrid .sqxGroup>summary h3.tlGroup span{display:none}
#tlGrid .toolGrid{display:flex!important;flex-direction:column;gap:0!important;border-top:1px solid #EEF1F5}
#tlGrid .toolBtn{display:grid!important;grid-template-columns:32px 1fr 16px;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;
  border:0!important;border-bottom:1px solid #F1F3F6!important;border-radius:0!important;background:#fff!important;padding:10px 14px!important;min-height:52px;box-shadow:none!important}
#tlGrid .toolBtn:last-child{border-bottom:0!important}
#tlGrid .toolBtn .tlIcon{grid-row:1/3;grid-column:1;width:30px;height:30px;border-radius:9px;background:var(--mn-soft);color:var(--mn-p);display:flex;align-items:center;justify-content:center;font-size:15px;opacity:1}
#tlGrid .toolBtn b{grid-column:2;font-size:15px}
#tlGrid .toolBtn span{grid-column:2;font-size:12px;color:var(--mn-sub);font-weight:400}
#tlGrid .toolBtn::after{content:"\203A";grid-column:3;grid-row:1/3;color:#98A3B3;font-size:20px}
#tlGrid .toolBtn.mnHide{display:none!important}

/* bottom tab bar */
.mnNav{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--mn-line);
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;padding:6px 6px calc(10px + env(safe-area-inset-bottom))}
.mnNav button{border:0!important;background:none!important;padding:4px 0!important;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  font-size:11px!important;font-weight:500!important;color:var(--mn-sub);cursor:pointer;border-radius:12px}
.mnNav button svg{width:22px;height:22px}
.mnNav button.on{color:var(--mn-p);font-weight:700!important}
.mnNav .mnFab span.fab{width:54px;height:54px;margin-top:-28px;border-radius:18px;background:var(--mn-p);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(20,35,60,.22)}
.mnNav .mnFab svg{width:26px;height:26px}
body.mnNoNav .mnNav{display:none}
body.mnNoNav{padding-bottom:0}
.toast{bottom:96px!important}
@media print{.mnNav{display:none!important}body{padding-bottom:0}}
.calendar .day,.calendar button.day{box-shadow:none!important;border:0!important}
.calendar .day.hasData{background:transparent!important}
/* Workflow: actions above the list, like the extension */
#dayList.screen.active{display:flex;flex-direction:column}
#dayList>*{order:5}
#dayList>.clHead{order:1}
#dayList>#clStep{order:2}
#dayList>.dlBar{order:3}
#dayList>.mt-cat,#dayList>.abtns{order:4}
#dayList>.selBar{order:5;margin-top:12px}
#dayList>#dlList{order:6}
#dayList>#mtArrow,#dayList>#mtPanel{order:7}
#tlGrid .sqxGroup>summary h3.tlGroup{text-transform:none!important;letter-spacing:0!important;color:var(--mn-ink)!important;font-weight:700!important}
#tlGrid .sqxGroup>summary::before{color:#98A3B3}
.persistentSeal,body.skin-audiospace .persistentSeal{box-sizing:border-box;width:calc(100% - 32px)}
@media(min-width:800px){
  .mnNav{left:50%;right:auto;width:728px;transform:translateX(-50%);border:1px solid var(--mn-line);border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -4px 18px rgba(20,35,60,.06)}
}
.mnFacPick{display:flex;flex-direction:column;gap:8px}
.mnFacPick button{min-height:48px;text-align:left;border:1px solid var(--mn-line);border-radius:12px;background:#fff;font-weight:600}
.mnFacPick button:hover{border-color:var(--mn-p)}
#mnRegFac{border-color:var(--mn-p)!important}
.mnFacPick{max-height:55vh;overflow-y:auto}
.mnFacPick button small{display:block;font-weight:400;color:var(--mn-sub);font-size:12px}
/* padlock beside a locked facility */
.mnLocked::before{content:"";display:inline-block;width:.95em;height:.95em;margin-right:5px;vertical-align:-1px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2.5' fill='black'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") no-repeat center/contain;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2.5' fill='black'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") no-repeat center/contain}
#facilityName.mnLocked{color:var(--mn-p)!important;font-weight:600}
/* seal bar */
#persistentSealBar{display:flex!important;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:4px 12px}
#persistentSealBar.hidden{display:none!important}
.mnSealL,.mnSealR{display:flex;flex-direction:column;gap:1px}
.mnSealR{text-align:right;align-items:flex-end}
.mnSealK{font-size:12px;color:var(--mn-sub)}
#persistentSealBar strong{font-size:17px;color:var(--mn-p)!important;letter-spacing:.2px}
#persistentSealBar b{font-size:20px;line-height:1.1}
.mnSealWho{font-size:12px;color:var(--mn-sub)}
.mnSealNote{flex-basis:100%;font-size:12.5px;font-weight:600;color:#8A4505}
#persistentSealBar.mnSealLow,body.skin-audiospace #persistentSealBar.mnSealLow{background:#FDF0E2!important}
/* Register: stamped date instead of a date picker */
.mnHideDate{display:none!important}
.mnStamp{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--mn-soft);border-radius:12px;padding:10px 14px;font-weight:600;color:var(--mn-ink);margin:2px 0 12px}
.mnStamp .linkBtn{margin-left:auto;border:0;background:none;padding:4px 0;font-size:13px;font-weight:600;color:var(--mn-p);text-decoration:underline;min-height:auto}
.mnStampIco{width:16px;height:16px;background:var(--mn-p);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") no-repeat center/contain;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") no-repeat center/contain}
/* patient card: the two papers */
.pcResults .modal-sec-title{font-weight:700;margin-bottom:8px}
.pcResBtns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pcRes{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;min-height:64px;border:1px solid var(--mn-line);border-radius:12px;background:#fff;padding:10px 12px}
.pcRes b{font-size:15px;color:var(--mn-p)}
.pcRes span{font-size:12px;color:var(--mn-sub);font-weight:400}
.pcRes.pcResOk{border-color:var(--mn-p);background:var(--mn-soft)}
.pcRes:disabled b{color:var(--mn-sub)}
@media(max-width:380px){.pcResBtns{grid-template-columns:1fr}}
/* calendar markers with numbers */
.calendarDots.mnMarks{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;margin-top:2px}
.mk{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font-size:10.5px;font-weight:700;font-style:normal;line-height:1;box-sizing:border-box}
.mkS{background:var(--mn-p);color:#fff}
.mkR{background:#fff;color:var(--mn-p);border:1.6px solid var(--mn-p)}
.mnLegend .mk{width:auto;height:18px;margin-right:2px}

#pcFormA{display:none!important} /* same paper as the Advance copy button in Results */
.corCard{border:1px solid var(--mn-line);border-radius:12px;padding:12px 14px;margin:8px 0;background:#fff}
.corCard.corBad{border-color:#E9B27A;background:#FFF8F1}
.corTop{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.corSt{font-size:12px;font-weight:700;color:#2F6B45;white-space:nowrap}
.corBad .corSt{color:#8A4505}
.corWhat{margin:8px 0;font-size:14px}
.corWhat s{color:var(--mn-sub)}
.corErr{font-size:13px;color:#8A4505;margin-bottom:8px}
/* Initial / Rescreen: chosen by the screener; the app only warns */
.warnCard{background:#FDF0E2;border:1px solid #E9B27A;color:#7A3D03;border-radius:12px;padding:12px 14px;margin:0 0 12px;font-weight:600;font-size:14px}
#sqxPriorLine{margin:4px 0 8px;font-weight:600;color:var(--mn-ink)}
[data-type].needPick{outline:3px solid #E07A10;outline-offset:2px}
.warnCard .wcMsg{margin-bottom:10px}
.warnCard .wcBtns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.warnCard .wcBtns button{min-height:48px;border-radius:12px;font-weight:700}
.warnCard .wcOther{background:#fff;border:1px solid #E9B27A;color:#7A3D03}
@media(max-width:380px){.warnCard .wcBtns{grid-template-columns:1fr}}
.dupCard .dupRow{display:grid;grid-template-columns:96px 1fr;gap:8px;font-weight:500;margin:4px 0}
.dupCard .dupK{font-size:12px;color:#7A3D03;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding-top:2px}
.dupCard .dupWhy{font-size:12.5px;font-weight:400;margin:6px 0 10px}
/* Screen: one line per baby — name to pick, small Review beside it */
#patientResults .row{display:flex!important;flex-direction:row!important;gap:8px;align-items:stretch;margin:0 0 8px}
#patientResults .row>button:first-child{flex:1 1 auto;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
#patientResults .row>button:last-child{flex:0 0 auto;width:auto;padding:0 14px;font-size:13px;color:var(--mn-muted,#5B6878)}
/* ---- v1.8.2 screener comforts: trials, seal line, saved screen, summary ---- */
.sqxTrials{display:flex;flex-direction:column;gap:10px;margin:6px 0 4px}
.sqxTrials h3{margin:4px 0 0}
.sqxTrial{border:1px solid #E1E6EE;border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:10px;background:#fff}
.sqxTrialHead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sqxTrialHead b{font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:#4A5A70}
.sqxTime{display:flex!important;align-items:center;gap:6px;font-size:12px;color:#5B6878;margin:0!important}
.sqxTime input{width:auto!important;min-height:36px!important;padding:4px 8px!important;font-size:14px}
.sqxEar{display:flex;flex-direction:column;gap:6px}
.sqxEarK{font-size:13px;font-weight:600;color:#1F2A37}
.sqxPR{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sqxPR button{min-height:48px;border-radius:12px;border:1.5px solid #D6DCE5;background:#fff;font-weight:700;font-size:15px;color:#1F2A37}
.sqxPR button.on{background:#E3F4E8;border-color:#5BAE77;color:#1E6B3A}
.sqxPR button.refer.on{background:#FBE7E7;border-color:#D46A6A;color:#9B2C2C}
.sqxAddTrial{min-height:46px;border-radius:12px;border:1.5px dashed #B9C3D1;background:transparent;font-weight:700;color:#2C4564}
.sqxSealLine{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;background:#F1F5FA;border-radius:12px;padding:10px 12px;margin:6px 0;font-size:14px}
.sqxSealK{font-size:12px;color:#5B6878;text-transform:uppercase;letter-spacing:.5px}
.sqxSealNo{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:16px}
.sqxSealLeft{color:#3B6B4A;font-weight:600}.sqxSealLeft.low{color:#A0480A}
.sqxScrPick{display:flex!important;flex-direction:column;gap:4px;width:100%;margin:0!important;font-weight:600}
#sqxSaved{padding-bottom:24px}
.sqxSavedCard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:24px 16px!important}
.sqxTick{width:72px;height:72px;border-radius:50%;background:#DDF4E5;color:#1E6B3A;display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.sqxTick.refer{background:#FDEBDD;color:#9A4A0B}
.sqxSavedCard h2{margin:4px 0 0;font-size:24px}
.sqxWords{margin:0 0 8px;color:#5B6878;font-size:17px}
.sqxRows{width:100%;background:#F6F8FB;border-radius:14px;padding:6px 14px;text-align:left}
.sqxRow{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #EAEEF3;font-size:15px}
.sqxRow:last-child{border-bottom:0}
.sqxRow span{color:#5B6878}.sqxRow b{text-align:right;word-break:break-all}
.sqxRow b.mono{font-family:ui-monospace,Menlo,Consolas,monospace}
.sqxRow b.ok{color:#1E7A45}.sqxRow b.muted{color:#6B7686;font-weight:600}
.sqxNote{width:100%;margin-top:10px;background:#FBF3D9;color:#7A4A06;border-radius:12px;padding:10px 12px;font-weight:600;font-size:14px}
.sqxNote.ok{background:#E3F4E8;color:#1E6B3A}
.sqxNext{width:100%;min-height:54px;margin-top:14px;font-size:17px}
.sqxSecondary{width:100%;min-height:48px;margin-top:8px;border-radius:12px;border:1px solid #D6DCE5;background:#fff;font-weight:600}
.sqxSummary{display:flex;flex-direction:column;gap:10px}
.sqxSumHead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sqxSumHead h3{margin:0}
.sqxSumHead input{width:auto!important;min-height:38px!important;padding:4px 8px!important}
.sqxTabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #E1E6EE;border-radius:12px;overflow:hidden}
.sqxTabs button{min-height:44px;border:0;background:#F3F6FA;font-weight:600;color:#6B7A90}
.sqxTabs button.on{background:#fff;color:#1F2A37;box-shadow:inset 0 -3px 0 #2C4564}
.sqxTiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sqxTiles div{border:1px solid #E6EAF0;border-radius:12px;padding:10px 4px;text-align:center;display:flex;flex-direction:column;gap:2px}
.sqxTiles b{font-size:24px;line-height:1.1}.sqxTiles span{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#6B7686}
.sqxTiles .pass b{color:#1E8A4C}.sqxTiles .refer b{color:#C62828}.sqxTiles .money b{color:#2C4564;font-size:20px}
.sqxSealsBox{background:#FBF3D9;color:#7A4A06;border-radius:12px;padding:10px 12px;font-weight:600}
.sqxSealsBox b{font-size:20px}
.sqxChips{display:flex;flex-wrap:wrap;gap:6px}
.sqxChip{background:#EEF2F7;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:600}
.sqxChip.low{background:#FBE3E3;color:#9B2C2C}
.sqxTableWrap{overflow-x:auto;margin:0 -4px}
.sqxTable{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.sqxTable th{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#6B7A90;font-weight:700;text-align:center;padding:8px 4px;background:#F3F6FA}
.sqxTable th:first-child,.sqxTable td:first-child{text-align:left;padding-left:8px}
.sqxTable td{padding:9px 4px;text-align:center;border-bottom:1px solid #EEF1F5}
.sqxTable td:first-child{max-width:120px;font-weight:600}
.sqxTable tfoot td{background:#EEF3FB;font-weight:800}
.sqxTable .pass{color:#1E8A4C;font-weight:700}.sqxTable .refer{color:#C62828;font-weight:700}.sqxTable .warn{color:#C46A0A;font-weight:700}
.sqxSumLine{margin:0;background:#F6F8FB;border-radius:12px;padding:10px 12px;font-size:14px}
.sqxNote.bad{background:#FBE7E7;color:#8E2424;display:flex;flex-direction:column;gap:8px}
.sqxFix{min-height:44px;border-radius:10px;border:1px solid #D99;background:#fff;font-weight:700;color:#8E2424}
.sqxWarnLine{margin:0 0 6px;color:#8A4505;font-weight:600;font-size:14px}
/* summary table: fit 8 columns on a phone */
@media (max-width:480px){
  .sqxTable{font-size:12.5px}
  .sqxTable th{font-size:10px;letter-spacing:.3px;padding:7px 2px}
  .sqxTable td{padding:8px 2px}
  .sqxTable th:first-child,.sqxTable td:first-child{padding-left:6px}
  .sqxTable td:first-child{max-width:92px;font-size:12.5px;line-height:1.25}
}
.sqxSumHead+span,.sqxSumHead .dateEcho,#sqxSumDate+span{display:none!important}
.sqxUp{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:4px 0 10px}
.sqxUpBtn{display:inline-flex!important;align-items:center;min-height:42px;padding:0 14px;border-radius:10px;border:1px solid #C9D3E0;background:#fff;font-weight:700;color:#2C4564;cursor:pointer;margin:0!important}
.sqxUpPrev{max-height:56px;max-width:180px;border:1px solid #E1E6EE;border-radius:8px;background:#fff;padding:4px}
.sqxUpMsg{flex-basis:100%}
input.sqxDataUrl{font-size:11px!important;color:#8792A2!important}
.sqxSigGo{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.sqxSigGo .hint{flex-basis:100%;margin:0}
.sqxSigGo button{min-height:44px;border-radius:10px;border:1px solid #C9D3E0;background:#fff;font-weight:700;color:#2C4564;padding:0 14px}
.sqxEarTime{display:flex!important;align-items:center;gap:8px;margin:2px 0 0!important;font-size:12px;color:#5B6878}
.sqxEarTime input{width:auto!important;min-height:36px!important;padding:4px 10px!important;font-size:15px;border-radius:10px}
#registrationForm.mnWaitFac{display:none!important}
/* one date only: the phone's own date box already shows it */
.dmy{display:none!important}
/* minimal screening form */
.sqxHide{display:none!important}
.sqxPR{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px;align-items:stretch}
.sqxPR button,.sqxPR .sqxEarTime{min-height:48px;height:48px;border-radius:12px;box-sizing:border-box;margin:0}
.sqxPR .sqxEarTime{width:100%!important;padding:0 6px!important;font-size:15px;border:1.5px solid #D6DCE5;background:#F7F9FC;color:#1F2A37;text-align:center}
.sqxPR .sqxEarTime.empty{color:#A3ADBB}
#sqxSealSel{width:100%;min-height:48px;border-radius:12px;font-size:15px}
.sqxRisk{border:1px solid #E1E6EE;border-radius:12px;background:#fff;margin:10px 0}
.sqxRisk summary{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:0 14px;cursor:pointer;list-style:none;font-weight:600}
.sqxRisk summary::-webkit-details-marker{display:none}
.sqxRisk summary b{font-weight:700;color:#1E7A45}.sqxRisk summary b.some{color:#B45309}
.sqxRisk[open] summary{border-bottom:1px solid #EEF1F5}
.sqxRisk #riskFactors{padding:8px 10px}
#sqxReasonWrap{display:flex;flex-direction:column;gap:4px}
#bornElsewhereLink{margin:2px 0 8px}
/* hidden always wins (some form styles set display on labels and cards) */
[hidden],.form .hidden,.form label.hidden,#screeningForm .hidden,.sqxTrial[hidden],.sqxAddTrial[hidden]{display:none!important}

/* ===== v1.8.2 (3 Nov) — collapsible cards + compact seal bar ===== */
.sqxFoldH{cursor:pointer;position:relative;padding-right:28px!important;user-select:none}
.sqxFoldH::after{content:"▾";position:absolute;right:4px;top:50%;transform:translateY(-50%);color:var(--mn-sub);font-size:14px}
.card.sqxFolded .sqxFoldH::after{content:"▸"}
.card.sqxFolded>*:not(.sqxFoldH){display:none!important}
.card.sqxFolded{padding-bottom:12px!important}
#persistentSealBar{position:relative;cursor:pointer;padding-right:34px!important}
#persistentSealBar .mnSealCaret{position:absolute;right:14px;top:12px;color:var(--mn-sub);font-size:15px}
#persistentSealBar b small{font-size:13px;font-weight:600;color:var(--mn-sub)}
.mnSealList{flex-basis:100%;margin-top:6px;border-top:1px solid rgba(0,0,0,.08);padding-top:4px}
.mnSealRow{display:grid;grid-template-columns:1fr auto 44px;gap:8px;align-items:center;padding:5px 0;font-size:13.5px;border-bottom:1px dashed rgba(0,0,0,.06)}
.mnSealRow:last-child{border-bottom:0}.mnSealRow.mnSealHd{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--mn-sub)}
.mnSealRow.me{font-weight:700;color:var(--mn-p)}.mnSealRow .mnSealNx{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;color:var(--mn-sub)}
.mnSealRow b{text-align:right;font-size:15px}.mnSealRow i{grid-column:1/-1;font-style:normal;font-size:12px;color:#8A4505}

/* ===== soft look (neumorphism) for the staff app — look only, nothing moves ===== */
:root{--neu-bg:#E9EDF3;--neu-hi:#FFFFFF;--neu-lo:#C9D1DC}
body,body.skin-audiospace{background:var(--neu-bg)!important}
.topbar{background:var(--neu-bg)!important;border-bottom:0!important;box-shadow:0 6px 14px -8px var(--neu-lo)}
.card,.subcard,.sqxSummary,#persistentSealBar,.persistentSeal,body.skin-audiospace .persistentSeal{background:#EEF1F6!important;border:0!important;box-shadow:8px 8px 18px var(--neu-lo),-8px -8px 18px var(--neu-hi)!important;border-radius:18px!important}
.subcard{box-shadow:inset 3px 3px 7px var(--neu-lo),inset -3px -3px 7px var(--neu-hi)!important;background:var(--neu-bg)!important}
input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{background:var(--neu-bg)!important;border:0!important;box-shadow:inset 3px 3px 7px var(--neu-lo),inset -3px -3px 7px var(--neu-hi)!important;border-radius:12px!important}
input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--mn-p) 45%,white)!important;outline-offset:1px}
button:not(.primary):not(.abtn-primary):not([type=submit]):not(.on):not(.mnNav button):not(.mnFab),.abtn:not(.abtn-primary):not(.on){background:#EEF1F6!important;border:0!important;box-shadow:4px 4px 10px var(--neu-lo),-4px -4px 10px var(--neu-hi)!important}
button:active:not(.mnNav button){box-shadow:inset 3px 3px 7px var(--neu-lo),inset -3px -3px 7px var(--neu-hi)!important}
button.primary,button[type=submit],.abtn-primary,.sqxSexBtns button.on{background:var(--mn-p)!important;color:#fff!important;border:0!important;box-shadow:4px 4px 10px var(--neu-lo),-4px -4px 10px var(--neu-hi)!important}
.mnNav{background:var(--neu-bg)!important;border-top:0!important;box-shadow:0 -6px 14px -8px var(--neu-lo)}
.mnNav button{background:transparent!important;box-shadow:none!important;border:0!important}
.mnNav button.on,.mnNav button.active{color:var(--mn-p)!important}
.calendar .day{background:transparent!important;box-shadow:none!important;border:0!important}
.calendar .day.daySelected,.calendar .day.today{background:#EEF1F6!important;box-shadow:inset 3px 3px 7px var(--neu-lo),inset -3px -3px 7px var(--neu-hi)!important}
.sqxSumTabs button.on{background:var(--mn-p)!important;color:#fff!important}
#calendarGrid button,#calendarGrid .day,.calendar button{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:12px!important}
#calendarGrid .daySelected,#calendarGrid .today{background:#EEF1F6!important;box-shadow:inset 3px 3px 7px var(--neu-lo),inset -3px -3px 7px var(--neu-hi)!important}
.mnSealRow.mnSealHd{background:none!important;color:var(--mn-sub)!important;padding:2px 0}
.clGuide{display:flex;flex-direction:column;gap:8px;margin:8px 0 10px}.clGuide .abtn{display:flex;align-items:center;min-height:48px;text-decoration:none;color:var(--mn-p);font-weight:700;padding:0 14px}

/* ===== even boxes (Pearl, 3 Nov: "di pantay-pantay") — same height, same width, same spacing everywhere ===== */
#admin .card label,#tools .card label,#facilities .card label,.card label.f{display:block;margin:12px 0 0;font-size:13px;font-weight:600;color:var(--mn-sub)}
#admin .card label.ck,#tools .card label.ck,.card label.ck{display:flex;align-items:center;gap:10px;margin:10px 0;color:var(--mn-ink)}
#admin .card label>input:not([type=checkbox]):not([type=radio]):not([type=color]),#admin .card label>select,#admin .card label>textarea,
#tools .card label>input:not([type=checkbox]):not([type=radio]):not([type=color]),#tools .card label>select,#tools .card label>textarea{display:block;width:100%!important;box-sizing:border-box;min-height:48px;margin-top:6px;padding:0 14px;font-size:15px;color:var(--mn-ink);font-weight:500}
#admin .card label>textarea,#tools .card label>textarea{padding:12px 14px;min-height:96px}
#admin .card label>input[type=color],#tools .card label>input[type=color]{display:block;width:100%;height:48px;margin-top:6px;border:0;background:none}
#admin .card .two,#tools .card .two,#admin .card .three{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;align-items:end}
#admin .card .three{grid-template-columns:1fr 1fr 1fr}
#admin .card>button,#admin .card form>button,#admin .card .subcard>button,#tools .card>button,#tools .card form>button{display:block;width:100%;margin:14px 0 0;min-height:48px}
@media(min-width:700px){#admin .card>button,#admin .card form>button,#admin .card .subcard>button,#tools .card>button,#tools .card form>button{width:auto;min-width:240px}}
#admin .card h2,#tools .card h2{margin:0 0 4px}#admin .card>p.muted,#admin .card>p.hint{margin:4px 0 6px}
#admin .card .subcard{margin-top:14px;padding:14px}#admin .card .subcard h3{margin:0 0 6px;font-size:15px}
.card{padding:16px!important;margin:0 0 14px!important}
.codeBox{min-height:48px;padding:12px 14px;box-sizing:border-box;border-radius:12px;word-break:break-all}
.list .row{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:44px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06)}.list .row:last-child{border-bottom:0}
.sqxFold>summary{display:flex;align-items:center;min-height:40px;padding:0!important;font-weight:700}
.sqxFold>summary h2{margin:0!important;font-size:16px}
.card:has(> details.sqxFold:not([open])){padding:6px 16px!important;margin-bottom:10px!important}
.sqxFold>summary::before{content:"\25B8";color:var(--mn-sub);margin-right:8px;font-size:12px}
.sqxFold[open]>summary::before{content:"\25BE"}
.sqxFold[open]>summary{margin-bottom:6px;border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:6px!important}

/* ===== v2 (Pearl's review, 3 Nov) ===== */
/* seal list: uniform, nothing bold */
.mnSealRow,.mnSealRow.me,.mnSealRow b{font-weight:500!important;color:var(--mn-ink)!important}.mnSealRow.me{color:var(--mn-p)!important}
/* baby card: no seal bar, icon row, arrows beside the name */
body.sqxOnCard #persistentSealBar{display:none!important}
.pcArrows{display:flex;align-items:center;gap:4px;flex:none}.pcArrows button{width:40px;height:40px;border-radius:12px;font-size:22px;padding:0;min-height:0}.pcArrows span{font-size:12px;min-width:38px;text-align:center}
.pcIcons{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:4px}.pcIcons button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;padding:6px 2px}.pcIcons button i{font-style:normal;font-size:20px;line-height:1}.pcIcons button span{font-size:11px;font-weight:600;color:var(--mn-sub)}
.pcIcons .sqxHide{display:none!important}
/* workflow: top actions, find + scan, obvious checkboxes */
.sqxV2Head .clWho{display:flex;align-items:center;gap:8px}.sqxTopActs{margin:0 0 10px}.sqxTopActs .abtn{min-height:50px;font-size:16px}
.sqxFind{display:flex;gap:8px;align-items:stretch}.sqxFind input{flex:1;min-width:0}.sqxScanBtn{flex:none;width:52px;min-height:48px;font-size:22px;padding:0;display:flex;align-items:center;justify-content:center}
.prow .pcb{width:26px;height:26px;accent-color:var(--mn-p);flex:none;margin-left:8px}.selBar{display:flex;align-items:center;gap:12px;padding:8px 4px}.selBar label{display:flex;align-items:center;gap:8px;font-weight:600}.selBar input{width:24px;height:24px;accent-color:var(--mn-p)}
/* start screen */
.v2Fac{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0 8px}.v2Fac .v2K{display:block;font-size:11.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--mn-sub);font-weight:700}.v2Fac strong{font-size:18px;display:block}.v2Change{min-height:40px;padding:0 14px}
.mainActions{display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0!important}
.v2Big{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:86px;padding:8px 4px;text-align:center}.v2Big i{font-style:normal;font-size:24px;line-height:1}.v2Big b{font-size:15px}.v2Big span{font-size:11.5px;color:var(--mn-sub);font-weight:500}.v2Big.primary span{color:#D6DFEA}
.stats{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px}.stats .stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:64px;padding:8px 2px}.stats .stat b{font-size:22px}.stats .stat span{font-size:11px;color:var(--mn-sub)}
.v2More{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0!important}.v2More button{min-height:44px;font-size:14px}
.v2SealGo{display:block;margin-top:8px}
/* admin tabs */
.v2Tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none;position:sticky;top:0;background:var(--neu-bg);z-index:3}.v2Tabs::-webkit-scrollbar{display:none}
.v2Tabs button{flex:none;min-height:40px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700}.v2Tabs button.on{background:var(--mn-p)!important;color:#fff!important}
.v2Hint{margin:0 4px 10px}
.v2Contact{border:1px dashed var(--mn-line);border-radius:12px;padding:6px 12px 10px;margin:8px 0}.v2Contact.primary{border-style:solid}.v2Del{color:#B42318!important;margin-top:6px}
.codeBox a{word-break:break-all;color:var(--mn-p)}
.v2Tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.v2Tags i{font-style:normal;font-size:11px;font-weight:700;background:var(--mn-soft);color:var(--mn-p);border-radius:999px;padding:3px 8px}
/* looks chooser */
.v2Looks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0 12px}.v2Look{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:64px;padding:10px 12px;text-align:left;border:2px solid transparent!important}.v2Look.on{border-color:var(--mn-p)!important}.v2Look span{font-size:11.5px;font-weight:500;color:var(--mn-sub)}
.v2Look.lk-flat{background:#fff!important;box-shadow:none!important;border:1px solid #E5E9F0!important}.v2Look.lk-glass{background:linear-gradient(135deg,#2C4564,#7B9AC7)!important;color:#fff!important}.v2Look.lk-glass span{color:#E3EAF5}.v2Look.lk-ios{background:#F2F2F7!important;border-radius:18px!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important}
/* analytics */
.v2Chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.v2Chips button{min-height:36px;padding:0 12px;border-radius:999px;font-size:13px}.v2Chips button.on{background:var(--mn-p)!important;color:#fff!important}
.v2Tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.v2Tile{background:#EEF1F6;border-radius:14px;padding:10px 8px;text-align:center;box-shadow:inset 3px 3px 7px var(--neu-lo),inset -3px -3px 7px var(--neu-hi)}.v2Tile b{display:block;font-size:22px}.v2Tile span{font-size:11px;color:var(--mn-sub);font-weight:600}.v2Tile.ok b{color:#1E7A45}.v2Tile.bad b{color:#B42318}.v2Tile.warn b{color:#A15C07}.v2Tile.hi b{color:var(--mn-p)}
#anChart{width:100%;height:160px;display:block;margin-top:6px}.v2Legend{font-size:12px;color:var(--mn-sub);margin:6px 0 10px}.v2Legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 4px 0 8px;vertical-align:middle}.v2Legend i.a{background:#2C4564}.v2Legend i.b{background:#1E7A45}.v2Legend i.c{background:#B42318}.v2Legend i.d{background:#9DB8DA}
.v2Tbl{margin-top:8px}.v2Tbl summary{font-weight:700;cursor:pointer;padding:6px 0}.v2Tbl table{width:100%;border-collapse:collapse;font-size:13px}.v2Tbl th{font-size:10.5px;letter-spacing:.4px;text-transform:uppercase;color:var(--mn-sub);text-align:right;padding:4px}.v2Tbl th:first-child,.v2Tbl td:first-child{text-align:left}.v2Tbl td{text-align:right;padding:6px 4px;border-top:1px solid var(--mn-line)}.v2Tbl td.ok{color:#1E7A45}.v2Tbl td.bad{color:#B42318}
/* tools tiles: icon never overlaps words */
#tlGrid .toolBtn{grid-template-columns:36px 1fr 16px!important}#tlGrid .toolBtn .tlIcon{width:32px;height:32px;font-size:14px;overflow:hidden}
#tlGrid .toolBtn b,#tlGrid .toolBtn span{min-width:0;overflow:hidden;text-overflow:ellipsis}
/* ===== looks (per buyer; default neumorphic) ===== */
body.look-flat,body.look-flat.skin-audiospace{background:#F6F8FB!important}
body.look-flat .card,body.look-flat .subcard,body.look-flat #persistentSealBar,body.look-flat .persistentSeal{background:#fff!important;box-shadow:none!important;border:1px solid var(--mn-line)!important}
body.look-flat input:not([type=checkbox]):not([type=radio]):not([type=color]),body.look-flat select,body.look-flat textarea{background:#fff!important;box-shadow:none!important;border:1.5px solid #D6DCE5!important}
body.look-flat button:not(.primary):not(.abtn-primary):not([type=submit]):not(.on),body.look-flat .abtn:not(.abtn-primary):not(.on){background:#fff!important;box-shadow:none!important;border:1.5px solid #D6DCE5!important}
body.look-flat .mnNav{background:#fff!important;border-top:1px solid var(--mn-line)!important;box-shadow:none}
body.look-glass{background:linear-gradient(160deg,#DCE6F4,#EEF1F6 45%,#F3E7DD)!important;background-attachment:fixed!important}
body.look-glass .card,body.look-glass .subcard,body.look-glass #persistentSealBar,body.look-glass .persistentSeal,body.look-glass .topbar,body.look-glass .mnNav{background:rgba(255,255,255,.55)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 8px 24px rgba(44,69,100,.12)!important}
body.look-glass input:not([type=checkbox]):not([type=radio]):not([type=color]),body.look-glass select,body.look-glass textarea{background:rgba(255,255,255,.7)!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.9)!important}
body.look-glass button:not(.primary):not(.abtn-primary):not([type=submit]):not(.on),body.look-glass .abtn:not(.abtn-primary):not(.on){background:rgba(255,255,255,.75)!important;box-shadow:0 2px 8px rgba(44,69,100,.1)!important;border:1px solid rgba(255,255,255,.9)!important}
body.look-ios{background:#F2F2F7!important}
body.look-ios .card,body.look-ios .subcard,body.look-ios #persistentSealBar,body.look-ios .persistentSeal{background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.06)!important;border:0!important;border-radius:20px!important}
body.look-ios input:not([type=checkbox]):not([type=radio]):not([type=color]),body.look-ios select,body.look-ios textarea{background:#F2F2F7!important;box-shadow:none!important;border:0!important;border-radius:12px!important}
body.look-ios button:not(.primary):not(.abtn-primary):not([type=submit]):not(.on),body.look-ios .abtn:not(.abtn-primary):not(.on){background:#F2F2F7!important;box-shadow:none!important;border:0!important;border-radius:14px!important;color:var(--mn-p)!important}
body.look-ios button.primary,body.look-ios .abtn-primary,body.look-ios button[type=submit]{border-radius:14px!important}
body.look-ios .mnNav{background:rgba(255,255,255,.92)!important;border-top:1px solid #E5E5EA!important;box-shadow:none}

button.on,.pill.on,.v2Tabs button.on,.v2Chips button.on,.sqxSexBtns button.on,.sqxIRBtns button.on{background:var(--mn-p)!important;color:#fff!important;border-color:var(--mn-p)!important}
.v2Contact.v2Primary{border-style:solid}
.mnNav button,.mnNav button.on,.mnNav button.active,body[class] .mnNav button.on{background:transparent!important;box-shadow:none!important;border:0!important;color:var(--mn-sub)!important}
.mnNav button.on,.mnNav button.active{color:var(--mn-p)!important}
.mnNav .mnFab,.mnNav .mnFab.on{background:transparent!important}

/* ===== v3 (4 Nov): facility ID row, ratings, seals guide, companion card, buyer tiles ===== */
.v2IdRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 10px}
.v2IdRow>span:first-child{font-weight:600;color:var(--muted,#566476)}
.v2IdRow code{font-size:15px;padding:6px 10px;border-radius:10px;background:var(--chip,#E6EDF5);letter-spacing:.3px}
.v2IdRow .hint{flex-basis:100%;margin:0}
.v2Hist{margin:8px 0 12px}.v2Hist>b{display:block;font-size:13px;color:var(--muted,#566476);margin-bottom:4px}
.v2Hist>div{display:grid;grid-template-columns:52px 90px 1fr;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--line,#DCE3EB);font-size:14px}
.v2Hist em{font-style:normal;color:#B45309;letter-spacing:1px}
.v2Three{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:8px 0}
.v2Three button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px;min-height:84px;border-radius:14px}
.v2Three button b{font-size:15px}.v2Three button span{font-size:12.5px;color:var(--muted,#566476);font-weight:400;line-height:1.3}
.v2Small .v2Tile b{font-size:15px}
.v2Cal{display:inline-block;margin-left:6px;font-size:13px;text-decoration:none;padding:4px 8px;border-radius:999px;background:var(--chip,#E6EDF5);color:inherit}
.v2Why{margin:-4px 0 10px}
.v2Reset{margin-left:10px}
.v2Comp{margin-bottom:12px}
@media(max-width:480px){.v2Three{grid-template-columns:1fr 1fr}.v2Hist>div{grid-template-columns:48px 80px 1fr}}
@media(max-width:480px){.v2Three>button:last-child:nth-child(odd){grid-column:1/-1}}
.v2Three>button{align-self:stretch}

/* ===== laptop/tablet (4 Nov) — balance on wide screens; phone rules above are untouched ===== */
/* 3-up tiles once there is room (6 tiles = 2 even rows, 3 tiles = 1 row; no orphan) */
@media(min-width:600px){.v2Three{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* laptop: let the page breathe a little wider, keep everything centred and aligned (content, seal bar, bottom nav) */
@media(min-width:1100px){
  main{max-width:900px}
  .persistentSeal,body.skin-audiospace .persistentSeal{max-width:868px}
  .mnNav{width:868px}
  .v2Tiles{grid-template-columns:repeat(4,1fr)}
  .toolGrid:not(#tlGrid .toolGrid){grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* tablet / laptop: the folded admin & calendar cards keep one even width; summary rows never squeeze */
@media(min-width:700px){
  .v2Group>.card,.v2Group>.v2FacTop{width:100%;box-sizing:border-box}
  .v2Hist>div{grid-template-columns:70px 110px 1fr}
}

/* ===== link-style buttons as even pills (Pearl 4 Nov: "parang sagad") ===== */
.linkBtn{text-decoration:none!important;padding:8px 14px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;line-height:1.2}
.inlineLinks{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.inlineLinks>.linkBtn{flex:1 1 30%;min-height:44px}
.mnStamp .linkBtn{min-height:auto;padding:4px 8px}
@media(max-width:420px){.inlineLinks>.linkBtn{flex:1 1 100%}}

/* ===== desktop EMR mode ≥1024 (4 Nov) — body.sqxDesk is set by sqx-desk.js; phone rules above are untouched ===== */
.dkBrand,.dkSearch,.dkFacChange{display:none}
body.sqxDesk{--dk-side:240px;--dk-top:64px;background:#F6F8FB!important;padding-bottom:32px!important}
/* sidebar = the existing bottom nav, stood up on the left */
body.sqxDesk .mnNav{position:fixed!important;left:0!important;top:0!important;bottom:0!important;right:auto!important;width:var(--dk-side)!important;transform:none!important;
  display:flex!important;flex-direction:column;align-items:stretch;gap:2px;padding:14px 12px!important;box-sizing:border-box;
  background:#fff!important;border:0!important;border-right:1px solid var(--mn-line)!important;border-radius:0!important;box-shadow:none!important;z-index:40}
body.sqxDesk .mnNav .dkBrand{display:flex;align-items:center;gap:10px;padding:4px 6px 18px;margin-bottom:6px;border-bottom:1px solid var(--mn-line)}
body.sqxDesk .dkLogo{flex:none;width:40px;height:40px;border-radius:12px;background:var(--mn-p);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
body.sqxDesk .dkName{display:flex;flex-direction:column;min-width:0}body.sqxDesk .dkName b{font-size:16px;color:var(--mn-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.sqxDesk .dkName small{font-size:12px;color:var(--mn-sub)}
body.sqxDesk .mnNav button,body.sqxDesk .mnNav .mnFab{flex-direction:row!important;justify-content:flex-start!important;gap:12px!important;min-height:46px!important;padding:0 12px!important;
  border-radius:10px!important;font-size:15px!important;font-weight:500!important;color:var(--mn-ink)!important;width:100%;text-align:left}
body.sqxDesk .mnNav button svg{width:22px;height:22px;color:var(--mn-sub)}
body.sqxDesk .mnNav button.on,body[class] body.sqxDesk .mnNav button.on{background:var(--mn-soft)!important;color:var(--mn-p)!important;font-weight:700!important}
body.sqxDesk .mnNav button.on svg{color:var(--mn-p)}
body.sqxDesk .mnNav .mnFab span.fab{width:28px;height:28px;margin:0;border-radius:8px;box-shadow:none;background:var(--mn-p);color:#fff}
body.sqxDesk .mnNav .mnFab svg{width:18px;height:18px;color:#fff}
body.sqxDesk.mnNoNav .mnNav{display:none!important}
/* top bar */
body.sqxDesk .topbar{position:sticky;top:0;z-index:35;margin-left:var(--dk-side);min-height:var(--dk-top);box-sizing:border-box;padding:10px 24px!important;gap:16px;
  background:#fff!important;border-bottom:1px solid var(--mn-line)!important;box-shadow:none!important;display:flex;align-items:center}
body.sqxDesk.mnNoNav .topbar{margin-left:0}
body.sqxDesk .topbar>div:first-child{flex:none;order:3;gap:8px}
body.sqxDesk .topbar .mnBadge{display:none}
body.sqxDesk .topbar .mnTitle{display:flex;align-items:center;gap:8px}
body.sqxDesk .topbar .mnTitle strong{display:none}
body.sqxDesk .topbar #facilityName{font-size:14px;font-weight:600;color:var(--mn-ink);max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.sqxDesk .topbar #facilityName::before{content:"Facility · ";color:var(--mn-sub);font-weight:500}
body.sqxDesk .dkFacChange{display:inline-flex;min-height:34px;padding:0 10px;font-size:13px;color:var(--mn-p);background:var(--mn-soft)!important;border:0!important;box-shadow:none!important;border-radius:8px}
body.sqxDesk .dkSearch{display:flex;order:1;flex:1 1 auto;align-items:center;gap:10px;max-width:720px;height:44px;padding:0 14px;box-sizing:border-box;background:#F6F8FB;border:1px solid var(--mn-line);border-radius:12px}
body.sqxDesk .dkSearch:focus-within{border-color:var(--mn-p);background:#fff}
body.sqxDesk .dkSearchIcon{color:var(--mn-sub);font-size:16px;transform:rotate(-45deg)}
body.sqxDesk .dkSearch input{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;font-size:15px;min-height:40px;padding:0!important;outline:none!important}
body.sqxDesk .dkSearch kbd{font:12px ui-monospace,Consolas,monospace;color:var(--mn-sub);border:1px solid var(--mn-line);border-radius:6px;padding:1px 6px;background:#fff}
body.sqxDesk #netBadge{order:4;flex:none}
/* content column */
body.sqxDesk main{margin-left:var(--dk-side)!important;margin-right:0!important;max-width:none!important;width:auto!important;padding:24px 24px 0!important;box-sizing:border-box}
body.sqxDesk main>.screen{max-width:1500px;margin:0 auto}
body.sqxDesk.mnNoNav main{margin-left:0!important}
body.sqxDesk .persistentSeal,body.sqxDesk.skin-audiospace .persistentSeal,body.sqxDesk #persistentSealBar{margin:16px 24px 0 calc(var(--dk-side) + 24px)!important;max-width:1500px!important;width:auto!important;
  background:#fff!important;border:1px solid var(--mn-line)!important;box-shadow:none!important;border-radius:12px!important}
body.sqxDesk .screenHead{margin:0 0 16px}body.sqxDesk .screenHead h1{font-size:26px}
/* flat EMR surfaces (override the soft look on laptops) */
body.sqxDesk .card,body.sqxDesk .subcard,body.sqxDesk .sqxSummary{background:#fff!important;border:1px solid var(--mn-line)!important;box-shadow:none!important;border-radius:12px!important}
body.sqxDesk .card{padding:20px 22px!important;margin:0 0 16px!important}
body.sqxDesk .subcard{background:#F9FAFC!important}
body.sqxDesk input:not([type=checkbox]):not([type=radio]):not([type=color]),body.sqxDesk select,body.sqxDesk textarea{background:#fff!important;box-shadow:none!important;border:1.5px solid #D6DCE5!important;border-radius:10px!important}
body.sqxDesk button:not(.primary):not(.abtn-primary):not([type=submit]):not(.on):not(.mnNav button):not(.mnFab),body.sqxDesk .abtn:not(.abtn-primary):not(.on){background:#fff!important;box-shadow:none!important;border:1.5px solid #D6DCE5!important}
body.sqxDesk button.primary,body.sqxDesk button[type=submit],body.sqxDesk .abtn-primary{box-shadow:none!important}
body.sqxDesk button:active:not(.mnNav button){box-shadow:none!important;transform:translateY(1px)}
body.sqxDesk .v2Tabs{background:transparent!important;top:0;padding:0 0 14px}
body.sqxDesk .v2Tabs button{background:#fff!important;border:1px solid var(--mn-line)!important}
body.sqxDesk .v2Tabs button.on{background:var(--mn-p)!important;color:#fff!important;border-color:var(--mn-p)!important}
body.sqxDesk .calendar .day,body.sqxDesk #calendarGrid .day{box-shadow:none!important}
/* wide layouts */
body.sqxDesk .mainActions{grid-template-columns:repeat(3,1fr)!important;gap:16px}
body.sqxDesk .v2Big{min-height:110px}body.sqxDesk .v2Big b{font-size:17px}
body.sqxDesk .stats{grid-template-columns:repeat(4,1fr)!important;gap:14px}
body.sqxDesk .v2Tiles{grid-template-columns:repeat(6,1fr)}
body.sqxDesk .v2Three{grid-template-columns:repeat(3,minmax(0,1fr))}
body.sqxDesk .toolGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.sqxDesk #home .mnToday,body.sqxDesk #home .v2More{max-width:none}
body.sqxDesk #home>.card,body.sqxDesk #calendar>.card{max-width:none}
/* forms stay readable: a form column, not a 1500px-wide input */
body.sqxDesk #registrationForm,body.sqxDesk #screeningForm,body.sqxDesk #screening>.card,body.sqxDesk #register>.card,body.sqxDesk .sqxSaved,body.sqxDesk #sqxSaved{max-width:880px}
body.sqxDesk #admin .card .two,body.sqxDesk #tools .card .two{gap:0 20px}
body.sqxDesk .v2Group{display:block}
body.sqxDesk .list .row{padding:10px 4px}
/* tables use the room */
body.sqxDesk .sqxTableWrap{margin:0}body.sqxDesk .sqxTable{font-size:14.5px}body.sqxDesk .sqxTable td{padding:10px 8px}
body.sqxDesk .prow,body.sqxDesk #dayList .prow{padding:10px 8px}
body.sqxDesk #dayList>.clHead{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
body.sqxDesk .sqxTopActs{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:520px}
/* the baby-card icon row and arrows */
body.sqxDesk .pcIcons{max-width:620px}
body.sqxDesk body.sqxOnCard #persistentSealBar{display:none!important}
@media print{body.sqxDesk .mnNav,body.sqxDesk .dkSearch{display:none!important}body.sqxDesk main,body.sqxDesk .topbar{margin-left:0!important}}
body.sqxDesk .topbar .mnTitle{flex-direction:row!important;flex-wrap:nowrap;align-items:center}
body.sqxDesk .dkName b{white-space:normal;line-height:1.15;font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* ===== seal bar only on Start / Workflow / Screen; dd-MMM-yyyy tag beside date boxes ===== */
body.sqxNoSeal #persistentSealBar{display:none!important}
.sqxDmyTag{display:block;font-size:12px;color:var(--mn-muted,#566476);margin:2px 0 0 4px;min-height:14px}
.sqxDmyTag:empty{display:none}
/* facility line on Start is quiet: it only matters when you register or screen */
.v2Fac{padding:8px 12px;min-height:auto}.v2Fac .v2K{font-size:12px}.v2Fac strong{font-size:15px}.v2Fac .v2Change{padding:6px 10px;font-size:13px;min-height:auto}

/* ===== today + tracker (4 Nov) ===== */
#today .tdHead h1{margin:0}
.tdFac{display:flex;align-items:center;gap:8px;padding:6px 12px;margin:0 0 10px;font-size:13px;color:var(--mn-muted,#566476)}.tdFac b{color:var(--mn-text,#1D2A38);font-size:14px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdFac .linkBtn{min-height:32px;padding:4px 10px;font-size:13px}
.tdStep{margin:0 0 10px}
.tdStepBtn{display:flex;align-items:center;gap:12px;width:100%;min-height:68px;padding:12px 14px;text-align:left;border-radius:16px}
.tdN{flex:0 0 36px;height:36px;border-radius:50%;background:var(--mn-p,#2C4564);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-size:16px}
.tdT{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tdT b{font-size:16px}.tdT small{font-size:13px;color:var(--mn-muted,#566476);font-weight:400}
.tdGo{font-size:22px;color:var(--mn-muted,#566476)}
.tdScanWrap{flex:0 0 auto}.tdScan{min-height:40px;padding:8px 14px;border-radius:12px;background:var(--mn-p,#2C4564);color:#fff;font-weight:700}
.tdStep.has .tdStepBtn{border-left:4px solid #B42318}
.tdStuck{padding:6px 4px 0 14px}
.tdReg{font-size:13px;padding:6px 14px 0;color:var(--mn-muted,#566476)}.tdReg.fast{color:#1E7A45}.tdReg.slow,.tdReg.down{color:#B45309}
.tdTrack h2{margin:0}.tdTrackHead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.tdTools{display:flex;gap:6px}
.chip{padding:8px 12px;border-radius:999px;font-size:13px;min-height:36px}.chip.on{background:var(--mn-p,#2C4564);color:#fff}
.tdFilters{margin:8px 0 12px}
.tkLine{padding:10px 0;border-top:1px solid var(--mn-line,#DCE3EB)}.tkLine:first-child{border-top:0}
.tkHead{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-size:15px}.tkHead .muted{font-size:12px;white-space:nowrap}
.tkDots{display:inline-flex;gap:6px;flex-wrap:wrap;margin:6px 0 2px}
.tkDot{display:inline-flex;flex-direction:column;align-items:center;gap:2px;font-style:normal;width:36px}
.tkDot:before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid #9AA8B8;background:transparent;box-sizing:border-box}
.tkDot em{font-style:normal;font-size:10px;color:var(--mn-muted,#566476);line-height:1}
.tkDot.done:before{background:#1E7A45;border-color:#1E7A45}.tkDot.half:before{background:linear-gradient(90deg,#1E7A45 50%,transparent 50%);border-color:#1E7A45}
.tkDot.red:before{background:#B42318;border-color:#B42318}.tkDot.amber:before{background:#B45309;border-color:#B45309}.tkDot.wait:before{border-color:#2C4564;border-style:dashed}.tkDot.grey:before{background:#DCE3EB;border-color:#DCE3EB}
.tkDots.small{margin:4px 0 0}.tkDots.small .tkDot{width:14px}.tkDots.small .tkDot em{display:none}.tkDots.small .tkDot:before{width:9px;height:9px;border-width:1.5px}
.tkBlock{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;margin-top:4px}.tkLine.red .tkBlock>span{color:#B42318}.tkLine.amber .tkBlock>span{color:#B45309}
.tkFix{min-height:36px;padding:6px 12px;border-radius:999px;background:var(--mn-p,#2C4564);color:#fff;font-weight:700;font-size:13px;white-space:nowrap}
.tkNext{font-size:13px;margin-top:2px}
.pcTrack{margin:6px 0 10px}
.tdCal{margin:12px 0 0}
.tdAlertStrip{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.tdAlert{padding:8px 12px;border-radius:12px;font-size:13px;background:#FFF4E5;color:#7A3E00}.tdAlert.red{background:#FDECEA;color:#8A1C12}
.tkBoard{width:100%;border-collapse:collapse;font-size:13px}.tkBoard th{text-align:left;font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:var(--mn-muted,#566476);padding:8px 6px;border-bottom:1px solid var(--mn-line,#DCE3EB)}
.tkBoard td{padding:8px 6px;border-bottom:1px solid var(--mn-line,#DCE3EB);vertical-align:middle}.tkCell{white-space:nowrap}.tkCell .tkDot{width:auto;margin-right:4px;vertical-align:middle}.tkCell span{color:var(--mn-muted,#566476)}
.tkRow.red td:first-child{box-shadow:inset 4px 0 #B42318}.tkRow.amber td:first-child{box-shadow:inset 4px 0 #B45309}.tkBl{max-width:280px}
.tdToggles{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.tdRulesList{margin:4px 0 0;padding-left:18px;font-size:14px}.tdRulesList li{margin:3px 0}
/* nav by role / device */
body.tdPhone.tdScreener .mnNav [data-tab="tools"],body.tdPhone.tdScreener .mnNav [data-tab="admin"]{display:none}
body.sqxDesk .mnNav .tdScreenTab{display:none}
body.tdPhone:not(.tdScreener) .mnNav [data-tab="admin"]{flex:0 0 52px}body.tdPhone:not(.tdScreener) .mnNav [data-tab="admin"] svg{width:18px;height:18px}
body.tdPhone:not(.tdScreener) .mnNav [data-tab="tools"]{display:none}
body.sqxDesk #today .tdStepBtn{min-height:60px}body.sqxDesk #tdSteps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:start}body.sqxDesk .tdStuck{padding:4px 0 0}
@media(max-width:480px){.tkHead{flex-direction:column;gap:0}}
.tdStepBtn{flex-wrap:nowrap}.tdScanWrap{display:inline-flex;flex:0 0 auto;width:auto}.tdScan{width:auto!important;display:inline-flex!important;align-items:center;margin:0!important;box-shadow:none!important}
.tkBlock .tkFix{width:auto!important;flex:0 0 auto}
body.sqxDesk .tdStuck{display:none}body.sqxDesk #tdSteps{align-items:stretch}body.sqxDesk .tdStep{display:flex;flex-direction:column}body.sqxDesk .tdStepBtn{flex:1;min-height:96px;align-items:flex-start;padding-top:14px}body.sqxDesk .tdN{margin-top:2px}
body.sqxDesk .tdStepBtn .tdScanWrap{align-self:center}
.pcTrack .tkDot{width:30px}.pcTrack .tkDot em{font-size:9px}.pcTrack .tkDots{gap:4px}