:root{--black:#050505;--ink:#08111f;--muted:#5e6b82;--line:#e3e9f2;--soft:#f6f9fd;--blue:#087bff;--green:#0a9f45;--red:#d71930;--card:#fff;--shadow:0 22px 70px rgba(17,32,60,.09);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:linear-gradient(135deg,#fff,#eef7ff 55%,#fff);user-select:none}input,select,button,textarea{font:inherit}button{cursor:pointer;transition:.2s ease}.topbar{position:sticky;top:0;z-index:30;background:#050505;color:#fff;display:grid;grid-template-columns:240px minmax(240px,1fr) auto auto minmax(390px,auto) 44px;gap:18px;align-items:center;padding:14px 24px;box-shadow:0 10px 30px rgba(0,0,0,.22)}.brand-block{display:flex;align-items:center;gap:12px}.brand-logo{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:13px;padding:5px}.brand-block strong{display:block;font-size:22px}.brand-block small{display:block;color:#d8d8d8}.global-search{height:54px;background:#fff;color:#67758c;border-radius:13px;padding:0 18px;display:flex;align-items:center;gap:12px;box-shadow:inset 0 0 0 1px #dce4ef}.global-search input{border:0;outline:0;width:100%;font-size:16px}.age-mode{display:flex;background:#111b2a;border:1px solid #24334a;border-radius:14px;padding:4px}.mode{border:0;background:transparent;color:#c9d4e8;padding:12px 14px;border-radius:10px}.mode.active{background:var(--blue);color:#fff}.clock-24{background:#111b2a;border:1px solid #24334a;border-radius:14px;padding:9px 14px;text-align:center;min-width:116px}.clock-24 small{display:block;color:#d1d7e3;font-size:12px}.clock-24 b{font-size:18px;letter-spacing:.04em}.case-tracker{display:flex;gap:12px;align-items:center;border-left:1px solid #435064;padding-left:18px}.case-tracker small{display:block;color:#d1d7e3}.case-tracker b{font-size:18px}.duration-block{min-width:96px}.duration-block em{display:block;color:#9fb4d4;font-size:12px;font-style:normal;margin-top:2px}.round{width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:#0b1220}.hamburger{display:none;background:#172235;color:#fff;border:1px solid #314057;border-radius:12px;height:44px}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 84px)}.sidebar{background:rgba(255,255,255,.8);backdrop-filter:blur(18px);border-right:1px solid var(--line);padding:28px 20px}.side-title{text-transform:uppercase;letter-spacing:.08em;color:#68778e;font-size:13px}.cat{display:block;width:100%;border:0;background:transparent;text-align:left;padding:16px 18px;border-radius:13px;color:#152033;margin-bottom:8px}.cat:hover,.cat.active{background:#eaf3ff;color:#006dff}.notice{margin-top:34px;background:#eef6ff;border-radius:16px;padding:18px;color:#33445e;line-height:1.5}.workspace{padding:26px 32px}.breadcrumb{height:58px;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:14px;padding:0 22px;box-shadow:var(--shadow);margin-bottom:20px}.quick-list{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;color:#122033}.chip:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}.calculator-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.calc-card,.result-card{padding:28px}.card-head{display:flex;justify-content:space-between;gap:16px}.card h1{font-size:30px;margin:0 0 8px}.card p{color:var(--muted);line-height:1.6}.form-grid{display:grid;gap:14px;margin-top:26px}.field{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:16px}.control{display:grid;grid-template-columns:1fr 110px}.field input,.field select{width:100%;height:50px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:#fff;color:#091226}.control input{border-radius:12px 0 0 12px}.control select{border-left:0;border-radius:0 12px 12px 0}.action-row{display:grid;grid-template-columns:1fr 180px;gap:18px;margin-top:26px}.primary{height:54px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-weight:700}.secondary{height:54px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#33445e}.primary:hover,.secondary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(8,123,255,.18)}.equation-box{margin-top:22px;background:#fff;color:#000;border:1px solid #d7d7d7;border-radius:14px;padding:18px}.equation-box summary{font-weight:700;color:#000}.equation-box pre{white-space:pre-wrap;color:#000;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.6}.result-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin:16px 0;font-size:17px}.result-line{display:flex;justify-content:space-between;border-bottom:1px solid #edf1f7;padding:11px 0}.result-line b{font-size:24px;color:var(--blue)}.warn{color:var(--red)}li{margin:10px 0;line-height:1.45}.reference-card{padding:18px;margin-top:20px}.suggestions{position:fixed;left:280px;right:420px;top:76px;z-index:40;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.suggestions button{display:block;width:100%;padding:14px 18px;border:0;background:#fff;text-align:left}.suggestions button:hover{background:#edf6ff}footer{border-top:1px solid var(--line);padding:24px 32px;text-align:center;color:#4b5a70;background:#fff}footer a{color:var(--blue);text-decoration:none}@media(max-width:1080px){.topbar{grid-template-columns:1fr;gap:10px}.clock-24{text-align:left}.case-tracker{border-left:0;padding-left:0;flex-wrap:wrap}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:block}.hamburger{display:block;position:absolute;right:16px;top:18px}.calculator-grid{grid-template-columns:1fr}.suggestions{left:20px;right:20px;top:150px}.field{grid-template-columns:1fr}.action-row{grid-template-columns:1fr}.workspace{padding:18px}.brand-block small{display:none}}@media(max-width:560px){.card h1{font-size:24px}.topbar{padding:12px}.age-mode{overflow:auto}.case-tracker{display:grid;grid-template-columns:42px 1fr 42px 1fr}.duration-block{grid-column:1/-1}.brand-logo{width:44px;height:44px}}
.side-link{display:block;width:100%;text-decoration:none;text-align:left;padding:16px 18px;border-radius:13px;color:#152033;margin-bottom:8px}.side-link:hover{background:#eaf3ff;color:#006dff}.suggestion-card{margin-top:20px;padding:28px}.suggestion-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.suggestion-head h2{margin:0 0 8px;font-size:26px}.badge{background:#eaf3ff;color:#006dff;border:1px solid #cfe4ff;border-radius:999px;padding:8px 12px;font-weight:700;white-space:nowrap}.suggestion-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.suggestion-form label{display:grid;gap:8px;font-weight:700;color:#182234}.suggestion-form input,.suggestion-form select,.suggestion-form textarea{border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:#fff;color:#08111f}.suggestion-form textarea,.suggestion-form .protect-note,.suggestion-form button{grid-column:1/-1}.protect-note{background:#fff8e6;border:1px solid #ffe0a3;color:#6a4500;border-radius:14px;padding:14px;line-height:1.5}.hidden{display:none}.legal-page{min-height:100vh;background:linear-gradient(135deg,#fff,#eef7ff 55%,#fff);color:#08111f}.legal-shell{max-width:980px;margin:0 auto;padding:46px 22px}.legal-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:34px;margin:18px 0}.legal-card h1{font-size:42px;margin:0 0 10px}.legal-card h2{margin-top:26px}.legal-card p,.legal-card li{color:#34445c;line-height:1.7}.legal-top{display:flex;justify-content:space-between;align-items:center;background:#050505;color:#fff;padding:16px 24px}.legal-top a{color:#fff;text-decoration:none}.legal-logo{display:flex;gap:12px;align-items:center}.legal-logo img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:11px;padding:5px}@media(max-width:720px){.suggestion-form{grid-template-columns:1fr}.suggestion-head{display:block}.legal-card h1{font-size:31px}}
.case-modal{position:fixed;inset:0;z-index:100;background:rgba(3,8,18,.62);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:22px}.case-modal.show{display:flex}.case-modal-card{width:min(560px,100%);background:#fff;color:#08111f;border-radius:22px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.35);position:relative}.case-modal-card h2{margin:0 0 18px;font-size:28px}.modal-close{position:absolute;right:18px;top:14px;border:0;background:#eef3fb;color:#101827;border-radius:50%;width:38px;height:38px;font-size:24px}.case-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.case-summary-grid div{border:1px solid #dfe7f1;background:#f8fbff;border-radius:16px;padding:18px}.case-summary-grid small{display:block;color:#5f6f86;margin-bottom:8px}.case-summary-grid b{font-size:24px;color:#087bff;letter-spacing:.02em}.modal-note{background:#fff8e6;border:1px solid #ffe1a6;border-radius:14px;padding:14px;color:#5d4a1c}.case-tracker.running #startCase{background:#e8f6ee;color:#0a9f45}.case-tracker.stopped #endCase{background:#feecec;color:#d71930}
.case-toggle{border:0;background:#087bff;color:#fff;border-radius:999px;padding:12px 16px;font-weight:800;min-width:130px;box-shadow:0 10px 28px rgba(8,123,255,.28)}
.case-toggle.end{background:#d71930;box-shadow:0 10px 28px rgba(215,25,48,.25)}
.auth-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.auth-row input{padding:13px;border:1px solid var(--line);border-radius:12px;min-width:260px}.login-badge{background:#eef5ff;color:#087bff;border-radius:999px;padding:9px 13px;font-weight:700}.review-list{display:grid;gap:12px;margin-top:16px}.review-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.review-item b{display:block}.review-item small{color:var(--muted)}
.icu-panel{display:grid;gap:10px}.severity-high{color:#d71930;font-weight:800}.severity-med{color:#d98400;font-weight:800}.severity-ok{color:#0a9f45;font-weight:800}


/* === Patient Home retained upgrade === */
.patient-home-card,.clinical-library-card{margin-bottom:18px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(245,249,255,.96));color:#071225;border:1px solid rgba(3,25,54,.12)}
.patient-head{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}.patient-head h2{margin:0 0 6px;color:#071225}.patient-head p{margin:0;color:#475569;max-width:820px}.profile-form{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px}.profile-form label,.library-search{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#0f172a}.profile-form input,.profile-form select,.library-search input{border:1px solid #d7dee9;border-radius:14px;padding:12px 13px;background:#fff;color:#0f172a;font:inherit}.profile-cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-top:16px}.profile-card{background:#fff;border:1px solid #dbe4f0;border-radius:18px;padding:15px;box-shadow:0 10px 24px rgba(15,23,42,.06)}.profile-card small{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.profile-card b{display:block;margin-top:5px;color:#0369a1;font-size:22px}.profile-card span{display:block;margin-top:7px;color:#334155;font-size:13px;line-height:1.45}.profile-safety-note{margin-top:14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:12px 14px;font-weight:600}.clinical-tiles{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.clinical-tile{border:1px solid #dbe4f0;background:#fff;border-radius:16px;padding:14px;text-align:left;cursor:pointer;color:#0f172a;transition:.2s}.clinical-tile:hover{transform:translateY(-2px);border-color:#1583ff;box-shadow:0 14px 28px rgba(21,131,255,.12)}.clinical-tile b{display:block}.clinical-tile small{display:block;color:#64748b;margin-top:5px}.clinical-detail{margin-top:16px;border-radius:18px;background:#fff;color:#0f172a;border:1px solid #dbe4f0;padding:18px;line-height:1.6}.clinical-detail h3{margin:0 0 8px}.clinical-detail ul{margin:8px 0 0;padding-left:20px}.clinical-detail .quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.clinical-detail .quick-actions button{background:#eaf3ff;border:1px solid #bfdbfe;color:#075fb5;border-radius:999px;padding:8px 12px;cursor:pointer}.clinical-detail .quick-actions button:hover{background:#007aff;color:#fff}.badge{background:#e0f2fe;color:#075985;border-radius:999px;padding:8px 12px;font-weight:700;font-size:12px}@media(max-width:900px){.profile-form,.profile-cards,.clinical-tiles{grid-template-columns:1fr 1fr}}@media(max-width:560px){.profile-form,.profile-cards,.clinical-tiles{grid-template-columns:1fr}.patient-head{display:block}}

/* Final patient-profile first-screen fixes */
.unit-pair{display:flex;gap:8px;align-items:center;width:100%}
.unit-pair input{flex:1;min-width:0}
.unit-pair select{width:120px}
.patient-units-form{grid-template-columns:repeat(6,minmax(140px,1fr))}
.side-link.active-profile{background:#e8f2ff;color:#007aff;font-weight:800}
#patientHome{scroll-margin-top:110px}
@media(max-width:980px){.patient-units-form{grid-template-columns:repeat(2,minmax(130px,1fr))}.unit-pair select{width:96px}}
@media(max-width:560px){.patient-units-form{grid-template-columns:1fr}.unit-pair{flex-direction:row}}

/* === FINAL PHONE INTERFACE OPTIMIZATION === */
@media (max-width: 768px){
  html{font-size:15px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
  body{overflow-x:hidden;background:#f5f9ff;}
  .topbar{
    position:sticky;top:0;z-index:80;
    display:grid;grid-template-columns:1fr 48px;gap:10px;
    padding:10px 12px;background:#050505;
  }
  .brand-block{grid-column:1/2;min-width:0;}
  .brand-logo{width:42px;height:42px;border-radius:11px;flex:0 0 auto;}
  .brand-block strong{font-size:18px;line-height:1.05;}
  .brand-block small{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px;}
  .hamburger{display:block;grid-column:2/3;grid-row:1/2;width:48px;height:44px;position:static;font-size:20px;}
  .global-search{grid-column:1/-1;grid-row:2;height:48px;border-radius:14px;padding:0 14px;}
  .global-search input{font-size:15px;}
  .age-mode{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;width:100%;}
  .mode{padding:11px 8px;font-size:14px;white-space:nowrap;}
  .clock-24{grid-column:1/-1;grid-row:4;display:flex;justify-content:space-between;align-items:center;text-align:left;min-width:0;padding:10px 13px;}
  .clock-24 b{font-size:20px;}
  .case-tracker{grid-column:1/-1;grid-row:5;display:grid;grid-template-columns:1fr 1fr;gap:9px;border-left:0;padding-left:0;width:100%;}
  .case-toggle{grid-column:1/-1;width:100%;border-radius:14px;padding:14px 12px;font-size:16px;}
  .case-tracker>div{background:#111b2a;border:1px solid #26364f;border-radius:14px;padding:10px 12px;min-width:0;}
  .case-tracker small{font-size:11px;}
  .case-tracker b{font-size:16px;word-break:break-word;}
  .duration-block{grid-column:1/-1;}
  .app-shell{display:block;min-height:auto;}
  .sidebar{
    display:none;position:fixed;left:10px;right:10px;top:86px;bottom:12px;z-index:90;
    overflow:auto;padding:18px;border:1px solid #d8e2ef;border-radius:22px;
    background:rgba(255,255,255,.96);box-shadow:0 25px 70px rgba(0,0,0,.22);
  }
  .sidebar.open{display:block;}
  .cat,.side-link{padding:15px 16px;font-size:16px;margin-bottom:6px;}
  .notice{margin-top:18px;font-size:13px;}
  .workspace{padding:14px 12px 26px;}
  .breadcrumb{height:auto;min-height:50px;padding:12px 14px;border-radius:16px;gap:9px;font-size:14px;position:relative;z-index:1;}
  .quick-list{gap:8px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px;-webkit-overflow-scrolling:touch;}
  .chip{flex:0 0 auto;padding:9px 12px;font-size:14px;}
  .card{border-radius:20px;box-shadow:0 12px 32px rgba(15,23,42,.08);}
  .patient-home-card,.clinical-library-card,.calc-card,.result-card,.reference-card,.suggestion-card{padding:16px !important;margin-bottom:14px;}
  .patient-head{display:block;margin-bottom:14px;}
  .patient-head h2{font-size:22px;margin-bottom:6px;}
  .patient-head p{font-size:14px;line-height:1.5;}
  .badge{display:inline-block;margin-top:10px;white-space:normal;line-height:1.35;}
  .patient-units-form,.profile-form{display:grid;grid-template-columns:1fr;gap:12px;}
  .profile-form label,.library-search{font-size:14px;}
  .profile-form input,.profile-form select,.library-search input{min-height:48px;font-size:16px;border-radius:14px;}
  .unit-pair{display:grid;grid-template-columns:1fr 104px;gap:8px;}
  .unit-pair select{width:100%;}
  .profile-cards,.clinical-tiles{grid-template-columns:1fr;gap:10px;}
  .profile-card{padding:14px;border-radius:16px;}
  .profile-card b{font-size:20px;}
  .profile-safety-note{font-size:13px;line-height:1.45;}
  .clinical-tile{padding:14px;border-radius:16px;}
  .clinical-detail{padding:15px;border-radius:16px;font-size:14px;}
  .calculator-grid{display:grid;grid-template-columns:1fr;gap:14px;}
  .card-head{align-items:flex-start;}
  .card h1{font-size:24px;line-height:1.15;}
  .card p{font-size:14px;line-height:1.5;}
  .form-grid{gap:12px;margin-top:16px;}
  .field{display:grid;grid-template-columns:1fr;gap:7px;}
  .control{display:grid;grid-template-columns:1fr 98px;}
  .field input,.field select{height:48px;font-size:16px;}
  .action-row{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px;}
  .primary,.secondary{height:50px;border-radius:14px;font-size:15px;}
  .equation-box{padding:14px;border-radius:16px;overflow:auto;}
  .equation-box pre{font-size:13px;line-height:1.5;}
  .result-box{padding:15px;border-radius:16px;font-size:15px;overflow-wrap:anywhere;}
  .result-line{display:block;}
  .result-line b{display:block;margin-top:5px;font-size:22px;}
  .suggestions{left:12px;right:12px;top:154px;max-height:60vh;overflow:auto;}
  .case-modal{padding:14px;}
  .case-modal-card{border-radius:20px;padding:22px 16px;}
  .case-modal-card h2{font-size:23px;padding-right:44px;}
  .case-summary-grid{grid-template-columns:1fr;gap:10px;}
  .case-summary-grid b{font-size:22px;}
  .suggestion-head{display:block;}
  .suggestion-form{grid-template-columns:1fr;}
  .auth-row input{min-width:0;width:100%;}
  footer{padding:20px 14px;font-size:13px;}
}

@media (max-width: 380px){
  .brand-block strong{font-size:16px;}
  .brand-block small{max-width:170px;}
  .mode{font-size:13px;padding:10px 4px;}
  .control{grid-template-columns:1fr 88px;}
  .unit-pair{grid-template-columns:1fr 92px;}
  .case-tracker{grid-template-columns:1fr;}
}


/* App-level page routing fix */
.workspace:not(.calculator-view) .breadcrumb,
.workspace:not(.calculator-view) .quick-list{display:none;}
.page{display:none!important;}
.page.active{display:block!important;}
.calculator-grid.page.active{display:grid!important;}
.reference-card.page.active{display:block!important;}
.side-link.active-profile,.cat.active{background:#eaf3ff!important;color:#006dff!important;font-weight:700;}
@media(max-width:1080px){
  .workspace:not(.calculator-view) .breadcrumb,
  .workspace:not(.calculator-view) .quick-list{display:none!important;}
  .calculator-grid.page.active{display:grid!important;grid-template-columns:1fr!important;}
}

/* === Elite workflow upgrade: sticky patient context, mobile nav, emergency access === */
:root{
  --mc-bg:#05070a;
  --mc-surface:#111827;
  --mc-card:#ffffff;
  --mc-border:#dbe3ee;
  --mc-cyan:#06b6d4;
  --mc-green:#16a34a;
  --mc-amber:#f59e0b;
  --mc-red:#dc2626;
  --mc-blue:#0a84ff;
}
.patient-sticky-bar{
  position: sticky;
  top: 0;
  z-index: 900;
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 18px;
  background:rgba(8,13,22,.96);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(16px);
}
.patient-sticky-toggle{display:none;background:#111827;color:#e5eefc;border:1px solid #334155;border-radius:12px;padding:10px 12px;min-height:48px;font-weight:800}
.patient-sticky-items{display:flex;gap:10px;align-items:center;flex-wrap:wrap;width:100%}
.patient-sticky-items span{display:flex;align-items:center;gap:6px;background:#111827;border:1px solid #273449;border-radius:999px;padding:8px 12px;min-height:42px}
.patient-sticky-items small{text-transform:uppercase;letter-spacing:.08em;color:#93a4bb;font-size:10px}.patient-sticky-items b{font-size:14px;color:#fff}
.profile-form label input,.profile-form label select,button,.chip,.side-link,.cat{min-height:48px}.calc-card,.result-card,.profile-card,.card{transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}.calc-card:hover,.profile-card:hover{transform:translateY(-1px)}
.bottom-nav{display:none}.code-blue-fab{position:fixed;right:22px;bottom:24px;z-index:1200;background:linear-gradient(135deg,#ef4444,#991b1b);color:#fff;border:0;border-radius:999px;padding:16px 20px;font-weight:900;box-shadow:0 20px 50px rgba(220,38,38,.35);min-height:58px;letter-spacing:.03em}.code-blue-fab:hover{transform:translateY(-2px)}
.emergency-panel{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:1500;display:none;padding:24px;overflow:auto}.emergency-panel.open{display:block}.emergency-sheet{max-width:1060px;margin:auto;background:#fff;color:#111827;border-radius:24px;padding:26px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.35)}.emergency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.emergency-grid section{border:1px solid #e5e7eb;border-radius:18px;padding:16px;background:#f8fafc}.emergency-grid h3{margin-top:0;color:#b91c1c}.quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.quick-actions button,.mini-action{border:1px solid #cbd5e1;background:#fff;border-radius:14px;padding:12px 16px;min-height:48px;cursor:pointer}.quick-actions button:hover,.mini-action:hover{border-color:#0a84ff;color:#0a84ff}
.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr) 310px;gap:0}.right-panel{background:#f8fafc;border-left:1px solid #dbe3ee;padding:24px 16px;display:flex;flex-direction:column;gap:14px}.right-card{background:#fff;border:1px solid #dbe3ee;border-radius:18px;padding:16px;box-shadow:0 8px 30px rgba(15,23,42,.05)}.right-card h3{margin:0 0 8px}.emergency-note{border-color:#fecaca;background:#fff7f7}.workspace{min-width:0}.favorite-active{color:#f59e0b!important}.clinical-mode .card,.clinical-mode .profile-card,.clinical-mode .right-card{box-shadow:none!important;border-radius:8px!important}.clinical-mode{background:#000!important}.clinical-mode .topbar,.clinical-mode .patient-sticky-bar{background:#000!important}.clinical-mode .workspace,.clinical-mode .sidebar,.clinical-mode .right-panel{background:#000!important;color:#fff}.clinical-mode .card,.clinical-mode .result-card,.clinical-mode .calc-card{background:#050505!important;color:#fff!important;border-color:#444!important}.clinical-mode input,.clinical-mode select,.clinical-mode textarea{background:#fff!important;color:#000!important}.clinical-mode .equation-box{background:#fff!important;color:#000!important}.clinical-toggle{border:1px solid #334155;background:#0f172a;color:#fff;border-radius:12px;padding:10px 12px;min-height:48px}.accordion-lite{border:1px solid #dbe3ee;border-radius:16px;margin:12px 0;background:#fff}.accordion-lite summary{padding:16px;font-weight:800;cursor:pointer}.accordion-lite .inner{padding:0 16px 16px}.search-hint{position:fixed;left:50%;transform:translateX(-50%);top:92px;width:min(720px,calc(100vw - 30px));z-index:1300;background:#fff;color:#111827;border:1px solid #dbe3ee;border-radius:18px;box-shadow:0 18px 50px rgba(2,6,23,.22);overflow:hidden}.search-hint button{width:100%;display:flex;justify-content:space-between;gap:12px;padding:14px 18px;background:#fff;border:0;border-bottom:1px solid #eef2f7;text-align:left}.search-hint button:hover{background:#eff6ff}.search-hint small{color:#64748b}.fab-hidden{display:none!important}
@media(max-width:1180px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.right-panel{display:none}}
@media(max-width:760px){body{padding-bottom:86px}.topbar{gap:10px;overflow-x:auto}.brand-block small{display:none}.global-search{min-width:230px}.patient-sticky-bar{top:0;display:block;padding:8px 10px}.patient-sticky-toggle{display:flex;width:100%;align-items:center;justify-content:space-between}.patient-sticky-items{display:none;padding-top:8px;gap:8px}.patient-sticky-bar.open .patient-sticky-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.patient-sticky-items span{border-radius:14px;justify-content:space-between}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:1400;display:grid;grid-template-columns:repeat(6,1fr);background:rgba(5,7,10,.97);border-top:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);padding:6px 4px env(safe-area-inset-bottom)}.bottom-nav button{background:transparent;color:#e5eefc;border:0;border-radius:14px;min-height:56px;font-size:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.bottom-nav span{font-size:10px}.bottom-nav button:active,.bottom-nav button.active{background:#0a84ff}.code-blue-fab{right:12px;bottom:92px;min-height:58px;padding:14px 16px}.emergency-panel{padding:12px}.emergency-sheet{border-radius:20px;padding:18px}.emergency-grid{grid-template-columns:1fr}.app-shell{display:block}.workspace{padding:16px!important}.profile-form,.form-grid{grid-template-columns:1fr!important}.quick-list{overflow-x:auto;display:flex;flex-wrap:nowrap}.chip{flex:0 0 auto}.calculator-grid{grid-template-columns:1fr!important}.topbar .age-mode,.topbar .clock-24{flex:0 0 auto}.case-tracker{min-width:330px}.suggestions{left:10px!important;right:10px!important;width:auto!important}.search-hint{top:82px}}


/* === Mobile interface final fix: compact header, no clinical-mode button === */
.clinical-toggle{display:none!important;}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden;}
  body{padding-bottom:92px;}
  .topbar{
    position:sticky;top:0;z-index:1200;
    display:grid!important;
    grid-template-columns:1fr 60px!important;
    gap:10px!important;
    padding:12px 10px!important;
    background:#050505!important;
    overflow:visible!important;
  }
  .brand-block{grid-column:1/2;min-width:0;gap:10px;}
  .brand-block strong{font-size:22px;line-height:1;}
  .brand-logo{width:52px!important;height:52px!important;border-radius:15px;}
  .hamburger{grid-column:2/3;grid-row:1/2;position:static!important;display:flex!important;align-items:center;justify-content:center;width:58px;height:58px;margin-left:auto;border-radius:18px;font-size:26px;}
  .global-search{grid-column:1/-1;min-width:0!important;width:100%;height:58px;border-radius:18px;margin:0;}
  .global-search input{font-size:16px;width:100%;}
  .age-mode{grid-column:1/-1;width:100%;display:grid!important;grid-template-columns:repeat(3,1fr);gap:0;overflow:hidden;border-radius:18px;}
  .age-mode .mode{min-height:54px;font-size:16px;border-radius:14px;}
  .clock-24{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:56px;border-radius:16px;padding:10px 16px!important;text-align:left;}
  .clock-24 b{font-size:26px;letter-spacing:.03em;}
  .case-tracker{grid-column:1/-1;min-width:0!important;width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:8px;border-left:0!important;padding-left:0!important;}
  .case-toggle{grid-column:1/-1;min-height:56px;border-radius:18px;font-size:19px;}
  .case-tracker>div{min-width:0;background:#111827;border:1px solid #26334f;border-radius:16px;padding:10px 12px;}
  .case-tracker small{font-size:12px;color:#b7c3d7;}
  .case-tracker b{font-size:18px;white-space:nowrap;}
  .duration-block{grid-column:1/-1;}
  .patient-sticky-bar{position:sticky;top:0;z-index:1100;margin:0;border-radius:0;padding:8px 10px;background:#0b1220!important;}
  .patient-sticky-toggle{min-height:48px;border-radius:14px;font-size:18px;background:#111827;color:#f8fafc;border:1px solid #334155;}
  .patient-sticky-items{display:none;grid-template-columns:1fr 1fr;gap:8px;}
  .patient-sticky-bar.open .patient-sticky-items{display:grid;}
  .workspace{padding:12px!important;}
  .breadcrumb{border-radius:16px;padding:14px 16px;font-size:15px;}
  .quick-list{display:flex;overflow-x:auto;gap:8px;margin:12px 0 14px;padding-bottom:4px;}
  .chip{min-height:48px;white-space:nowrap;padding:11px 14px;font-size:15px;}
  .card,.calc-card,.result-card,.patient-home-card,.clinical-library-card,.suggestion-card{border-radius:18px!important;padding:16px!important;}
  .calculator-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;}
  .field{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .control{grid-template-columns:1fr 86px!important;}
  .field input,.field select,.control input,.control select{min-height:54px;font-size:18px;border-radius:14px;}
  .control input{border-radius:14px 0 0 14px!important;}
  .control select{border-radius:0 14px 14px 0!important;}
  .action-row{grid-template-columns:1fr!important;gap:10px;}
  button,.primary,.secondary{min-height:48px;}
  .code-blue-fab{width:74px!important;height:74px!important;min-height:74px!important;border-radius:50%!important;right:12px!important;bottom:96px!important;padding:8px!important;font-size:13px!important;line-height:1.05;box-shadow:0 12px 30px rgba(220,38,38,.35);}
  .bottom-nav{height:auto;min-height:76px;}
  .bottom-nav button{min-height:62px;font-size:20px;}
  .bottom-nav span{font-size:11px;}
  .sidebar.open{position:fixed;left:0;top:0;bottom:0;width:min(86vw,330px);z-index:1500;display:block!important;overflow:auto;box-shadow:20px 0 50px rgba(0,0,0,.35);}
  .search-hint{top:136px!important;max-height:55vh;overflow:auto;}
}
@media(max-width:390px){
  .brand-block strong{font-size:20px}.brand-logo{width:48px!important;height:48px!important}.hamburger{width:54px;height:54px}.clock-24 b{font-size:23px}.case-tracker b{font-size:16px}.bottom-nav span{font-size:10px}.bottom-nav button{font-size:18px}.code-blue-fab{width:66px!important;height:66px!important;font-size:12px!important;}
}

/* === Cross-platform input fix: calculator values stay editable and sync with patient profile === */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
input[type=number]{ appearance:textfield; -moz-appearance:textfield; min-width:0; }
.control{grid-template-columns:minmax(0,1fr) minmax(62px,auto)!important;}
.unit-display{height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-left:0;border-radius:0 12px 12px 0;background:#f8fafc;color:#0f172a;padding:0 12px;font-weight:700;white-space:nowrap;pointer-events:none;}
.control input{min-width:0!important;width:100%!important;}
@media(max-width:760px){.field{gap:8px!important}.control{grid-template-columns:minmax(0,1fr) minmax(54px,auto)!important}.unit-display{height:48px;padding:0 10px}.field input,.field select{font-size:16px!important}}


/* Final SEO/review/case-save polish */
.thank-you-note{margin-top:14px;border-radius:14px;background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;padding:12px 14px;font-weight:700;display:none}.thank-you-note.show{display:block}.case-record-card{margin-top:20px;padding:28px}.case-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.case-record-list{display:grid;gap:12px;margin-top:14px}.case-record-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.case-record-item b{display:block;color:#08111f}.case-record-item small{color:var(--muted)}.danger-soft{color:#b91c1c;border-color:#fecaca;background:#fff5f5}@media(max-width:720px){.case-record-card{padding:16px}.case-actions{display:grid;grid-template-columns:1fr}.case-actions button{width:100%}}

/* === Auto Case Records + Home Equation Guide Upgrade === */
.home-equation-guide{margin-top:18px;background:linear-gradient(145deg,#ffffff,#f5f9ff);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}
.compact-head{margin-bottom:14px}.equation-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.equation-guide-grid article{background:#fff;border:1px solid #dbe4f0;border-radius:18px;padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.05)}.equation-guide-grid h3{margin:0 0 10px;color:#073b7a}.equation-guide-grid p{margin:8px 0;color:#334155;line-height:1.5;font-size:14px}.case-meta-form,.case-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.case-meta-form label,.case-edit-grid label{display:grid;gap:7px;font-weight:700;color:#172033}.case-meta-form input,.case-edit-grid input{border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:#fff;color:#08111f}.case-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.case-record-list{display:grid;gap:12px;margin-top:16px}.case-record-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.case-record-item.running-record{border-color:#0a84ff;background:#f0f7ff}.case-record-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.small-btn{height:38px!important;min-height:38px!important;padding:0 12px;border-radius:10px}.danger-soft{border-color:#fecaca!important;color:#b91c1c!important;background:#fff7f7!important}.thank-you-note{display:none;margin:12px 0;padding:13px 15px;border-radius:14px;background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;font-weight:700}.thank-you-note.show{display:block}
@media(max-width:1080px){.equation-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-meta-form,.case-edit-grid{grid-template-columns:1fr}}
@media(max-width:760px){.home-equation-guide{padding:16px;border-radius:18px}.equation-guide-grid{grid-template-columns:1fr}.equation-guide-grid article{padding:14px;border-radius:16px}.case-record-top{display:block}.small-btn{margin-top:10px;width:100%}.case-actions{display:grid;grid-template-columns:1fr}.case-meta-form input,.case-edit-grid input{min-height:52px;font-size:16px}}


/* === Home-only anesthesia reference expansion === */
.home-equation-guide{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}
.home-ref-block{background:#fff;border:1px solid #dbe4f0;border-radius:18px;margin:14px 0;padding:0;overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.home-ref-block>summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:900;color:#071225;background:linear-gradient(135deg,#f8fbff,#eef6ff)}
.home-ref-block>summary::-webkit-details-marker{display:none}.home-ref-block>summary:before{content:'▸';display:inline-block;margin-right:10px;transition:.2s}.home-ref-block[open]>summary:before{transform:rotate(90deg)}
.home-ref-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}.home-ref-grid.dense{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-ref-grid article,.syndrome-card{border:1px solid #e1e9f3;border-radius:16px;background:#fff;padding:14px;min-height:120px}.home-ref-grid h3,.syndrome-card h3{margin:0 0 8px;color:#075fb5}.home-ref-grid p,.syndrome-card p,.mini-note{margin:0;color:#334155;line-height:1.55;font-size:14px}
.check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px}.check-grid.wide{grid-template-columns:repeat(6,minmax(0,1fr))}.check-grid span{background:#f8fbff;border:1px solid #dbeafe;border-radius:999px;padding:10px 12px;text-align:center;font-weight:800;color:#0f172a}
.formula-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}.formula-card-grid details{border:1px solid #dbe4f0;border-radius:16px;background:#fff;padding:13px}.formula-card-grid summary{cursor:pointer;font-weight:900;color:#075fb5}.formula-card-grid p{color:#0f172a;font-weight:700;line-height:1.45}.syndrome-search{display:grid;gap:8px;padding:16px 16px 0;font-weight:800}.syndrome-search input{border:1px solid #d7dee9;border-radius:14px;padding:13px 14px;background:#fff;color:#0f172a}.syndrome-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.strong-disclaimer{font-weight:800;border-color:#fdba74!important;background:#fff7ed!important}.compact-head{margin-top:6px}.blocks-list span{border-radius:14px}
@media(max-width:1080px){.home-ref-grid,.home-ref-grid.dense,.formula-card-grid,.syndrome-list{grid-template-columns:repeat(2,minmax(0,1fr))}.check-grid,.check-grid.wide{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.home-ref-grid,.home-ref-grid.dense,.formula-card-grid,.syndrome-list{grid-template-columns:1fr}.check-grid,.check-grid.wide{grid-template-columns:1fr 1fr}.home-ref-block>summary{padding:16px;font-size:15px}.home-ref-grid,.check-grid,.formula-card-grid,.syndrome-list{padding:12px}.check-grid span{border-radius:14px;font-size:13px}.home-equation-guide .patient-head h2{font-size:21px}}


/* === FINAL AAFY FIX: remove horizontal cut-off and make patient fields visible on all devices === */
#clinicalLibrary,
a[href="#clinicalLibrary"],
button[data-nav="clinicalLibrary"]{
  display:none!important;
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

.topbar,
.app-shell,
.workspace,
.patient-home-card,
.profile-form,
.patient-units-form,
.calculator-grid,
.card {
  min-width: 0;
}

.patient-units-form,
.profile-form.patient-units-form {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 12px !important;
  align-items: end;
  width: 100%;
}

.patient-units-form .patient-field,
.profile-form.patient-units-form label {
  min-width: 0 !important;
  width: 100% !important;
  overflow: visible !important;
}

.patient-units-form input,
.patient-units-form select {
  width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}

.patient-units-form .unit-pair {
  display: grid !important;
  grid-template-columns: minmax(88px, 1fr) minmax(76px, 92px) !important;
  gap: 8px !important;
  width: 100% !important;
  align-items: stretch !important;
}

.patient-units-form .unit-pair input,
.patient-units-form .unit-pair select {
  min-width: 0 !important;
  width: 100% !important;
}

.patient-home-card {
  overflow: visible !important;
}

.workspace {
  overflow-x: hidden !important;
}

/* Desktop: keep the same look but avoid cramped/cut fields */
@media (min-width: 1181px) {
  .app-shell {
    grid-template-columns: 280px minmax(0, 1fr) 310px !important;
  }
  .patient-units-form,
  .profile-form.patient-units-form {
    grid-template-columns: repeat(4, minmax(160px, 1fr)) !important;
  }
}

/* Medium screens */
@media (max-width: 1180px) {
  .app-shell {
    grid-template-columns: 260px minmax(0, 1fr) !important;
  }
  .patient-units-form,
  .profile-form.patient-units-form {
    grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
  }
}

/* Tablets and phones */
@media (max-width: 900px) {
  .patient-units-form,
  .profile-form.patient-units-form {
    grid-template-columns: repeat(2, minmax(145px, 1fr)) !important;
  }
  .patient-units-form .unit-pair {
    grid-template-columns: minmax(90px, 1fr) 86px !important;
  }
}

/* Small phones */
@media (max-width: 560px) {
  .patient-units-form,
  .profile-form.patient-units-form {
    grid-template-columns: 1fr !important;
  }
  .patient-units-form .unit-pair {
    grid-template-columns: minmax(120px, 1fr) 90px !important;
  }
  .workspace {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* Header compact protection for laptop widths like the screenshot */
@media (min-width: 1081px) and (max-width: 1450px) {
  .topbar {
    grid-template-columns: 245px minmax(220px, 1fr) auto auto minmax(360px, auto) 0px !important;
    gap: 14px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .case-tracker {
    gap: 10px !important;
  }
  .brand-block strong {
    font-size: 21px !important;
  }
}

/* Keep cards readable without horizontal page scroll */
.profile-cards,
.auto-clinical-cards {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
}

.right-panel {
  min-width: 0;
  overflow: hidden;
}

.right-card {
  overflow-wrap: anywhere;
}



/* === NEXT-GEN CLINICAL MODULES === */
.module-card{
  margin-top:20px;
  padding:28px;
  overflow:hidden;
}
.module-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px;
  margin-top:18px;
}
.module-grid label{
  display:grid;
  gap:8px;
  font-weight:700;
  color:#182234;
}
.module-grid input,.module-grid select,.module-grid textarea,.note-output{
  width:100%;
  border:1px solid var(--line);
  border-radius:12px;
  padding:13px 14px;
  background:#fff;
  color:#08111f;
  min-height:50px;
}
.smart-output{
  margin-top:16px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:18px;
  line-height:1.6;
  color:#0f172a;
  overflow-wrap:anywhere;
}
.smart-output.critical{border-color:#fecaca;background:#fff1f2;color:#991b1b}
.smart-output.warning{border-color:#fde68a;background:#fffbeb;color:#92400e}
.smart-output.safe{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
.checklist-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:10px;
  margin-top:18px;
}
.check-item{
  display:flex;
  gap:10px;
  align-items:flex-start;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
  font-weight:700;
}
.check-item input{width:20px;height:20px;accent-color:#087bff;flex:0 0 auto}
.note-output{
  margin-top:16px;
  min-height:190px;
  line-height:1.6;
  resize:vertical;
}
.score-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.score-tab{
  border:1px solid var(--line);
  background:#fff;
  border-radius:999px;
  padding:11px 16px;
  font-weight:800;
}
.score-tab.active{
  background:#087bff;
  color:#fff;
  border-color:#087bff;
}
.algorithm-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:14px;
  margin-top:18px;
}
.algorithm-grid details{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
}
.algorithm-grid summary{
  font-weight:900;
  cursor:pointer;
}
.alert-card{
  border-left:6px solid #16a34a!important;
}
.alert-card.warning{
  border-left-color:#f59e0b!important;
  background:#fffbeb!important;
}
.alert-card.critical{
  border-left-color:#dc2626!important;
  background:#fff1f2!important;
}
@media(max-width:760px){
  .module-card{padding:16px!important;margin-top:14px}
  .module-grid,.checklist-grid,.algorithm-grid{grid-template-columns:1fr!important}
  .score-tabs{overflow-x:auto;flex-wrap:nowrap}
  .score-tab{flex:0 0 auto}
}

/* NAVIGATION + MOBILE FIX PATCH */
html,body{
 overflow-x:hidden!important;
 max-width:100%!important;
}
.workspace{
 min-width:0!important;
 width:100%!important;
 overflow:hidden!important;
}
.card{
 scroll-margin-top:110px;
}
.side-link,.cat{
 cursor:pointer;
}
@media(max-width:900px){
 .app-shell{
   display:block!important;
 }
 .sidebar{
   width:100%!important;
   max-width:100%!important;
   overflow-x:auto!important;
   white-space:nowrap!important;
   padding-bottom:10px!important;
 }
 .sidebar .side-link,
 .sidebar .cat{
   display:inline-flex!important;
   width:auto!important;
   margin:4px!important;
 }
 .workspace{
   width:100%!important;
   padding:12px!important;
 }
 .patient-home-card{
   width:100%!important;
   overflow:hidden!important;
 }
 .patient-units-form{
   grid-template-columns:1fr 1fr!important;
 }
 .patient-units-form .unit-pair{
   grid-template-columns:1fr 78px!important;
 }
 .calculator-grid{
   grid-template-columns:1fr!important;
 }
 .profile-cards{
   grid-template-columns:1fr!important;
 }
 .right-panel{
   width:100%!important;
   margin-top:16px!important;
 }
 .topbar{
   display:flex!important;
   flex-wrap:wrap!important;
   gap:10px!important;
 }
 .global-search{
   width:100%!important;
   order:10!important;
 }
}
@media(max-width:560px){
 .patient-units-form{
   grid-template-columns:1fr!important;
 }
 .topbar{
   padding:10px!important;
 }
 .case-tracker{
   width:100%!important;
   overflow:auto!important;
 }
}

/* WORKSPACE TAB STYLE FIX */
.active-workspace-section{
  animation:fadeWorkspace .18s ease;
}
@keyframes fadeWorkspace{
  from{opacity:.4;transform:translateY(6px)}
  to{opacity:1;transform:none}
}

/* FINAL STABILITY PATCH */
.workspace > section{
  width:100%;
  min-width:0;
}

.active-workspace-section{
  display:block!important;
  animation:workspaceFade .16s ease;
}

@keyframes workspaceFade{
  from{
    opacity:.5;
    transform:translateY(4px);
  }
  to{
    opacity:1;
    transform:none;
  }
}

@media(max-width:900px){
  .workspace{
    padding:12px!important;
  }

  .sidebar{
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }

  .sidebar::-webkit-scrollbar{
    height:4px;
  }

  .side-link,
  .cat{
    flex:0 0 auto!important;
  }
}


/* === AAFY FINAL PAGE ISOLATION PATCH === */
.workspace > .page,
.workspace > .reference-card.page{
  display:none!important;
}

.workspace > .page.active{
  display:block!important;
}

.workspace > .calculator-grid.page.active{
  display:grid!important;
  grid-template-columns:1.2fr 1fr;
}

.workspace.calculator-view > .reference-card.page.active{
  display:block!important;
}

.workspace:not(.calculator-view) .breadcrumb,
.workspace:not(.calculator-view) .quick-list{
  display:none!important;
}

.workspace.calculator-view .breadcrumb,
.workspace.calculator-view .quick-list{
  display:flex!important;
}

.workspace > section{
  width:100%;
  min-width:0;
}

.active-workspace-section{
  animation:aafyPageIn .14s ease;
}

@keyframes aafyPageIn{
  from{opacity:.5;transform:translateY(4px)}
  to{opacity:1;transform:none}
}

@media(max-width:1080px){
  .workspace > .calculator-grid.page.active{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:760px){
  .workspace{
    width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    padding:12px!important;
  }
  .workspace > .page.active{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .patient-home-card,
  .calc-card,
  .result-card,
  .module-card,
  .review-card,
  .case-record-card,
  .suggestion-card{
    width:100%!important;
    max-width:100%!important;
  }
  .patient-units-form{
    grid-template-columns:1fr!important;
  }
  .module-grid,
  .checklist-grid,
  .algorithm-grid{
    grid-template-columns:1fr!important;
  }
  .bottom-nav{
    z-index:3000!important;
  }
}


/* === AAFY MOBILE FINAL FIX: vertical categories + direct calculator view === */
@media (max-width: 760px){
  html, body{
    overflow-x:hidden!important;
    max-width:100%!important;
  }

  /* Top header should not consume whole first screen on mobile */
  .topbar{
    position:relative!important;
    top:auto!important;
    display:grid!important;
    grid-template-columns:1fr 52px!important;
    gap:8px!important;
    padding:10px!important;
    z-index:100!important;
  }

  .brand-block{
    grid-column:1/2!important;
  }

  .hamburger{
    grid-column:2/3!important;
    grid-row:1/2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:static!important;
  }

  .global-search{
    grid-column:1/-1!important;
    min-width:0!important;
    width:100%!important;
    height:48px!important;
  }

  .age-mode{
    grid-column:1/-1!important;
    width:100%!important;
  }

  .clock-24{
    grid-column:1/-1!important;
    min-height:46px!important;
  }

  .case-tracker{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .case-toggle{
    grid-column:1/-1!important;
  }

  .case-tracker > div{
    min-width:0!important;
  }

  /* Patient sticky should not block calculator after clicking bottom nav */
  .patient-sticky-bar{
    position:relative!important;
    top:auto!important;
    z-index:50!important;
  }

  body.mobile-calculator-focus .patient-sticky-bar{
    display:none!important;
  }

  body.mobile-calculator-focus .topbar{
    display:none!important;
  }

  /* Sidebar menu must look like proper vertical list */
  .sidebar.open{
    display:block!important;
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:10px!important;
    bottom:88px!important;
    width:auto!important;
    max-width:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    white-space:normal!important;
    padding:20px!important;
    border-radius:22px!important;
    z-index:4000!important;
  }

  .sidebar.open .side-title{
    display:block!important;
    margin:0 0 14px!important;
  }

  .sidebar.open .side-link,
  .sidebar.open .cat{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    margin:0 0 8px!important;
    padding:15px 16px!important;
    justify-content:flex-start!important;
    align-items:center!important;
    flex:initial!important;
  }

  .sidebar.open .notice{
    display:block!important;
    width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    margin-top:16px!important;
  }

  .workspace{
    padding:12px!important;
    overflow-x:hidden!important;
  }

  .workspace.calculator-view{
    padding-top:12px!important;
  }

  .workspace.calculator-view .breadcrumb{
    display:flex!important;
    margin-top:0!important;
  }

  .workspace.calculator-view .quick-list{
    display:flex!important;
    margin-top:10px!important;
    margin-bottom:14px!important;
  }

  .calculator-grid.page.active{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  body.mobile-calculator-focus .app-shell{
    padding-top:0!important;
  }

  body.mobile-calculator-focus .workspace{
    padding-top:10px!important;
  }

  .bottom-nav{
    z-index:5000!important;
  }
}

/* Desktop/tablet unaffected */
@media (min-width:761px){
  body.mobile-calculator-focus .topbar,
  body.mobile-calculator-focus .patient-sticky-bar{
    display:inherit;
  }
}


/* === AAFY OLD CATEGORY LIST STYLE RESTORE + NEW CONTENTS === */
@media (max-width: 760px){
  .sidebar.open{
    display:block!important;
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:84px!important;
    width:min(78vw, 340px)!important;
    right:auto!important;
    max-width:340px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    white-space:normal!important;
    padding:28px 18px!important;
    border-radius:0 24px 24px 0!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:20px 0 60px rgba(0,0,0,.28)!important;
    z-index:4500!important;
  }

  .sidebar.open .side-title{
    display:block!important;
    text-transform:uppercase!important;
    letter-spacing:.12em!important;
    color:#68778e!important;
    font-size:13px!important;
    margin:8px 0 18px!important;
    white-space:normal!important;
  }

  .sidebar.open .side-link,
  .sidebar.open .cat{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    text-align:left!important;
    margin:0 0 10px!important;
    padding:15px 16px!important;
    border-radius:14px!important;
    background:transparent!important;
    color:#152033!important;
    font-size:18px!important;
    line-height:1.25!important;
    flex:none!important;
  }

  .sidebar.open .side-link.active-profile,
  .sidebar.open .cat.active{
    background:#e8f2ff!important;
    color:#007aff!important;
    font-weight:800!important;
  }

  .sidebar.open .notice{
    display:block!important;
    width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    margin:22px 0 10px!important;
    border-radius:16px!important;
    padding:18px!important;
    background:#eef6ff!important;
    color:#33445e!important;
    line-height:1.5!important;
  }

  .sidebar.open::-webkit-scrollbar{
    width:4px!important;
  }

  .sidebar.open::-webkit-scrollbar-thumb{
    background:#cbd5e1!important;
    border-radius:10px!important;
  }

  /* prevent old horizontal category override */
  .sidebar.open .side-link,
  .sidebar.open .cat{
    flex-direction:row!important;
  }
}



}

/* Supabase auth/review security polish - no UI break */
.auth-box{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.auth-box .secondary{min-height:44px}.review-item{background:#fff;border:1px solid #dbe4f0;border-radius:16px;padding:14px;margin:10px 0;box-shadow:0 8px 22px rgba(15,23,42,.05)}.review-item small{color:#64748b}.result-card{position:sticky;top:118px;align-self:start}.abnormal-warn{border-color:#f59e0b!important;box-shadow:0 0 0 3px rgba(245,158,11,.16)!important}.abnormal-danger{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.16)!important}.install-banner{position:fixed;left:18px;right:18px;bottom:82px;z-index:1000;background:#0b1220;color:#fff;border:1px solid #334155;border-radius:18px;padding:14px;display:none;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.install-banner button{min-height:44px;border:0;border-radius:12px;padding:10px 14px;background:#0a84ff;color:#fff;font-weight:800}@media(max-width:768px){.result-card{position:static}.auth-box{display:grid;grid-template-columns:1fr}.install-banner{bottom:86px}}