#infertility-desk-page {
  /* Pastel Light Theme */
  --bg: #f5f7fb;
  --page: #f5f7fb;
  --canvas: rgba(255, 255, 255, 0.45);
  --canvas2: rgba(241, 245, 249, 0.45);
  --text-main: #0f172a;
  --text-muted: #64748b;
  --soft: #94a3b8;
  --border-color: rgba(0, 0, 0, 0.08);
  --border2: rgba(0, 0, 0, 0.04);
  --accent: #8a5cf6;
  --accent-d: #7c3aed;
  --accent-soft: rgba(138, 92, 246, 0.08);
  --accent-text: #7c3aed;
  --cc: #ff758f;
  --cc-soft: rgba(255, 117, 143, 0.1);
  --hx: #06b6d4;
  --hx-soft: rgba(6, 182, 212, 0.08);
  --med: #10b981;
  --med-soft: rgba(16, 185, 129, 0.08);
  --lab: #d946ef;
  --lab-soft: rgba(217, 70, 239, 0.08);
  --male: #3a86ff;
  --male-soft: rgba(58, 134, 255, 0.12);
  --female: #ff758f;
  --female-soft: rgba(255, 117, 143, 0.12);
  --success: #10b981;
  --danger: #ef4444;
  --warn: #f59e0b;
  --warn-soft: rgba(245, 158, 11, 0.08);
  --radius: 16px;
  --shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.04);
}

[data-theme="dark"] #infertility-desk-page {
  /* Pastel Dark Theme */
  --bg: #090e1a;
  --page: #090e1a;
  --canvas: rgba(17, 26, 44, 0.45);
  --canvas2: rgba(15, 23, 42, 0.45);
  --text-main: #e7ecf3;
  --text-muted: #93a1b5;
  --soft: #64748b;
  --border-color: rgba(255, 255, 255, 0.08);
  --border2: rgba(255, 255, 255, 0.04);
  --accent-soft: rgba(138, 92, 246, 0.15);
  --accent-text: #c4b5fd;
  --cc-soft: rgba(255, 117, 143, 0.2);
  --hx-soft: rgba(6, 182, 212, 0.15);
  --med-soft: rgba(16, 185, 129, 0.15);
  --lab-soft: rgba(217, 70, 239, 0.15);
  --male-soft: rgba(58, 134, 255, 0.2);
  --female-soft: rgba(255, 117, 143, 0.2);
  --warn-soft: rgba(245, 158, 11, 0.15);
}


#infertility-desk-page {

  
  *{box-sizing:border-box}
  html,body{margin:0;height:100%}
  body{font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--page);color:var(--text-main);font-size:13.5px;line-height:1.45;-webkit-font-smoothing:antialiased}
  h1,h2,h3,h4,.brand-title,.page-header h2{font-family:"Outfit",sans-serif}
  .app-container{display:flex;min-height:100vh}

  /* SIDEBAR */
  .sidebar{width:74px;flex:0 0 74px;background:var(--canvas);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:16px 12px;position:sticky;top:0;height:100vh;z-index:60;overflow:hidden;transition:width .2s cubic-bezier(.4,0,.2,1),flex-basis .2s cubic-bezier(.4,0,.2,1)}
  .sidebar:hover,.sidebar:focus-within{width:236px;flex:0 0 236px;box-shadow:10px 0 34px rgba(16,24,40,.13)}
  .sidebar .brand-title{white-space:nowrap;transition:opacity .14s}
  .sidebar:not(:hover):not(:focus-within) .brand-title{opacity:0}
  .sidebar:not(:hover):not(:focus-within) .brand-section{justify-content:center}
  .sidebar:not(:hover):not(:focus-within) .nav-link{justify-content:center;padding-left:0;padding-right:0}
  .sidebar:not(:hover):not(:focus-within) .nl-label,.sidebar:not(:hover):not(:focus-within) .nav-link .step-dot,.sidebar:not(:hover):not(:focus-within) .profile-meta{opacity:0;width:0;flex:0 0 0;overflow:hidden}
  .sidebar:not(:hover):not(:focus-within) .sidebar-footer{flex-direction:column;gap:10px}
  .nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
  .nl-label{white-space:nowrap;overflow:hidden;flex:1;transition:opacity .14s}
  .brand-section{display:flex;gap:11px;align-items:flex-start;padding:4px 6px 14px;border-bottom:1px solid var(--border2)}
  .brand-logo{width:40px;height:40px;border-radius:12px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#fff));color:#fff}
  .brand-logo i{width:21px;height:21px}
  .brand-title{font-weight:800;font-size:15.5px;line-height:1.15;color:var(--text-main)}
  .brand-title span{display:block;font-family:"Plus Jakarta Sans";font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;font-weight:600;margin-top:3px}
  .nav-menu{list-style:none;padding:12px 0 0;margin:0;display:flex;flex-direction:column;gap:3px;flex:1}
  .nav-link{display:flex;gap:11px;align-items:center;padding:9px 12px;border-radius:10px;color:var(--text-muted);font-weight:600;font-size:13px;cursor:pointer;border:1px solid transparent;position:relative}
  .nav-link i{width:18px;height:18px}
  .nav-link:hover{background:var(--bg)}
  .nav-link.active{background:var(--accent-soft);color:var(--accent-d);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}
  .nav-link .step-dot{margin-left:auto;width:18px;height:18px;border-radius:50%;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--soft)}
  .nav-link .step-dot.done{background:var(--med-soft);color:var(--med)}
  .nav-link .step-dot.cur{background:var(--accent);color:#fff}
  .sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid var(--border2)}
  .profile-info{display:flex;gap:10px;align-items:center;min-width:0}
  .avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-d));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;flex:0 0 34px}
  .profile-meta .name{font-weight:700;font-size:12px}
  .profile-meta .role{font-size:10px;color:var(--text-muted)}
  .icon-btn{width:32px;height:32px;border-radius:9px;border:1px solid var(--border-color);background:var(--canvas);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}
  .icon-btn i{width:16px;height:16px}

  /* ===== Access gates (Terms + Sign-in) ===== */
  .gate{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--page)}
  .gate.gate-blur{z-index:10001;background:rgba(8,12,22,.66);backdrop-filter:blur(5px)}
  .gate.hidden{display:none}
  .gate-card{background:var(--canvas);border:1px solid var(--border-color);border-radius:18px;padding:24px 24px 22px;max-width:460px;width:100%;box-shadow:0 24px 70px rgba(8,12,22,.4)}
  .gate-card h2{font-family:"Outfit",sans-serif;font-weight:800;font-size:19px;margin:0 0 4px;display:flex;align-items:center;gap:9px;color:var(--text-main)}
  .gate-card h2 i{width:20px;height:20px;color:var(--accent)}
  .gate-sub{color:var(--text-muted);font-size:13px;margin-bottom:14px}
  .gate-logo{width:48px;height:48px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
  .gate-logo i{width:24px;height:24px}
  .gate-warn{background:var(--warn-soft);color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent);border-radius:11px;padding:10px 12px;font-size:12.5px;line-height:1.5;margin-bottom:12px}
  .gate-list{margin:0 0 14px;padding-left:18px;color:var(--text-muted);font-size:12.5px;line-height:1.55}
  .gate-list li{margin-bottom:6px}
  .gate-list b{color:var(--text-main)}
  .gate-accept{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:var(--text-main);background:var(--bg);border:1px solid var(--border-color);border-radius:11px;padding:11px 12px;cursor:pointer}
  .gate-accept input{width:auto;margin:2px 0 0;flex:0 0 auto}
  .gate-row{display:flex;justify-content:flex-end;margin-top:14px}
  .gate-google{width:100%;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:11px;padding:11px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:14px;cursor:pointer;font-family:inherit;margin:16px 0 4px}
  .gate-google:hover{background:#f8f9fa}
  .gate-err{display:none;color:var(--danger);font-size:13px;margin-top:8px;font-weight:600}
  .gate-or{margin:16px 0 11px;color:var(--text-muted);font-size:11.5px;font-weight:700;letter-spacing:.2px}

  /* MAIN */
  .main-content{flex:1;min-width:0;display:flex;flex-direction:column}
  .top-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--canvas) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);padding:9px 22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  .couple-pick{display:flex;align-items:center;gap:8px}
  .couple-pick select{min-width:230px}
  .couple-tag{display:inline-flex;align-items:center;gap:8px;background:var(--accent-soft);color:var(--accent-d);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:20px;padding:6px 13px;font-weight:700;font-size:12.5px}
  .couple-tag i{width:14px;height:14px}
  .stage-pill{margin-left:auto;display:inline-flex;align-items:center;gap:7px;background:var(--bg);border:1px solid var(--border-color);border-radius:20px;padding:6px 13px;font-weight:700;font-size:12px;color:var(--text-muted)}
  .stage-pill b{color:var(--accent-d)}
  .color-theme-picker{display:flex;align-items:center;gap:7px;border:1px solid var(--border-color);padding:5px 10px;border-radius:20px;background:var(--canvas)}
  .color-theme-picker>span{font-size:11px;color:var(--text-muted);font-weight:600}
  .color-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--canvas);box-shadow:0 0 0 1px var(--border-color);cursor:pointer;padding:0}
  .color-dot.on{box-shadow:0 0 0 2px var(--accent)}

  .page-container{padding:18px 22px 120px;max-width:1240px;width:100%;margin:0 auto}
  .page-header{display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}
  .page-header h2{margin:0;font-size:20px;font-weight:800}
  .page-header p{margin:2px 0 0;color:var(--text-muted);font-size:12.5px}
  .page-header .right{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}

  .section-card{background:var(--canvas);border:1px solid var(--border-color);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px;box-shadow:0 1px 3px rgba(16,24,40,.05),0 10px 28px rgba(16,24,40,.07)}
  .card-title-row{display:flex;align-items:center;gap:9px;margin:0 0 11px}
  .card-title-row h3{margin:0;font-size:14.5px;font-weight:750;display:flex;align-items:center;gap:8px}
  .card-title-row h3 i{width:18px;height:18px;color:var(--accent)}
  .card-title-row .right{margin-left:auto;display:flex;gap:8px}
  .sectsub{font-size:10.5px;color:var(--soft);text-transform:uppercase;letter-spacing:.6px;font-weight:800;margin:14px 0 8px}
  .sectsub:first-child{margin-top:0}
  .partner-band{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:3px 10px;border-radius:12px}
  .partner-band.f{background:var(--female-soft);color:var(--female)}
  .partner-band.m{background:var(--male-soft);color:var(--male)}
  .section-card.female{border-top:3px solid var(--female)}
  .section-card.male{border-top:3px solid var(--male)}

  .fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
  .fgrid.wide{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
  label.fld{display:flex;flex-direction:column;gap:4px;font-size:10.5px;color:var(--text-muted);font-weight:600}
  input,select,textarea{font-family:inherit;font-size:13px;border:1px solid var(--border-color);border-radius:9px;padding:8px 10px;background:var(--bg);color:var(--text-main);width:100%}
  input::placeholder,textarea::placeholder{color:var(--soft)}
  input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
  textarea{resize:vertical;min-height:42px}
  select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='3'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}

  .btn{border:0;border-radius:11px;padding:9px 15px;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:.12s;font-family:inherit}
  .btn i{width:15px;height:15px}
  .btn:active{transform:translateY(1px)}
  .btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-d)}
  .btn-success{background:var(--success);color:#fff}
  .btn-secondary{background:var(--bg);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--canvas2)}
  .btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border-color)}
  .btn.sm{padding:7px 12px;font-size:12.5px}
  .btn[disabled]{opacity:.45;cursor:not-allowed}
  .seg{display:inline-flex;background:var(--canvas2);border:1px solid var(--border-color);border-radius:10px;padding:3px;gap:2px}
  .seg-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--text-muted);font-family:inherit;font-weight:700;font-size:12.5px;padding:6px 13px;border-radius:8px;cursor:pointer}
  .seg-btn i{width:15px;height:15px}
  .seg-btn.on{background:var(--accent);color:#fff;box-shadow:0 1px 4px rgba(124,58,237,.35)}

  /* CAPSULES */
  .caps{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
  .cap-clear{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;border:1px dashed var(--border-color);background:transparent;color:var(--soft);border-radius:18px;padding:6px 11px;margin-left:2px;cursor:pointer;font-family:inherit;line-height:1;transition:.12s}
  .cap-clear i{width:13px;height:13px}
  .cap-clear:hover{color:var(--danger);border-color:var(--danger)}
  .cap-clear.off{display:none}
  .ordclear-row{margin-top:8px}
  .cap{font-size:13.5px;font-weight:600;border:1.5px solid var(--border-color);background:var(--canvas);color:var(--text-muted);border-radius:22px;padding:7px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;user-select:none;transition:.12s;line-height:1}
  .cap:hover{border-color:var(--soft)}
  .cap.hx.on{border-color:var(--hx);background:var(--hx-soft);color:var(--hx);font-weight:700}
  .cap.cc.on{border-color:var(--cc);background:var(--cc-soft);color:var(--cc);font-weight:700}
  .cap.warn.on{border-color:var(--warn);background:var(--warn-soft);color:var(--warn);font-weight:700}
  .cap.f.on{border-color:var(--female);background:var(--female-soft);color:var(--female);font-weight:700}
  .cap.m.on{border-color:var(--male);background:var(--male-soft);color:var(--male);font-weight:700}

  /* ALGORITHM FLOW */
  .flow-wrap{overflow:auto;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--canvas2);padding:8px}
  .flow svg{display:block;margin:0 auto}
  .fnode{cursor:pointer}
  .fnode .box{fill:var(--canvas);stroke:var(--border-color);stroke-width:1.5}
  .fnode text{font-family:"Plus Jakarta Sans",sans-serif;fill:var(--text-main);font-size:12px;font-weight:600}
  .fnode.kind-start .box{fill:#dbeafe;stroke:#60a5fa}
  .fnode.kind-decision .box{fill:#fff;stroke:#94a3b8}
  .fnode.kind-male .box{fill:var(--male-soft);stroke:color-mix(in srgb,var(--male) 45%,transparent)}
  .fnode.kind-female .box{fill:var(--female-soft);stroke:color-mix(in srgb,var(--female) 45%,transparent)}
  .fnode.kind-integrate .box{fill:#ede9fe;stroke:#a78bfa}
  .fnode.kind-manage .box{fill:#dbeafe;stroke:#93c5fd}
  .fnode.kind-good .box{fill:#dcfce7;stroke:#86efac}
  .fnode.kind-art .box{fill:#fef3c7;stroke:#fcd34d}
  .fnode.kind-mute .box{fill:#f1f5f9;stroke:#cbd5e1}
  .fnode.kind-early .box{fill:#ffedd5;stroke:#fdba74}
  [data-theme="dark"] .fnode.kind-start .box{fill:#16243d}
  [data-theme="dark"] .fnode.kind-integrate .box{fill:#241a3a}
  [data-theme="dark"] .fnode.kind-manage .box{fill:#16243d}
  [data-theme="dark"] .fnode.kind-good .box{fill:#10241a}
  [data-theme="dark"] .fnode.kind-art .box{fill:#2a1f10}
  [data-theme="dark"] .fnode.kind-mute .box{fill:#0e1626}
  [data-theme="dark"] .fnode.kind-early .box{fill:#2a1f10}
  [data-theme="dark"] .fnode text{fill:var(--text-main)}
  .fnode.done .box{stroke:var(--med);stroke-width:2}
  .fnode.cur .box{stroke:var(--accent);stroke-width:3.5;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 45%,transparent))}
  .ftick{fill:var(--med)}
  .fedge{fill:none;stroke:#9aa6b8;stroke-width:1.6}
  .fedge.yes{stroke:#22c55e}
  .fedge.no{stroke:#f97316}
  .fedge.dash{stroke-dasharray:5 4;stroke:#94a3b8}
  .elabel{font-size:10.5px;font-weight:800;fill:var(--text-muted)}

  /* next-action panel */
  .next-panel{background:linear-gradient(135deg,var(--accent-soft),transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:var(--radius);padding:14px 16px;margin-bottom:14px}
  .next-panel h4{margin:0 0 4px;font-size:13px;color:var(--accent-d);text-transform:uppercase;letter-spacing:.5px;font-weight:800}
  .next-panel .big{font-size:17px;font-weight:800;font-family:"Outfit"}
  .next-panel ul{margin:8px 0 0;padding-left:18px;color:var(--text-muted);font-size:12.5px}

  /* interpretation rows */
  .lab-row{display:grid;grid-template-columns:1.4fr .8fr .9fr;gap:10px;align-items:center;padding:7px 0;border-bottom:1px dashed var(--border2)}
  .lab-row:last-child{border-bottom:0}
  .lab-row .lname{font-weight:700;font-size:13px}
  .lab-row .lref{font-size:11px;color:var(--soft)}
  .flag{font-size:10.5px;font-weight:800;border-radius:8px;padding:3px 9px;display:inline-block}
  .flag.ok{background:var(--med-soft);color:var(--med)}
  .flag.lo{background:var(--cc-soft);color:var(--cc)}
  .flag.na{background:var(--bg);color:var(--soft)}
  .verdict{margin-top:10px;padding:10px 13px;border-radius:11px;font-weight:700;font-size:13px}
  .verdict.norm{background:var(--med-soft);color:var(--med)}
  .verdict.abn{background:var(--warn-soft);color:var(--warn)}

  /* visit timeline */
  .timeline{position:relative;margin-left:6px;padding-left:22px;border-left:2px solid var(--border-color)}
  .vis{position:relative;margin-bottom:14px}
  .vis::before{content:"";position:absolute;left:-29px;top:4px;width:13px;height:13px;border-radius:50%;background:var(--accent);border:3px solid var(--canvas);box-shadow:0 0 0 1px var(--accent)}
  .vis .vhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .vis .vdate{font-weight:800;font-family:"Outfit";font-size:14px}
  .vis .vstage{font-size:11px;font-weight:700;background:var(--accent-soft);color:var(--accent-d);border-radius:11px;padding:3px 10px}
  .vis .vbody{margin-top:6px;font-size:13px;color:var(--text-main)}
  .vis .vmeta{font-size:12px;color:var(--text-muted);margin-top:3px}

  .tcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
  .tcard{border:1.5px solid var(--border-color);border-radius:13px;padding:13px;background:var(--canvas);display:flex;flex-direction:column;gap:6px}
  .tcard.sugg{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft)}
  .tcard .tdx{font-weight:750;font-size:14px}
  .tcard .tmeta{font-size:12px;color:var(--text-muted)}
  .tcard .tbtn{margin-top:auto}
  .ordlist{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
  .ord{display:inline-flex;align-items:center;gap:8px;background:var(--lab-soft);border:1.5px solid color-mix(in srgb,var(--lab) 40%,transparent);color:var(--lab);border-radius:22px;padding:7px 13px;font-size:13px;font-weight:600}
  .ord .x{cursor:pointer;display:flex;opacity:.7}.ord .x i{width:14px;height:14px}
  table.rx{width:100%;border-collapse:collapse;margin-top:6px}
  table.rx th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--soft);font-weight:800;text-align:left;padding:0 8px 7px}
  table.rx td{padding:4px 8px;vertical-align:middle}
  table.rx tr{border-bottom:1px solid var(--border2)}
  table.rx input{padding:7px 9px;font-size:13px}
  .del{border:0;background:none;color:var(--danger);cursor:pointer;padding:5px;border-radius:8px;display:flex}
  .del i{width:16px;height:16px}

  .empty{text-align:center;padding:50px 20px;color:var(--text-muted)}
  .empty i{width:42px;height:42px;color:var(--soft);margin-bottom:10px}
  .pillrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
  .miniflag{font-size:11px;font-weight:700;border-radius:10px;padding:4px 11px;background:var(--bg);color:var(--text-muted);border:1px solid var(--border-color)}
  .miniflag.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}
  .disclaimer{font-size:11px;color:var(--soft);text-align:center;padding:6px 0 0}
  /* protocol engine */
  .preview-pill{border:1.5px dashed var(--accent);background:var(--accent-soft);color:var(--accent-d);border-radius:12px;padding:11px 15px;font-size:14px;font-weight:600}
  .proto-steps{display:flex;align-items:center;gap:3px;flex-wrap:wrap}
  .pstep{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--text-muted);background:var(--bg);border:1px solid var(--border-color);border-radius:20px;padding:5px 12px}
  .pstep .pnum{width:18px;height:18px;border-radius:50%;background:var(--canvas);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:10px;flex:0 0 18px}
  .pstep.cur{background:var(--accent-soft);color:var(--accent-d);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}
  .pstep.cur .pnum{background:var(--accent);color:#fff;border-color:transparent}
  .pstep.done{color:var(--med)}
  .pstep.done .pnum{background:var(--med-soft);color:var(--med);border-color:transparent}
  .psep{flex:0 0 7px;height:2px;background:var(--border-color);border-radius:2px}
  /* accordion (history & protocols) */
  details.acc{padding:0}
  details.acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;padding:13px 16px;font-family:"Outfit",sans-serif;font-weight:750;font-size:14.5px;color:var(--text-main)}
  details.acc>summary::-webkit-details-marker{display:none}
  details.acc>summary>i[data-lucide]:first-child{width:18px;height:18px;color:var(--accent);flex:0 0 18px}
  .acc-title{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .acc-badge{font-size:11.5px;font-weight:600;color:var(--text-muted);background:var(--bg);border:1px solid var(--border-color);border-radius:11px;padding:3px 10px;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .acc-chev{margin-left:auto;width:16px;height:16px;transition:transform .15s;color:var(--soft);flex:0 0 16px}
  details.acc[open]>summary .acc-chev{transform:rotate(180deg)}
  .acc-body{padding:2px 16px 14px}
  /* protocols */
  .proto-filter{display:flex;flex-wrap:wrap;gap:7px}
  .cat-head{font-size:12.5px;font-weight:800;color:var(--accent-d);text-transform:uppercase;letter-spacing:.5px;margin:18px 0 8px;display:flex;align-items:center;gap:10px}
  .cat-head .ln{flex:1;height:1px;background:var(--border-color)}
  .ptags{display:flex;flex-wrap:wrap;gap:5px}
  .ptag{font-size:10.5px;font-weight:700;background:var(--accent-soft);color:var(--accent-d);border-radius:9px;padding:2px 9px}
  .preg{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:12.5px;margin-top:10px}
  .preg dt{font-weight:700;color:var(--text-muted)}
  .preg dd{margin:0;color:var(--text-main)}
  /* history masonry boxes */
  .hx-grid{column-count:3;column-gap:12px}
  @media(max-width:1100px){.hx-grid{column-count:2}}
  @media(max-width:680px){.hx-grid{column-count:1}}
  .hx-grid .hbox{break-inside:avoid;display:inline-block;width:100%;margin:0 0 12px;vertical-align:top}
  .hbox .card-title-row{margin-bottom:9px}
  .hbox .card-title-row h3{font-size:13.5px}
  .hbox .fgrid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
  .hbox .caps{gap:6px}
  .hbox .cap{font-size:12.5px;padding:6px 11px}
  .hbox .sectsub{margin:11px 0 7px}
  /* protocols grid */
  .pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
  .pcard{display:flex;flex-direction:column;gap:8px;padding:14px 15px}
  .pcard-h{display:flex;align-items:center;gap:8px;font-family:"Outfit",sans-serif;font-weight:750;font-size:14.5px}
  .pcard-h i[data-lucide]{width:17px;height:17px;color:var(--accent);flex:0 0 17px}
  .pcard .pmeta.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;color:var(--text-muted);line-height:1.4}
  .pcard-btns{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap}
  /* modal */
  .modal-wrap{display:none}
  .modal-wrap.show{display:block;position:fixed;inset:0;z-index:200}
  .modal-back{position:absolute;inset:0;background:rgba(10,17,32,.5);backdrop-filter:blur(2px)}
  .modal-card{position:relative;max-width:680px;margin:5vh auto;background:var(--canvas);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow);max-height:88vh;display:flex;flex-direction:column;overflow:hidden}
  .modal-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border-color)}
  .modal-head h3{margin:0;font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px;flex:1}
  .modal-head h3 i{width:18px;height:18px;color:var(--accent)}
  .modal-body{padding:14px 18px;overflow:auto}
  .modal-foot{display:flex;gap:8px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--border-color)}
  /* dial */
  .dial{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg);padding:2px}
  .dial button{width:24px;height:24px;border:0;border-radius:50%;background:var(--canvas);color:var(--accent-d);font-size:16px;font-weight:800;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}
  .dial button:hover{background:var(--accent-soft)}
  .dial b{font-size:12.5px;min-width:48px;text-align:center;font-variant-numeric:tabular-nums}
  .dial.big b{min-width:66px;font-size:13px}
  /* cycle sheet */
  .cyc-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}
  .cyc-controls .fld{font-size:10.5px;color:var(--text-muted);font-weight:600}
  .cyc-wrap{overflow-x:auto;padding-bottom:4px}
  table.cyc{border-collapse:separate;border-spacing:0;font-size:12.5px}
  table.cyc th,table.cyc td{padding:6px 7px;text-align:center;white-space:nowrap}
  .cyc-stick{position:sticky;background:var(--canvas);z-index:2;text-align:left!important}
  .cyc-h0{left:0;min-width:148px}
  .cyc-h1{left:148px;border-right:1px solid var(--border2)}
  thead .cyc-stick{z-index:3}
  .cyc-name{display:flex;align-items:center;gap:7px;font-weight:700;font-size:12.5px}
  .cyc-route{display:block;font-size:10.5px;color:var(--soft);margin-left:17px}
  .cyc-day{min-width:42px}
  .cyc-dnum{display:block;font-weight:800;font-size:11px}
  .cyc-ddate{display:block;font-size:10px;color:var(--text-muted)}
  .cyc-ddow{display:block;font-size:9px;color:var(--soft)}
  .cyc-cell{border-bottom:1px solid var(--border2)}
  .cyc-cell.on{background:var(--canvas2)}
  .cyc-dot{width:14px;height:14px;border-radius:50%;display:inline-block;vertical-align:middle}
  .cyc-dot.trig{background:transparent!important;border:2.5px solid currentColor}
  .cyc-range{display:inline-flex;align-items:center;gap:4px}.cyc-range .to{color:var(--soft);font-weight:800}
  .cyc-doses{text-align:center!important}
  .cyc-legend{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--soft);padding:8px 6px 2px;flex-wrap:wrap}
  .cyc-legend .cyc-dot{width:12px;height:12px;margin-right:4px;color:var(--text-muted)}
  /* patient calendar */
  .cal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}
  .cal-day{border:1px solid var(--border-color);border-radius:12px;padding:9px 10px;min-height:80px;background:var(--canvas)}
  .cal-day.empty{background:var(--canvas2);opacity:.65}
  .cal-dhead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
  .cal-dnum{font-weight:800;font-family:"Outfit";font-size:13px}
  .cal-ddate{font-size:10.5px;color:var(--text-muted)}
  .cal-meds{display:flex;flex-direction:column;gap:4px}
  .cal-pill{font-size:11px;font-weight:600;border:1px solid;border-radius:8px;padding:3px 7px}
  .cal-pill .cal-route{opacity:.7;font-weight:600}
  .cal-rest{color:var(--soft);font-size:11px}
  /* per-day editable cells + drag-drop */
  .cyc-day{min-width:58px}
  .cyc-h0{min-width:170px}
  .cyc-h1{left:170px;min-width:96px}
  .cyc-cell{position:relative;height:40px}
  .cyc-add{color:var(--soft);opacity:0;font-weight:800;font-size:15px}
  .cyc-cell:hover .cyc-add{opacity:.5}
  .cyc-cell.drop{background:var(--accent-soft);outline:2px dashed var(--accent);outline-offset:-2px}
  .cyc-cellpill{display:inline-flex;align-items:center;gap:0;border:1px solid;border-radius:13px;padding:1px;cursor:grab;font-weight:700}
  .cyc-cellpill button{width:17px;height:17px;border:0;background:transparent;color:inherit;font-weight:800;cursor:pointer;font-size:14px;line-height:1;padding:0;border-radius:50%}
  .cyc-cellpill button:hover{background:rgba(0,0,0,.08)}
  .cyc-cellpill b{min-width:26px;text-align:center;font-size:10.5px;font-variant-numeric:tabular-nums}
  .cyc-meta{display:flex;flex-direction:column;gap:3px}
  .cyc-msel{font-size:10.5px;padding:3px 22px 3px 6px;border-radius:7px;height:26px;background:var(--canvas);width:auto;min-width:78px}
  .cyc-rowbtns{display:inline-flex;gap:3px}
  .cyc-rowbtns button{width:26px;height:26px;border:1px solid var(--border-color);background:var(--canvas);border-radius:8px;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
  .cyc-rowbtns button:hover{border-color:var(--accent);color:var(--accent)}
  .cyc-rowbtns button i{width:14px;height:14px}
  .cap[draggable="true"]{cursor:grab}
  .cal-day.drop{outline:2px dashed var(--accent);background:var(--accent-soft)}
  .cal-pill{position:relative;cursor:grab;display:flex;align-items:center;justify-content:space-between;gap:4px}
  .cal-pill .cal-x{cursor:pointer;opacity:.55;font-weight:800;flex:0 0 auto}
  .cal-pill .cal-x:hover{opacity:1}
  .cyc-section-h{font-size:12.5px;font-weight:800;color:var(--accent-d);text-transform:uppercase;letter-spacing:.5px;margin:2px 2px 9px;display:flex;align-items:center;gap:8px}
  .cyc-section-h i{width:16px;height:16px}
  /* workup — side-by-side history + live flowchart */
  .workup{display:grid;grid-template-columns:minmax(0,7fr) minmax(316px,3fr);gap:14px;align-items:start}
  @media(max-width:1180px){.workup{grid-template-columns:1fr}}
  .workup-right{position:sticky;top:62px}
  @media(max-width:1180px){.workup-right{position:static}}
  .preset-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
  .fnode.good .box{fill:#dcfce7;stroke:#16a34a!important;stroke-width:2.5px}
  .fnode.bad .box{fill:#fee2e2;stroke:#e11d48!important;stroke-width:2.5px}
  [data-theme="dark"] .fnode.good .box{fill:#0f2a1a}
  [data-theme="dark"] .fnode.bad .box{fill:#2a1318}
  /* workup wizard stepper */
  .wstepper{display:flex;flex-wrap:wrap;gap:6px}
  .wstep{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border-color);background:var(--canvas);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;color:var(--text-muted);cursor:pointer}
  .wstep .wn{width:18px;height:18px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:10px;flex:0 0 18px}
  .wstep.cur{background:var(--accent-soft);color:var(--accent-d);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}
  .wstep.cur .wn{background:var(--accent);color:#fff}
  .wstep.done{color:var(--med)} .wstep.done .wn{background:var(--med-soft);color:var(--med)}
  /* live pathway (readable) */
  .lpath{display:flex;flex-direction:column}
  .lprow{display:flex;align-items:center;gap:11px;padding:8px 0;position:relative}
  .lprow:not(:last-child)::after{content:"";position:absolute;left:15px;top:36px;bottom:-8px;width:2px;background:var(--border-color)}
  .lpico{width:32px;height:32px;border-radius:50%;flex:0 0 32px;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--soft);border:2px solid var(--border-color);z-index:1}
  .lpico i{width:16px;height:16px}
  .lprow.good .lpico{background:var(--med-soft);color:var(--med);border-color:var(--med)}
  .lprow.bad .lpico{background:var(--cc-soft);color:var(--cc);border-color:var(--cc)}
  .lprow.cur .lpico{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
  .lpbody{flex:1;min-width:0}
  .lpt{font-weight:700;font-size:13.5px}
  .lpr{font-size:12.5px;margin-top:1px;font-weight:600}
  .lpr.good{color:var(--med)} .lpr.bad{color:var(--cc)} .lpr.mute{color:var(--soft)}
  .couple-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
  .ccard{border:1.5px solid var(--border-color);border-radius:13px;padding:14px;background:var(--canvas);cursor:pointer}
  .ccard:hover{border-color:var(--accent)}
  .ccard.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
  .ccard .cu{font-weight:800;font-size:15px;font-family:"Outfit"}
  .ccard .cm{font-size:12px;color:var(--text-muted);margin-top:2px}
  .ccard .cs{margin-top:8px;display:inline-block;font-size:11px;font-weight:700;background:var(--accent-soft);color:var(--accent-d);border-radius:11px;padding:3px 10px}

  @media print{
    .sidebar,.top-header,.page-header .right,.no-print{display:none!important}
    .page-container{padding:0;max-width:none}
    .section-card{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid}
  }
  /* print note */
  #noteOut{display:none}
  .pn{background:#fff;color:#111;max-width:780px;margin:0 auto;padding:26px 30px;font-size:13px;line-height:1.5}
  .pn h1{font-size:19px;margin:0}
  .pn .lh{display:flex;justify-content:space-between;border-bottom:2px solid var(--accent);padding-bottom:10px;margin-bottom:12px;align-items:flex-end}
  .pn .lh .sub{color:#666;font-size:12px}
  .pn pre{font-family:inherit;white-space:pre-wrap;margin:0}

  /* ===== vertical dial (vitals-style), typable + scroll/drag ===== */
  .dialrow{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
  .vdial{display:inline-flex;flex-direction:column;align-items:center;gap:4px;user-select:none}
  .vd-box{width:80px;height:100px;border-radius:15px;border:1.5px solid var(--border-color);background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;touch-action:none;cursor:ns-resize;outline:none;gap:1px}
  .vd-box:hover{border-color:var(--soft)}
  .vd-box.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--canvas)}
  .vd-ghost{font-size:12.5px;color:var(--soft);font-weight:700;line-height:1.1;height:15px;cursor:pointer}
  .vd-ghost:hover{color:var(--accent-d)}
  .vd-cur{font-size:26px;font-weight:800;font-family:"Outfit",sans-serif;color:var(--text-main);line-height:1.05;text-align:center;border:0;background:transparent;width:66px;padding:0;height:32px}
  .vd-box.active .vd-cur{color:var(--accent-d)}
  .vd-cur:focus{outline:none}
  .vd-cap{font-size:10.5px;color:var(--text-muted);font-weight:700;text-align:center;max-width:104px;line-height:1.25}
  .vdial.mini .vd-box{width:60px;height:78px;border-radius:12px}
  .vdial.mini .vd-cur{font-size:21px;width:48px;height:26px}
  .vdial.mini .vd-ghost{font-size:11px;height:13px}
  .vdial.mini .vd-cap{font-size:9.5px}
  .gpla-dials{display:flex;flex-wrap:wrap;gap:9px}

  /* ===== slider ===== */
  .islider{display:flex;flex-direction:column;gap:6px;margin:2px 0 4px}
  .islider .isl-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
  .islider .isl-lab{font-size:11px;color:var(--text-muted);font-weight:700}
  .islider .isl-val{font-size:15px;font-weight:800;font-family:"Outfit",sans-serif;color:var(--accent-text)}
  .islider input[type=range]{width:100%;accent-color:var(--accent);height:6px;cursor:pointer;background:transparent}
  .islider .isl-ticks{display:flex;justify-content:space-between;font-size:9.5px;color:var(--soft);font-weight:700}
  .islider .isl-ticks span{flex:1;text-align:center}
  .islider .isl-ticks span:first-child{text-align:left}
  .islider .isl-ticks span:last-child{text-align:right}

  /* ===== bento single-select ===== */
  .bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px}
  .bento .bcard{border:1.5px solid var(--border-color);border-radius:13px;background:var(--canvas);padding:12px 13px;cursor:pointer;display:flex;flex-direction:column;gap:3px;text-align:left;transition:.12s;font-family:inherit}
  .bento .bcard:hover{border-color:var(--soft)}
  .bento .bcard.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent-soft)}
  .bento .bt{font-weight:800;font-size:14px;color:var(--text-main);display:flex;align-items:center;gap:7px}
  .bento .bcard.on .bt{color:var(--accent-text)}
  .bento .bt i{width:16px;height:16px}
  .bento .bd{font-size:11px;color:var(--text-muted);line-height:1.3}

  /* ===== order / med search ===== */
  .osearch{position:relative}
  .osearch input{width:100%}
  .osugg{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 4px);background:var(--canvas);border:1px solid var(--border-color);border-radius:11px;box-shadow:var(--shadow);max-height:252px;overflow:auto;display:none}
  .osearch.open .osugg{display:block}
  .osugg .oitem{padding:8px 12px;cursor:pointer;font-size:13px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--border2)}
  .osugg .oitem:last-child{border-bottom:0}
  .osugg .oitem:hover,.osugg .oitem.hl{background:var(--accent-soft);color:var(--accent-text)}
  .osugg .oitem .otag{font-size:10px;color:var(--soft);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
  .osugg .oitem.add{font-weight:700;color:var(--accent-text)}
  .olist{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
  .ochip{display:inline-flex;align-items:center;gap:9px;border-radius:22px;padding:7px 13px;font-size:12.5px;font-weight:700;border:1.5px solid;line-height:1.1}
  .ochip.lab{background:var(--lab-soft);border-color:color-mix(in srgb,var(--lab) 40%,transparent);color:var(--lab)}
  .ochip.med{background:var(--med-soft);border-color:color-mix(in srgb,var(--med) 42%,transparent);color:var(--med)}
  .ochip .ox{cursor:pointer;opacity:.55;font-weight:900;font-size:15px;line-height:1}
  .ochip .ox:hover{opacity:1}
  .ord-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  @media(max-width:760px){.ord-split{grid-template-columns:1fr}}
  .ord-col h4{margin:0 0 8px;font-size:12.5px;font-weight:800;display:flex;align-items:center;gap:7px}
  .ord-col h4 i{width:15px;height:15px}
  .ord-col.lab h4{color:var(--lab)} .ord-col.med h4{color:var(--med)}
  .quickadd{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
  .quickadd .qa{font-size:11.5px;font-weight:700;border:1px dashed var(--border-color);background:var(--canvas);color:var(--text-muted);border-radius:18px;padding:5px 11px;cursor:pointer}
  .quickadd .qa:hover{border-color:var(--accent);color:var(--accent-d);border-style:solid}
  .quickadd .qa.on{border-style:solid;border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:var(--accent-soft);color:var(--accent-text)}
  .quickadd .qa.on:hover{border-color:var(--accent);color:var(--accent-text)}
  /* large drug/investigation capsules — selection shown by colour, no duplicate list */
  .quickadd.big{gap:10px;margin-top:10px}
  .quickadd.big .qa{font-size:20px;font-weight:700;padding:11px 19px;border-radius:24px;border-width:1.5px}
  .quickadd.big .qa.on{font-weight:800}
  .ord-col.med .quickadd.big .qa.on{background:var(--med-soft);border-color:color-mix(in srgb,var(--med) 55%,transparent);color:var(--med)}
  .ord-col.med .quickadd.big .qa.on:hover{border-color:var(--med);color:var(--med)}
  .ord-col.lab .quickadd.big .qa.on{background:var(--lab-soft);border-color:color-mix(in srgb,var(--lab) 55%,transparent);color:var(--lab)}
  .ord-col.lab .quickadd.big .qa.on:hover{border-color:var(--lab);color:var(--lab)}
  /* readable right-rail flow extension */
  .lprow .lpbranch{font-size:11px;color:var(--accent-d);font-weight:700;margin-top:1px}
  .lprow.cur .lpbody .lpt{color:var(--accent-d)}

  /* ===== precise number-slider (replaces fast scroll dial) ===== */
  .nsgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px 18px}
  .nslider{display:flex;flex-direction:column;gap:7px;background:var(--bg);border:1px solid var(--border-color);border-radius:13px;padding:11px 13px}
  .nslider .ns-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
  .nslider .ns-lab{font-size:11px;color:var(--text-muted);font-weight:700}
  .nslider .ns-valwrap{display:inline-flex;align-items:baseline;gap:4px;background:var(--canvas);border:1.5px solid var(--border-color);border-radius:9px;padding:2px 9px}
  .nslider .ns-num{width:46px;border:0;background:transparent;padding:0;font-size:19px;font-weight:800;font-family:"Outfit",sans-serif;color:var(--accent-text);text-align:right}
  .nslider .ns-num:focus{outline:none}
  .nslider .ns-unit{font-size:11px;color:var(--soft);font-weight:700}
  .nslider input[type=range]{width:100%;accent-color:var(--accent);height:6px;cursor:pointer}
  .nslider .ns-ticks{display:flex;justify-content:space-between;font-size:9.5px;color:var(--soft);font-weight:700}
  /* ===== nicer range slider — filled track (var --pct) + soft thumb ===== */
  .nslider input[type=range],.islider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:9px;border-radius:6px;cursor:pointer;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--pct,50%),var(--canvas2) var(--pct,50%),var(--canvas2) 100%);border:1px solid var(--border-color)}
  .nslider input[type=range]::-webkit-slider-thumb,.islider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:4px solid var(--accent);box-shadow:0 2px 6px rgba(16,24,40,.28);cursor:pointer;margin-top:-1px}
  .nslider input[type=range]::-webkit-slider-thumb:hover,.islider input[type=range]::-webkit-slider-thumb:hover{border-color:var(--accent-d)}
  .nslider input[type=range]::-moz-range-thumb,.islider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--accent);box-shadow:0 2px 6px rgba(16,24,40,.28);cursor:pointer}
  .nslider input[type=range]::-moz-range-track,.islider input[type=range]::-moz-range-track{height:9px;border-radius:6px;background:transparent}
  .nslider input[type=range]:focus-visible,.islider input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  /* ===== GPLA / compact steppers ===== */
  .gsteps{display:flex;flex-wrap:wrap;gap:8px}
  .gstep{display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--bg);border:1px solid var(--border-color);border-radius:12px;padding:8px 9px;min-width:62px}
  .gstep .gs-k{font-size:11px;font-weight:800;color:var(--text-muted)}
  .gstep .dial{border:0;background:transparent;padding:0;gap:4px}
  .gstep .dial b{min-width:24px;font-size:16px;font-weight:800;color:var(--accent-text)}
  .gstep .dial button{width:26px;height:26px;background:var(--canvas);border:1px solid var(--border-color)}
  /* ===== nursing-synced vitals panel ===== */
  .vsync{border:1.5px dashed color-mix(in srgb,var(--accent) 35%,var(--border-color));border-radius:13px;padding:12px 14px;background:linear-gradient(135deg,var(--accent-soft),transparent)}
  .vsync-h{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--accent-d);margin-bottom:10px}
  .vsync-h .pend{margin-left:auto;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;background:var(--warn-soft);color:var(--warn);border-radius:9px;padding:3px 9px}
  .vsync-h .synced{margin-left:auto;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;background:var(--med-soft);color:var(--med);border-radius:9px;padding:3px 9px}
  .vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:9px}
  .vcell{background:var(--canvas);border:1px solid var(--border-color);border-radius:11px;padding:8px 9px;display:flex;flex-direction:column;gap:3px}
  .vcell label{font-size:9.5px;color:var(--soft);font-weight:800;text-transform:uppercase;letter-spacing:.4px}
  .vcell input{border:0;background:transparent;padding:0;font-size:16px;font-weight:800;font-family:"Outfit",sans-serif;color:var(--text-main);width:100%}
  .vcell input:focus{outline:none}
  .vcell.bmi{background:var(--accent-soft);border-color:transparent}
  .vcell.bmi .bmiv{font-size:17px;font-weight:800;font-family:"Outfit",sans-serif;color:var(--accent-text)}
  .vcell.bmi .bmicat{font-size:9.5px;font-weight:700}
  /* ===== visit save bar ===== */
  .visitbar{display:flex;align-items:center;gap:11px;flex-wrap:wrap;background:var(--canvas2);border:1px solid var(--border-color);border-radius:13px;padding:11px 14px;margin-top:14px}
  .visitbar .vb-ic{width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent-d);display:flex;align-items:center;justify-content:center;flex:0 0 34px}
  .visitbar .vb-t{font-weight:800;font-size:13.5px}
  .visitbar .vb-d{font-size:11.5px;color:var(--text-muted)}
  .visitbar .vb-btns{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
  .visit-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;border-radius:11px;padding:4px 10px;background:var(--med-soft);color:var(--med)}
  /* ===== OCR / report capture ===== */
  .ocr{border:1.5px solid var(--border-color);border-radius:13px;padding:13px 14px;background:var(--canvas)}
  .ocr-h{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;margin-bottom:4px}
  .ocr-h i{width:16px;height:16px;color:var(--lab)}
  .ocr-safe{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;background:var(--med-soft);color:var(--med);border-radius:9px;padding:3px 9px}
  .ocr-safe i{width:12px;height:12px;color:var(--med)}
  .ocr-drop{margin-top:9px;border:1.5px dashed var(--border-color);border-radius:11px;padding:16px;text-align:center;color:var(--text-muted);font-size:12.5px;cursor:pointer;transition:.12s}
  .ocr-drop:hover,.ocr-drop.drag{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-d)}
  .ocr-drop i{width:22px;height:22px;display:block;margin:0 auto 5px;color:var(--soft)}
  .ocr-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:9px}
  .ocr-prog{flex:1;min-width:120px;height:7px;border-radius:6px;background:var(--bg);overflow:hidden;display:none}
  .ocr-prog.on{display:block}
  .ocr-prog .bar{height:100%;width:0;background:var(--accent);transition:width .2s}
  .ocr-found{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
  .ocr-found .fchip{font-size:11.5px;font-weight:700;border-radius:10px;padding:4px 10px;background:var(--lab-soft);color:var(--lab);border:1px solid color-mix(in srgb,var(--lab) 30%,transparent)}
  .ocr-ta{margin-top:9px;width:100%;min-height:56px;font-size:12px;font-family:ui-monospace,monospace;display:none}
  .ocr-ta.on{display:block}
  /* ===== SOS disposition ===== */
  .dispo .bcard{border-left-width:4px}
  .dispo .bcard[data-bv*="OT"],.dispo .bcard[data-bv*="rocedure"]{border-left-color:var(--cc)}
  .dispo .bcard[data-bv*="nvestigation"]{border-left-color:var(--warn)}
  .dispo .bcard[data-bv*="ART"]{border-left-color:var(--accent)}
  .dispo .bcard[data-bv*="Follow"]{border-left-color:var(--med)}
  /* ===== privacy lock ===== */
  .lockbadge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;border-radius:9px;padding:3px 9px}
  .lockbadge.on{background:var(--med-soft);color:var(--med)} .lockbadge.off{background:var(--bg);color:var(--soft)}
  .lockbadge i{width:12px;height:12px}
  /* ===== redesign v2 — flow nav + history sheet preview ===== */
  .flowbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;flex-wrap:wrap}
  .lead-note{font-size:12px;color:var(--text-muted);margin:0 0 10px}
  .sheet-scroll{max-height:80vh;overflow:auto;background:#e8edf4;padding:22px;border-radius:14px;border:1px solid var(--border-color)}
  [data-theme="dark"] .sheet-scroll{background:#0b1322}
  /* keep the inline proforma on a true white A4 page in BOTH themes (its ink is fixed-light) */
  .sheet-scroll .pf{background:#fff;color:#0f172a;padding:20px;border-radius:10px;box-shadow:0 1px 3px rgba(16,24,40,.12)}
  /* keyboard focus for advise-lab/med chips */
  .quickadd .qa:focus-visible,.ochip .ox:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
  /* ruler scale under sliders */
  .sl-scale{display:flex;justify-content:space-between;margin-top:1px;padding:0 6px}
  .sl-tk{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:9px;color:var(--soft);font-weight:700;line-height:1}
  .sl-tk i{width:1.5px;height:5px;border-radius:1px;background:color-mix(in srgb,var(--soft) 55%,transparent)}
  /* History page fills the viewport so the partner panes are as tall as possible */
  .hx-page{display:flex;flex-direction:column;gap:10px}
  .hx-page .flowbar{margin-top:0}
  .page-container.hx-fit{padding-bottom:22px;max-width:none}
  /* full-width, larger-type, vertically-stacked history (wife above husband) */
  .hx-stack{font-size:15px}
  .hx-block{margin:0;border-top:3px solid var(--border-color);padding:16px 18px}
  .hx-block.female{border-top-color:var(--female)}
  .hx-block.male{border-top-color:var(--male)}
  .hx-block .pane-band{margin:-16px -18px 14px;padding:13px 18px;border-bottom:1px solid var(--border2);background:var(--canvas2);border-radius:14px 14px 0 0}
  .hx-stack .partner-band{font-size:16px;padding:7px 16px}
  .hx-stack .cap{font-size:15px;padding:8px 16px}
  .hx-stack .cap-clear{font-size:13px}
  .hx-stack label.fld,.hx-stack .fld{font-size:14px}
  .hx-stack input,.hx-stack select,.hx-stack textarea{font-size:14.5px}
  .hx-stack .dxtok,.hx-stack .dxname{font-size:13.5px}
  /* sub-history sub-headings (Past, Family, Operative, Infections…) — bold, CAPS, 2× */
  .hx-block .sectsub{font-size:20px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--text-main);margin:22px 0 11px}
  .hx-block .sectsub:first-child{margin-top:2px}
  .hx-block .sectsub i{width:19px;height:19px}
  /* wife / husband history laid out in two columns, sub-sections kept intact */
  .hx2col{column-count:2;column-gap:34px}
  .hx2col>*{break-inside:avoid}
  .hx2col .sectsub{break-after:avoid}
  .hx2col .caps,.hx2col .bento,.hx2col .fgrid,.hx2col .gsteps,.hx2col .dxdetails,.hx2col .vsync,.hx2col .nsgrid,.hx2col label.fld{break-inside:avoid}
  @media(max-width:980px){.hx2col{column-count:1}}
  /* one-tap history preset bar */
  .preset-bar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 18px;padding:12px 14px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:13px}
  .preset-lab{font-size:12px;font-weight:800;color:var(--accent-text);text-transform:uppercase;letter-spacing:.4px;display:inline-flex;align-items:center;gap:7px;margin-right:4px}
  .preset-lab i{width:16px;height:16px}
  .preset-btn{display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-size:14px;font-weight:700;color:var(--accent-text);background:var(--canvas);border:1.5px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:22px;padding:8px 15px;cursor:pointer;transition:.12s}
  .preset-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
  .preset-btn i{width:15px;height:15px}
  .preset-btn.on{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px 5px color-mix(in srgb,var(--accent) 40%,transparent)}
  .preset-btn.on:hover{background:var(--accent-d)}
  .preset-clear{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:13px;font-weight:700;color:var(--danger);background:transparent;border:1px dashed color-mix(in srgb,var(--danger) 45%,transparent);border-radius:22px;padding:8px 14px;cursor:pointer;margin-left:auto}
  .preset-clear:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}
  .preset-clear i{width:14px;height:14px}
  /* compact two-column eligibility (sliders left · option boxes right) */
  .elig-split{display:flex;gap:18px;align-items:flex-start}
  .elig-col{flex:1 1 0;min-width:0}
  .elig-div{flex:0 0 1px;align-self:stretch;background:var(--border-color);margin:2px 0}
  .elig-compact .nsgrid{grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:8px}
  .elig-compact .nslider{padding:7px 10px;gap:3px;border-radius:10px}
  .elig-compact .nslider .ns-lab{font-size:10px}
  .elig-compact .nslider .ns-num{font-size:15px;width:34px}
  .elig-compact .nslider .ns-valwrap{padding:1px 7px}
  .elig-compact .nslider .ns-unit{font-size:10px}
  .elig-compact .nslider input[type=range]{height:5px}
  .elig-compact .islider{gap:3px;margin:0}
  .elig-compact .islider .isl-val{font-size:13px}
  .elig-compact .islider .isl-lab{font-size:10px}
  .elig-compact .sl-scale{font-size:8px;padding:0 5px;margin-top:0}
  .elig-compact .sl-tk{gap:1px}
  .elig-compact .sl-tk i{height:4px}
  .elig-compact .sectsub{margin:9px 0 5px;font-size:10px}
  .elig-compact .bento{gap:8px;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}
  .elig-compact .bento .bcard{padding:7px 11px;border-radius:11px;gap:1px}
  .elig-compact .bento .bt{font-size:12.5px}
  .elig-compact .bento .bd{font-size:10px}
  .elig-compact .caps{gap:5px}
  .elig-compact .cap{padding:4px 9px;font-size:11px}
  .elig-compact .next-panel{margin-top:9px!important;padding:9px 12px}
  /* age sliders — large, stacked one below the other */
  .age-stack{display:flex;flex-direction:column;gap:11px}
  .elig-compact .age-stack .nslider{padding:13px 16px;gap:9px;border-radius:14px}
  .elig-compact .age-stack .nslider .ns-lab{font-size:13px}
  .elig-compact .age-stack .nslider .ns-num{font-size:26px;width:52px}
  .elig-compact .age-stack .nslider .ns-unit{font-size:13px}
  .elig-compact .age-stack .nslider .ns-valwrap{padding:3px 12px}
  .elig-compact .age-stack .nslider input[type=range]{height:11px}
  .elig-compact .age-stack .sl-scale{font-size:9.5px}
  /* months-trying + coital-frequency — equal-sized boxed sliders side by side */
  .nsgrid.pair2{grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
  .nsgrid.pair2>div{background:var(--bg);border:1px solid var(--border-color);border-radius:12px;padding:11px 13px;display:flex;flex-direction:column;gap:7px;margin:0}
  .nsgrid.pair2 .isl-top,.nsgrid.pair2 .ns-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
  .nsgrid.pair2 .isl-lab,.nsgrid.pair2 .ns-lab{font-size:11px;color:var(--text-muted);font-weight:700}
  .nsgrid.pair2 .isl-val{font-size:17px;font-weight:800;font-family:"Outfit",sans-serif;color:var(--accent-text)}
  .nsgrid.pair2 .ns-num{font-size:17px}
  .nsgrid.pair2 input[type=range]{height:9px}
  .nsgrid.pair2 .sl-scale{font-size:9px;padding:0 4px}
  @media(max-width:560px){.nsgrid.pair2{grid-template-columns:1fr}}
  /* per-disease duration & treatment tokens + styled popover menu */
  .dxdetails:empty{display:none}
  .dxdetails{margin:6px 0 2px}
  .dxlist{display:flex;flex-direction:column;gap:7px;padding:9px 10px;background:var(--bg);border:1px solid var(--border2);border-radius:11px}
  .dxrow{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
  .dxname{font-size:11.5px;font-weight:800;color:var(--accent-text);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:8px;padding:3px 9px}
  .dxtok{display:inline-flex;align-items:center;gap:6px;border:1px dashed var(--border-color);background:var(--canvas);color:var(--text-muted);border-radius:9px;padding:4px 9px;font-size:11.5px;font-weight:700;cursor:pointer;font-family:inherit}
  .dxtok .dxk{font-size:8.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--soft);font-weight:800}
  .dxtok i{width:13px;height:13px;opacity:.55}
  .dxtok:hover{border-color:var(--accent);color:var(--accent-d);border-style:solid}
  .dxtok.set{border-style:solid;border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft);color:var(--accent-text)}
  .dxtok:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  .tokenmenu{position:fixed;z-index:1200;background:var(--canvas);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 16px 48px rgba(16,24,40,.24);padding:7px;min-width:232px;max-height:62vh;overflow:auto}
  .tokenmenu .tm-head{font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);padding:7px 12px 6px}
  .tokenmenu .tm-item{padding:10px 13px;border-radius:9px;font-size:14px;font-weight:600;color:var(--text-main);cursor:pointer;white-space:nowrap}
  .tokenmenu .tm-item:hover{background:var(--bg)}
  .tokenmenu .tm-item.on{background:var(--accent);color:#fff}
  .tokenmenu .tm-item.dim{color:var(--text-muted)}
  .tokenmenu .tm-sep{height:1px;background:var(--border2);margin:6px 6px}
  .tokenmenu .tm-item.clear{color:var(--danger);font-weight:700}
  /* resizable two-pane History split (Wife | Husband) */
  .hx-split{display:flex;align-items:stretch;height:calc(200vh - 920px);min-height:720px;border:1px solid var(--border-color);border-radius:14px;overflow:hidden;background:var(--canvas);box-shadow:0 1px 3px rgba(16,24,40,.05),0 10px 28px rgba(16,24,40,.06)}
  .hx-pane{overflow:auto;min-width:230px;padding:14px 15px}
  .hx-pane.left{flex:0 0 50%}
  .hx-pane.right{flex:1 1 0}
  .hx-pane.female{border-top:3px solid var(--female)}
  .hx-pane.male{border-top:3px solid var(--male)}
  .hx-pane .pane-band{position:sticky;top:-14px;z-index:3;margin:-14px -15px 12px;padding:11px 15px;background:color-mix(in srgb,var(--canvas) 94%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--border2)}
  .hx-gutter{flex:0 0 14px;cursor:col-resize;background:var(--bg);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;touch-action:none}
  .hx-gutter::before{content:"";width:3px;height:36px;border-radius:3px;background:var(--soft);opacity:.5;transition:.12s}
  .hx-gutter:hover::before,.hx-gutter.drag::before,.hx-gutter:focus-visible::before{opacity:1;background:var(--accent);height:54px}
  .hx-gutter:focus-visible{outline:none}
  @media(max-width:860px){
    .hx-page{height:auto}
    .page-container.hx-fit{padding-bottom:120px}
    .hx-split{flex-direction:column;height:auto;overflow:visible}
    .hx-pane{flex:1 1 auto!important;overflow:visible;min-width:0}
    .hx-gutter{display:none}
    .hx-pane .pane-band{position:static;margin:-14px -15px 12px}
  }
  @media(max-width:760px){
    .elig-split{flex-direction:column;gap:8px}
    .elig-div{display:none}
  }
}


#infertility-desk-page .section-card,
#infertility-desk-page .top-header,
#infertility-desk-page .gate-card,
#infertility-desk-page .tcard {
  background: var(--canvas) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow) !important;
  border-radius: var(--radius) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#infertility-desk-page .section-card:hover {
  box-shadow: 0 12px 40px 0 rgba(31, 38, 135, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
}

/* Sub-tab bar styling for iOS segment control look */
#infertility-desk-page #navMenu {
  display: flex;
  flex-direction: row;
  list-style: none;
  padding: 4px !important;
  margin: 0 0 20px 0;
  gap: 4px;
  border-bottom: none !important;
  background: var(--canvas2) !important;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  overflow-x: auto;
}

#infertility-desk-page #navMenu .nav-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px !important;
  border-radius: 10px !important;
  color: var(--text-muted) !important;
  background: transparent !important;
  border: none !important;
  font-weight: 600 !important;
  cursor: pointer;
  white-space: nowrap;
  font-size: 13px !important;
  transition: all 0.2s ease !important;
}

#infertility-desk-page #navMenu .nav-link:hover {
  color: var(--text-main) !important;
  background: rgba(255, 255, 255, 0.2) !important;
}

#infertility-desk-page #navMenu .nav-link.active {
  background: var(--canvas) !important;
  color: var(--accent-d) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Heading Accent Colors Sync */
#infertility-desk-page h1,
#infertility-desk-page h2,
#infertility-desk-page h3,
#infertility-desk-page h4 {
  color: var(--accent-d) !important;
}

#infertility-desk-page .card-title-row h3 {
  color: var(--accent-d) !important;
}

#infertility-desk-page .card-title-row h3 i {
  color: var(--accent) !important;
}

#infertility-desk-page .page-header h2 {
  color: var(--accent-d) !important;
}

/* ART Stimulation Calendar overrides for larger size & readability */
#infertility-desk-page .cal-grid {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 12px !important;
}

#infertility-desk-page .cal-day {
  padding: 14px 16px !important;
  min-height: 110px !important;
}

#infertility-desk-page .cal-dhead .cal-dnum {
  font-size: 14px !important;
  font-weight: 800 !important;
}

#infertility-desk-page .cal-dhead .cal-ddate {
  font-size: 12px !important;
}

#infertility-desk-page .cal-pill {
  font-size: 13px !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
}

#infertility-desk-page .cal-pill .cal-route {
  font-size: 11px !important;
}

#infertility-desk-page .cal-rest {
  font-size: 13px !important;
  padding: 8px 0 !important;
}

/* Clinician Stimulation Table overrides */
#infertility-desk-page .cyc-day {
  min-width: 80px !important;
}

#infertility-desk-page .cyc-dnum {
  font-size: 13px !important;
  font-weight: 800 !important;
}

#infertility-desk-page .cyc-ddate {
  font-size: 11px !important;
}

#infertility-desk-page .cyc-ddow {
  font-size: 10px !important;
}

#infertility-desk-page .cyc-cell {
  height: 52px !important;
}

#infertility-desk-page .cyc-cellpill {
  padding: 3px 6px !important;
  border-radius: 14px !important;
}

#infertility-desk-page .cyc-cellpill b {
  font-size: 12px !important;
}

#infertility-desk-page .cyc-cellpill button {
  width: 20px !important;
  height: 20px !important;
  font-size: 16px !important;
}

/* Baseline investigations button font size reduced by 30% */
#infertility-desk-page .card-title-row .right .btn.sm {
  font-size: 8.8px !important;
  padding: 4px 8px !important;
  font-weight: 700 !important;
}

/* Boost Infertility Heading Font Sizes */
#infertility-desk-page h1 {
  font-size: 2.5rem !important;
  font-weight: 800 !important;
}
#infertility-desk-page h2 {
  font-size: 2.0rem !important;
  font-weight: 800 !important;
}
#infertility-desk-page h3 {
  font-size: 1.55rem !important;
  font-weight: 750 !important;
}
#infertility-desk-page h4 {
  font-size: 1.35rem !important;
  font-weight: 750 !important;
}

/* Baseline investigations button font size reduced by 30% */
#infertility-desk-page .card-title-row .right .btn.sm {
  font-size: 8.8px !important;
  padding: 4px 8px !important;
  font-weight: 700 !important;
}

/* Boost Infertility Heading Font Sizes */
#infertility-desk-page h1 {
  font-size: 2.5rem !important;
  font-weight: 800 !important;
}
#infertility-desk-page h2 {
  font-size: 2.0rem !important;
  font-weight: 800 !important;
}
#infertility-desk-page h3 {
  font-size: 1.55rem !important;
  font-weight: 750 !important;
}
#infertility-desk-page h4 {
  font-size: 1.35rem !important;
  font-weight: 750 !important;
}