/* ChiroOS landing mini app: demo-journey styles, scoped to #demo (prefix jr-) */

/* modal typography reset (docs inside modals are not under .dm-main) */
#demo .dm-mbody h1,#demo .dm-mbody h2,#demo .dm-mbody h3{font-family:inherit;letter-spacing:0;text-transform:none;max-width:none;margin:0;line-height:1.3;color:#111827}
#demo .dm-mbody h1{font-size:18px;font-weight:700}
#demo .dm-mbody h2{font-size:13px;font-weight:700}
#demo .dm-mbody h3{font-size:12px;font-weight:700}
#demo .dm-mbody p{margin:0;max-width:none;font-size:12px;line-height:1.5;color:#374151}
#demo .dm-mbody .dm-doc h2{margin-top:14px;padding-top:12px;border-top:1px solid #e5eaf0;color:#2b3d50}
#demo .dm-mbody .dm-doc p{margin-top:5px}
#demo .dm-mbody .dm-doc ul{margin:5px 0 0 16px;padding:0;font-size:12px;line-height:1.5;color:#374151}
#demo .dm-mbody .dm-dtitle{margin-bottom:2px}

/* shared bits */
#demo .jr-sub{display:block;font-weight:400;font-size:11px;color:#6b7280}
#demo .jr-warn{display:block;font-weight:600;font-size:11px;color:#b45309}
#demo .jr-warn::before{content:"! "}
#demo .jr-end{justify-content:flex-end;margin-top:12px}
#demo .jr-code{font-size:11px;color:#475569;background:#f1f4f8;padding:2px 6px;border-radius:5px}
#demo .jr-green{background:#0f766e;border-color:#0f766e;color:#fff}
#demo .jr-green:hover{background:#0b5f59}
#demo .jr-amber{background:none;border:0;padding:0;margin-top:4px;font:inherit;font-size:11px;font-weight:600;color:#b45309;text-decoration:underline;cursor:pointer}
#demo .jr-snip{max-width:520px;font-weight:400;color:#374151}
#demo .jr-formcell{font-weight:600;color:#0f766e}
#demo .dm-stats.jr-stats4{grid-template-columns:repeat(4,minmax(0,1fr))}
#demo .jr-w{width:auto;min-width:130px;flex:0 0 auto}
#demo .jr-date{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#475569}
#demo .jr-date .dm-input{width:auto}
#demo .jr-lang{max-width:240px;margin-bottom:0}
#demo .jr-dl{grid-template-columns:70px minmax(0,1fr)}

/* forms: preview, send, new form, packets */
#demo .jr-ptool{margin-bottom:12px}
#demo .jr-frame{display:flex;justify-content:center}
#demo .jr-frame .dm-phone{transition:width .2s ease}
#demo .jr-dev-mobile .dm-phone{width:280px}
#demo .jr-dev-tablet .dm-phone{width:460px;border-width:10px;border-radius:22px}
#demo .jr-dev-tablet .dm-pscreen{height:400px}
#demo .jr-dev-desktop .dm-phone{width:100%;max-width:760px;border-width:3px;border-radius:10px}
#demo .jr-dev-desktop .dm-pscreen{height:340px}
#demo .jr-dev-desktop .jr-step:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
#demo .jr-pbrand{font-size:12px;font-weight:700;color:#2b3d50;margin-bottom:8px}
#demo .jr-pstep{margin-bottom:10px;font-size:11px;color:#475569}
#demo .jr-pstep .dm-progress{margin-top:6px}
#demo .jr-pstep .dm-progress i{transition:width .2s ease}
#demo .jr-step .dm-textarea{min-height:46px}
#demo .jr-step .dm-field{margin-bottom:8px}
#demo .jr-step .dm-checkrow{padding:8px 0;font-weight:500}
#demo .jr-pnav{display:flex;justify-content:space-between;gap:8px;position:sticky;bottom:-14px;margin-top:10px;padding:8px 0 2px;background:#f8fafc}
#demo .jr-pnav .dm-btn2[disabled]{opacity:.4}
#demo .jr-fields{margin-top:8px}
#demo .jr-frow{display:grid;grid-template-columns:minmax(0,1fr) 130px auto auto;gap:8px;align-items:center;margin-top:8px}
#demo .jr-req{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;white-space:nowrap}
#demo .jr-pk{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #e5eaf0}
#demo .jr-pk small{display:block;font-size:11px;color:#6b7280}

/* travel card chunks */
#demo .jr-chunk{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 0;border-top:1px solid #e5eaf0}
#demo .jr-chunks{margin-top:6px}
#demo .jr-chunk .dm-pill{justify-self:start}
#demo .jr-draft{min-height:150px;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5}
#demo .dm-banner .dm-block{border-top:1px solid #bfdbfe}
#demo .dm-tcard .dm-block:first-of-type{border-top:0;margin-top:0;padding-top:0}

/* upload scan */
#demo .jr-plist{max-height:156px;overflow:auto;margin-top:8px;border:1px solid #e5eaf0;border-radius:8px}
#demo .jr-prow{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;border-top:1px solid #e5eaf0}
#demo .jr-prow:first-child{border-top:0}
#demo .jr-prow:hover{background:#f6f8fb}
#demo .jr-prow.dm-sel{background:#eef5f6;box-shadow:inset 3px 0 0 #2b3d50}
#demo .jr-prow small{display:block;font-size:11px;color:#6b7280}
#demo .jr-drop{margin-top:12px;display:flex;flex-direction:column;gap:3px;align-items:center;text-align:center;padding:20px 12px;border:2px dashed #b9c6d3;border-radius:12px;background:#f6f8fb;color:#475569;cursor:pointer}
#demo .jr-drop b{font-size:13px;color:#111827}
#demo .jr-drop em{font-style:normal;font-weight:600;color:#0f766e}

/* scan review layout */
#demo .dm-cols.jr-scancols,#demo .dm-cols.jr-eopcols{grid-template-columns:minmax(0,290px) minmax(0,1fr)}
#demo .jr-left{min-width:0}
#demo .jr-score{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;align-items:center;margin-top:8px;font-size:12px;font-weight:600;color:#374151}
#demo .jr-h3{margin-top:14px;padding-top:10px;border-top:1px solid #e5eaf0}
#demo .jr-crop{margin-top:8px}
#demo .jr-cropbox{height:42px;margin-bottom:6px;border:1px dashed #94a3b8;border-radius:6px;display:grid;place-items:center;font-size:11px;color:#64748b;background:repeating-linear-gradient(45deg,#f6f8fb,#f6f8fb 6px,#eef2f6 6px,#eef2f6 12px)}
#demo .jr-adv{margin-top:6px}
#demo .jr-adv th,#demo .jr-adv td{padding:5px 6px}

/* report document */
#demo .jr-report{max-width:none}
#demo .jr-blk{margin-top:16px;padding-top:12px;border-top:1px solid #e5eaf0}
#demo .jr-report .jr-blk h2{margin-top:0;padding-top:0;border-top:0}
#demo .jr-figrow{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:16px;align-items:start;margin-top:8px}
#demo .jr-svg{display:block;width:100%;max-width:210px;height:auto;background:#f8fafc;border:1px solid #e5eaf0;border-radius:8px}
#demo .jr-mk{opacity:0;pointer-events:none;transition:opacity .2s}
#demo .jr-mk.jr-on{opacity:1}
#demo .jr-mk circle{fill:#2b3d50;stroke:#fff;stroke-width:1.5}
#demo .jr-mk text{fill:#fff;font-size:9px;font-weight:700}
#demo .jr-legend{margin-top:6px;font-size:11px;color:#6b7280}
#demo .jr-co{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:11px;color:#374151}
#demo .jr-co b{width:20px;height:20px;border-radius:50%;background:#2b3d50;color:#fff;display:grid;place-items:center;flex:none;font-size:11px}
#demo .jr-co span{flex:1;min-width:0}
#demo .jr-metric{display:flex;align-items:baseline;gap:8px}
#demo .jr-metric b{font-size:30px;font-weight:700;line-height:1;color:#2b3d50}
#demo .jr-metric span{font-size:11px;color:#6b7280}
#demo .jr-band{margin-top:2px;font-size:11px;font-weight:700;color:#0f766e}
#demo .jr-take{margin-top:8px;padding:8px 10px;background:#f2f7f8;border-left:3px solid #0f766e;border-radius:0 6px 6px 0}
#demo .jr-then{display:grid;grid-template-columns:104px minmax(0,1fr) 72px;gap:10px;align-items:center;margin-top:8px;font-size:12px}
#demo .jr-then span{font-weight:600;color:#374151}
#demo .jr-then b{text-align:right;color:#111827;white-space:nowrap}
#demo .jr-bars{position:relative;height:14px;background:#eef2f6;border-radius:7px;overflow:hidden}
#demo .jr-bars i{position:absolute;left:0;height:7px;border-radius:0 7px 7px 0}
#demo .jr-b0{top:0;background:#cbd5e1}
#demo .jr-b1{top:7px;background:#2b3d50}
#demo .jr-sig{border:1px solid #e5eaf0;border-radius:8px;padding:8px 10px;background:#f8fafc}
#demo .jr-sig span{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b}
#demo .jr-sig b{display:block;margin-top:2px;font-size:12px;color:#111827}
#demo .jr-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}
#demo .jr-sumdoc{max-width:none}
#demo .jr-printwrap .dm-doc{max-width:700px;margin:0 auto;padding:34px 40px;border-radius:4px;border:1px solid #cbd5e1;box-shadow:0 2px 14px rgba(15,23,42,.14);font-family:Georgia,'Times New Roman',serif}
#demo .jr-printwrap .dm-doc p,#demo .jr-printwrap .dm-doc li{font-size:12.5px;line-height:1.6}
#demo .jr-printwrap .jr-del,#demo .jr-printwrap .jr-undo{display:none}

/* present deck */
#demo .dm-modal.dm-full .dm-mbody:has(.jr-deck){padding:0;background:#16212d;display:flex;flex-direction:column}
#demo .jr-deck{flex:1;min-height:0;display:flex;flex-direction:column;color:#fff}
#demo .jr-dtop,#demo .jr-dnav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:#0f1822}
#demo .jr-dtop b{font-size:12px;color:#fff}
#demo .jr-dstage{flex:1;min-height:0;overflow:auto;padding:18px;display:flex}
#demo .jr-slide{width:100%;max-width:660px;margin:auto}
#demo .jr-slidecard{padding:26px 30px}
#demo .jr-slidecard p,#demo .jr-slidecard li{font-size:14px;line-height:1.6}
#demo .jr-slidecard h2{font-size:17px}
#demo .jr-slidecard .jr-metric b{font-size:40px}
#demo .jr-dots{display:flex;gap:7px;align-items:center}
#demo .jr-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#4b5d70;cursor:pointer}
#demo .jr-dot[aria-current="true"]{width:22px;border-radius:6px;background:#8fa5b0}
#demo .jr-dnav .dm-btn2[disabled]{opacity:.35}

/* EOP handout */
#demo .jr-pick{display:block;width:100%;margin-top:6px;padding:8px 10px;text-align:left;font:inherit;background:#fff;border:1px solid #d5dde6;border-radius:8px;cursor:pointer;color:#111827}
#demo .jr-pick:hover{border-color:#8fa5b0}
#demo .jr-pick[aria-pressed="true"]{border-color:#2b3d50;background:#eef5f6;box-shadow:inset 3px 0 0 #2b3d50}
#demo .jr-pick small{display:block;font-size:11px;color:#6b7280}
#demo .jr-pd{display:grid;grid-template-columns:62px minmax(0,1fr) 12px minmax(0,1fr);gap:6px;align-items:center;margin-top:8px;font-size:11px;font-weight:600;color:#374151}
#demo .jr-pd .dm-input{padding:5px 7px;font-size:11px}
#demo .jr-topic{display:flex;align-items:center;gap:8px;margin-top:6px}
#demo .jr-topic .dm-input{flex:1;min-width:0}
#demo .jr-topic .dm-linkbtn{font-size:11px}
#demo .dm-opt .jr-one{width:auto;flex:none;padding:4px 6px}
#demo .jr-eop{max-width:none;padding:26px 30px}
#demo .dm-main .jr-subtitle{margin:2px 0 6px;font-size:13px;color:#475569}
#demo .jr-es{margin-top:14px;padding-top:12px;border-top:1px solid #e5eaf0}
#demo .jr-eshead{display:flex;justify-content:space-between;align-items:center;gap:8px}
#demo .dm-doc .jr-es h2{margin:0;padding:0;border:0}
#demo .jr-del{font:inherit;font-size:10px;color:#94a3b8;background:none;border:1px solid #e2e8f0;border-radius:6px;padding:2px 7px;cursor:pointer}
#demo .jr-del:hover{color:#b91c1c;border-color:#fecaca;background:#fef2f2}
#demo .jr-two2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#demo .jr-two2 .jr-es{border-top:0}
#demo .jr-two2 .jr-then{grid-template-columns:90px minmax(0,1fr) 64px}
#demo .jr-et{min-height:84px;margin-top:6px}
#demo .jr-rhythm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}
#demo .jr-rcard{border:1px solid #d5dde6;border-radius:10px;padding:12px;background:#f8fafc}
#demo .jr-rcard b{display:block;font-size:13px;color:#111827}
#demo .jr-rcard span{display:inline-block;margin:3px 0 5px;padding:1px 8px;border-radius:999px;background:#d1fae5;color:#047857;font-size:11px;font-weight:700}
#demo .jr-foot{margin-top:18px;padding-top:10px;border-top:1px solid #e5eaf0;text-align:center;font-size:10px;color:#64748b}
#demo .jr-undo{margin-top:12px}

@media (max-width:1000px){
#demo .dm-cols.jr-scancols,#demo .dm-cols.jr-eopcols{grid-template-columns:minmax(0,1fr)}
#demo .dm-stats.jr-stats4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:759px){
#demo .jr-figrow,#demo .jr-two2,#demo .jr-rhythm,#demo .jr-three{grid-template-columns:minmax(0,1fr)}
#demo .jr-chunk{grid-template-columns:minmax(0,1fr)}
#demo .jr-frow{grid-template-columns:minmax(0,1fr) auto}
#demo .jr-dev-tablet .dm-phone{width:100%}
#demo .jr-printwrap .dm-doc{padding:18px}
}
#demo .report{background:#e9efed;color:var(--text);font-family:Arial,Helvetica,sans-serif;padding:1px 0}
#demo .report *{box-sizing:border-box}
#demo .report .sheet{container-type:inline-size;width:min(850px,calc(100% - 24px));aspect-ratio:17/22;background:#fff;margin:20px auto;padding:3.6% 5.3% 3%;display:flex;flex-direction:column;box-shadow:0 2px 14px #0002;border-top:7px solid var(--brand);break-after:page;break-inside:avoid}
#demo .report .sheet:last-child{break-after:auto}
#demo .report header,#demo .report footer{display:flex;justify-content:space-between;gap:12px;font-size:1.45cqw;color:var(--muted)}
#demo .report header{border-bottom:1px solid var(--rule);padding-bottom:1.3cqw}
#demo .report header b{color:var(--text)}
#demo .report footer{border-top:1px solid var(--rule);padding-top:1.2cqw;margin-top:auto}
#demo .report .body{flex:1 0 auto;display:flex;flex-direction:column;padding-bottom:2cqw}
#demo .report h1{font:400 3.5cqw/1.15 Georgia,"Times New Roman",serif;color:var(--ink);margin:2.6cqw 0 1.2cqw}
#demo .report h2{font:400 2.6cqw/1.2 Georgia,"Times New Roman",serif;color:var(--ink);margin:2cqw 0 .8cqw}
#demo .report h3{font:700 2.05cqw/1.3 Arial,Helvetica,sans-serif;color:var(--ink);margin:0 0 1cqw}
#demo .report p{margin:0 0 1.3cqw;font-size:1.95cqw;line-height:1.5}
#demo .report b,#demo .report strong{font-weight:700}
#demo .report p b{color:var(--ink)}
#demo .report .hl{background:var(--hl);padding:0 .25em;border-radius:3px}
#demo .report figure{margin:0;width:100%;display:flex;flex-direction:column;align-items:center}
#demo .report figure svg{display:block;max-width:100%;height:auto}
#demo .report .fig svg{display:block;max-width:100%;height:auto}
#demo .report figcaption{font-size:1.3cqw;color:var(--muted);margin-top:.4cqw}
#demo .report .fig-notes{font-size:1.5cqw;color:var(--ink);font-weight:700;margin:.4cqw 0 0}
#demo .report .missing{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.6cqw;color:var(--muted);background:#f4f6f6;border-radius:6px}
#demo .report .panel{background:var(--tint);border-radius:1cqw;padding:1.8cqw 2.2cqw;margin:.6cqw 0 1.4cqw}
#demo .report .panel p:last-child{margin-bottom:0}
#demo .report .panel.warm{background:var(--warm)}
#demo .report .takeaway{background:var(--take);border-radius:1cqw;padding:1.5cqw 2cqw;font-size:1.95cqw;line-height:1.5;margin-top:1cqw}
#demo .report .takeaway .tk{font:700 1.35cqw Arial,Helvetica,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--take-label);margin-right:.8em}
#demo .report ul,#demo .report ol{margin:0 0 1.4cqw;padding-left:2.6cqw}
#demo .report li{font-size:1.95cqw;line-height:1.5;margin-bottom:.8cqw}
#demo .report .cols{display:grid;grid-template-columns:1fr 1fr;gap:2.4cqw;align-items:start}
#demo .report .schedule{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw;margin:1.4cqw 0}
#demo .report .schedule div{border-top:3px solid var(--brand);padding-top:.8cqw;font-size:1.95cqw;line-height:1.4}
#demo .report .schedule b{display:block;color:var(--ink)}
#demo .report .compare-panels{display:grid;grid-template-columns:repeat(2,1fr);gap:2.4cqw;margin:1cqw 0 1.4cqw}
#demo .report .compare-panels[data-count="3"]{grid-template-columns:repeat(3,1fr)}
#demo .report .compare-panel{min-width:0}
#demo .report .compare-frame{width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden}
#demo .report .compare-frame .missing{height:100%}
#demo .report .compare-cap{font-size:1.3cqw;color:var(--muted);margin-top:.4cqw;text-align:center}
#demo .report .compare-panels .when{font:700 1.35cqw Arial;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:.6cqw}
#demo .report table{width:100%;border-collapse:collapse;font-size:1.75cqw;margin:0 0 1.6cqw}
#demo .report th{text-align:left;font:700 1.3cqw Arial;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--rule);padding:.6cqw .8cqw}
#demo .report td{border-bottom:1px solid var(--rule);padding:.7cqw .8cqw}
#demo .report td.num{font-variant-numeric:tabular-nums}
#demo .report .trend{font-size:1.4cqw;color:var(--muted)}
#demo .report .sheet[data-layout="5"]{padding:0}
#demo .report .sheet[data-layout="5"] header{padding:0.682cqw 3.636cqw 0.227cqw;border-bottom:0;font-size:1.25cqw}
#demo .report .sheet[data-layout="5"] footer{margin:0 3.636cqw;padding:0.455cqw 0 0.682cqw;font-size:1.25cqw;border-top:1px solid #d9e2e0}
#demo .report .sheet[data-layout="5"] .body{padding:0 3.636cqw}
#demo .report .l5{flex:1 0 auto;display:flex;flex-direction:column;gap:1.364cqw;font-size:1.534cqw;line-height:1.5;color:#1f2a2a}
#demo .report .l5[data-l5="semg"]{font-size:1.477cqw}
#demo .report[lang="es"] .l5[data-l5="semg"]{font-size:1.42cqw}
#demo .report .l5 p{margin:0;font-size:inherit;line-height:inherit}
#demo .report .l5 b,#demo .report .l5 strong{color:#16211f}
#demo .report .l5-title{display:flex;align-items:baseline;gap:1.136cqw;border-bottom:1px solid #d9e2e0;padding-bottom:1.136cqw}
#demo .report .l5-title h1{margin:0;font:400 3.182cqw/1.15 Georgia,"Times New Roman",serif;color:#16211f}
#demo .report .l5-hl{margin-left:auto;font-size:1.364cqw;color:#3f4f4c;white-space:nowrap}
#demo .report .l5-scan{position:relative;display:flex;align-items:flex-start}
#demo .report .l5[data-l5="semg"] .l5-scan{align-items:stretch}
#demo .report .l5-side{flex:1;min-width:0;padding-top:10.909cqw;display:flex;flex-direction:column;gap:0.682cqw;align-items:center;text-align:center}
#demo .report .l5[data-l5="semg"] .l5-side{padding-top:5.182cqw;padding-bottom:4.545cqw;justify-content:center;gap:0}
#demo .report .l5[data-l5="semg"] .l5-side .l5-key{margin-top:0}
#demo .report .l5-side-title{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0.909cqw;font-size:2.045cqw;line-height:1.2;font-weight:700;text-align:center;max-width:100%}
#demo .report .l5-side-title[data-glyph]{flex-wrap:nowrap;white-space:nowrap;max-width:none}
#demo .report .l5-side-sub{font-size:1.364cqw;line-height:1.4;color:#3f4f4c}
#demo .report .l5-side-rule{width:6.364cqw;height:0.341cqw;margin-top:0.455cqw}
#demo .report .l5-side-glyph{flex-shrink:0;display:block}
#demo .report .l5-key{margin-top:0.682cqw;background:#f6f8f7;border-radius:0.682cqw;display:flex;flex-direction:column;font-size:1.25cqw;color:#3f4f4c;line-height:1.3}
#demo .report .l5-key-bars,#demo .report .l5-key-list{width:17.045cqw;padding:0.909cqw 1.136cqw;gap:0.568cqw}
#demo .report .l5-key-lines{padding:0.795cqw 1.136cqw;gap:0.682cqw;align-items:flex-start}
#demo .report .l5-key-head{font-size:1.136cqw;letter-spacing:0.159cqw;text-transform:uppercase;color:#6b7b78;text-align:left}
#demo .report .l5-krow{display:flex;align-items:center;gap:0.909cqw}
#demo .report .l5-key-bars .l5-krow{justify-content:flex-end}
#demo .report .l5-key-list .l5-krow,#demo .report .l5-key-lines .l5-krow{text-align:left}
#demo .report .l5-sw{display:inline-block;flex-shrink:0;border-radius:0.227cqw;box-sizing:border-box}
#demo .report .l5-sw[data-swatch="bar"]{width:6.818cqw;height:1.364cqw}
#demo .report .l5-key-list .l5-sw[data-swatch="bar"],#demo .report .l5-key-list .l5-sw[data-swatch="outline"]{width:5.227cqw}
#demo .report .l5-sw[data-swatch="outline"]{height:1.364cqw;background:#fff;border:1px solid #9aa7a4}
#demo .report .l5-sw[data-swatch="line"]{width:0.341cqw;height:2.273cqw}
#demo .report .l5-center{flex-shrink:0;display:flex;flex-direction:column;align-items:stretch}
#demo .report .l5-center[data-kind="thermal"]{width:45cqw;gap:0.455cqw}
#demo .report .l5-center[data-kind="semg"]{width:53.409cqw}
#demo .report .l5-center[data-kind="hrv"]{width:46.591cqw;align-items:center;gap:0.682cqw}
#demo .report .l5-center figure{width:100%}
#demo .report .l5 figcaption{display:none}
#demo .report .l5-date{text-align:center;font-size:1.25cqw;line-height:1.818cqw;color:#6b7b78}
#demo .report .l5-semg-head{text-align:center;font-size:2.045cqw;line-height:1.2;font-weight:700;color:#16211f;margin-bottom:0.909cqw}
#demo .report .l5-goals{position:relative;width:100%;height:4.545cqw}
#demo .report .l5-hook-v{position:absolute;top:0;width:0.227cqw;height:1.136cqw;transform:translateX(-50%)}
#demo .report .l5-hook-h{position:absolute;top:1.136cqw;width:1.591cqw;height:0.227cqw;transform:translateX(-50%)}
#demo .report .l5-goal{position:absolute;top:1.705cqw;width:50%;text-align:center;font-size:1.25cqw;line-height:1.3;color:#3f4f4c}
#demo .report .l5-goal.e{left:0}
#demo .report .l5-goal.s{left:50%}
#demo .report .l5-date-strip{position:relative;width:39.773cqw;height:1.818cqw;margin-left:2.727cqw}
#demo .report .l5-date-strip .l5-date{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
#demo .report .l5-hrv-plot{display:flex;align-items:stretch;width:42.5cqw}
#demo .report .l5-axis{width:2.727cqw;position:relative;flex-shrink:0}
#demo .report .l5-axis span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);white-space:nowrap;font-size:1.25cqw;font-weight:700;color:#3f4f4c}
#demo .report .l5-hrv-img{width:39.773cqw;flex-shrink:0}
#demo .report .l5-strip{position:relative;width:39.773cqw;height:5.682cqw;margin-left:2.727cqw}
#demo .report .l5-pedal{position:absolute;top:0;transform:translateX(-50%);text-align:center;line-height:1.25;white-space:nowrap;font-size:1.25cqw}
#demo .report .l5-pedal div:first-child{color:#3f4f4c}
#demo .report .l5-pedal div:last-child{font-weight:700}
#demo .report .l5-balance{position:absolute;top:3.75cqw;transform:translateX(-50%);font-size:1.25cqw;font-weight:700;color:#3f4f4c;white-space:nowrap}
#demo .report .l5-pills{display:flex;gap:0.909cqw;width:100%}
#demo .report .l5-pill{flex:1;display:flex;justify-content:space-between;gap:1.136cqw;padding:0.455cqw 1.136cqw;background:#f6f8f7;border-radius:0.455cqw;font-size:1.25cqw;color:#3f4f4c;white-space:nowrap}
#demo .report .l5-main{border-top:1px solid #d9e2e0;padding-top:1.364cqw;display:flex;flex-direction:column;gap:0.909cqw}
#demo .report .l5[data-l5="hrv"] .l5-main{gap:1.136cqw}
#demo .report .l5-tier{display:flex;align-items:center;gap:0.909cqw}
#demo .report .l5-tier-n{width:2.273cqw;height:2.273cqw;border-radius:50%;background:#16211f;color:#fff;font-size:1.25cqw;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#demo .report .l5-tier-t{font-size:1.136cqw;letter-spacing:0.159cqw;text-transform:uppercase;color:#6b7b78}
#demo .report .l5-boxes{display:flex;gap:1.818cqw;align-items:stretch}
#demo .report .l5-box{flex:1;min-width:0;border-top:0.341cqw solid #16211f;background:#f6f8f7;border-radius:0.682cqw;padding:0.909cqw 1.591cqw;display:flex;flex-direction:column;gap:0.909cqw}
#demo .report .l5[data-l5="hrv"] .l5-box,#demo .report .l5[data-l5="semg"] .l5-box{padding-top:1.136cqw;padding-bottom:1.136cqw}
#demo .report .l5-box[data-tone="A"]{border-top-color:#8a2f1f;background:#faf4f2}
#demo .report .l5-box[data-tone="B"]{border-top-color:#1f4e79;background:#f1f5f9}
#demo .report .l5-kick{font-size:1.136cqw;letter-spacing:0.159cqw;text-transform:uppercase;color:#6b7b78;margin-right:0.682cqw}
#demo .report .l5-take{background:#f6ece4;border-radius:0.682cqw;padding:0.909cqw 1.591cqw;line-height:1.5;display:flex;gap:1.591cqw;align-items:flex-start}
#demo .report .l5[data-l5="hrv"] .l5-take{padding-top:1.136cqw;padding-bottom:1.136cqw}
#demo .report .l5-tk{font-size:1.136cqw;letter-spacing:0.159cqw;text-transform:uppercase;color:#7a5a3f;padding-top:0.455cqw;flex-shrink:0}
#demo .report .l5-foot{margin-top:1.818cqw;font-size:1.364cqw;color:#3f4f4c}
#demo .report .l5-foot[data-kind="turn"]{display:flex;justify-content:flex-end;align-items:center;gap:1.136cqw}
#demo .report .l5-foot[data-kind="turn"] svg{width:3.409cqw;height:1.364cqw;flex-shrink:0}
#demo .report .l5-foot[data-kind="next"]{display:flex;gap:0.909cqw;align-items:baseline;white-space:nowrap}
#demo .report .l5-tone-wrap{position:relative}
#demo .report .l5-tone-key{margin-top:0;width:18.182cqw;padding:0.909cqw 1.136cqw;background:#f6f8f7;border-radius:0.682cqw;display:flex;flex-direction:column;gap:0.795cqw;font-size:1.25cqw;line-height:1.35;color:#3f4f4c;text-align:left}
#demo .report .l5-tone-row{display:flex;flex-direction:row;align-items:center;gap:0.682cqw}
#demo .report .l5-tone-glyph{flex:0 0 1.136cqw;display:flex;align-items:center}
#demo .report .l5-tone-suggest{margin-top:0.227cqw;padding:0.341cqw 0.455cqw;font:inherit;color:inherit;background:#fff;border:1px solid #c3cecb;border-radius:0.455cqw;cursor:pointer}
#demo .report .l5-tone-glyph svg{display:block}
#demo .report .l5-tone-label{flex:1;min-width:0}
#demo .report button.l5-tone-row{width:100%;margin:0;padding:0.341cqw 0.455cqw;font:inherit;line-height:inherit;color:inherit;text-align:left;background:#fff;border:1px solid #c3cecb;border-radius:0.455cqw;cursor:pointer}
#demo .report button.l5-tone-row[aria-pressed="true"]{background:#16211f;color:#fff;border-color:#16211f}
#demo .report button.l5-tone-row:disabled{cursor:default;opacity:.7}
#demo .report .l5-tone-hint{position:absolute;left:0;right:0;top:100%;margin-top:0.682cqw;display:flex;flex-direction:column;gap:0.455cqw;font-size:1.25cqw;line-height:1.35;color:#3f4f4c;text-align:left}
#demo .report .l5-tool-wrap{position:relative}
#demo .report .l5-chip{position:absolute;transform:translate(-50%,-130%);background:#16211f;color:#fff;font-size:1.25cqw;line-height:1.3;padding:0.227cqw 0.909cqw;border-radius:1.136cqw;pointer-events:none;white-space:nowrap}
#demo .report .l5-tool-err{color:#b42318;font-size:1.25cqw}
#demo .report .l5-ts{padding-top:4.545cqw;color:#16211f}
#demo .report .l5-ts-eyebrow{font-size:1.25cqw;letter-spacing:0.227cqw;text-transform:uppercase;color:#6b7b78}
#demo .report .l5-ts-practice{margin-top:8.182cqw;font:400 2.273cqw/1.2 Georgia,"Times New Roman",serif;color:#16211f}
#demo .report .l5-ts-rule{width:6.364cqw;height:0.341cqw;background:#8a2f1f;margin:1.818cqw 0 3.409cqw}
#demo .report .l5-ts-patient{margin:0;font:400 3.864cqw/1.15 Georgia,"Times New Roman",serif;color:#16211f}
#demo .report .l5-ts-meta{margin-top:1.136cqw;font-size:1.534cqw;color:#6b7b78;display:flex;flex-direction:column;gap:0.227cqw}
#demo .report .l5-ts-spacer{flex:1 1 13.636cqw}
#demo .report .l5-ts-contents{list-style:none;margin:0;padding:0 0 0 1.818cqw;border-left:1px solid #d9e2e0;display:flex;flex-direction:column;gap:0.682cqw;max-width:47.727cqw}
#demo .report .l5-ts-contents li{display:flex;gap:1.364cqw;font-size:1.534cqw;line-height:1.4;margin:0;color:#1f2a2a}
#demo .report .l5-ts-contents li span:first-child{width:2.045cqw;color:#6b7b78;flex-shrink:0}
#demo .report .l5-ts-note{margin-top:5.455cqw;padding-bottom:0.909cqw;font-size:1.534cqw;color:#3f4f4c}
#demo .report .l5-fb-intro{font-size:1.42cqw}
#demo .report .l5-fb-legend{display:flex;flex-wrap:wrap;gap:0.682cqw 2.727cqw;align-items:center;font-size:1.25cqw;line-height:1.3;color:#3f4f4c}
#demo .report .l5-fb-legend > span{display:inline-flex;gap:0.909cqw;align-items:center}
#demo .report .l5-fb-swatches{display:inline-flex;gap:0.227cqw}
#demo .report .l5-fb-swatches i{display:block;width:1.136cqw;height:1.364cqw;border-radius:0.227cqw}
#demo .report .l5-fb-wsw{display:inline-block;width:2.955cqw;height:1.364cqw;background:#fdf1dc;border-radius:0.341cqw}
#demo .report .l5-fb-asw{display:inline-block;width:2.955cqw;height:1.364cqw;box-sizing:border-box;background:#fff;border:1px solid #d9453d;border-radius:0.341cqw}
#demo .report .l5-fb{display:flex;flex-direction:column;border-top:1px solid #d9e2e0}
#demo .report .l5-fb-row{display:flex;gap:1.136cqw;align-items:baseline;padding:0.682cqw 0;border-bottom:1px solid #edf1f0;font-size:1.42cqw;line-height:1.4}
#demo .report .l5-fb-row[data-lit="false"]{opacity:.6}
#demo .report .l5-fb-row[data-level="vagus"]{border-bottom:2px solid #d9e2e0;padding-bottom:0.909cqw}
#demo .report .l5-fb-lv{flex:0 0 7.273cqw;box-sizing:border-box;text-align:center;border-radius:0.455cqw;padding:0.114cqw 0.227cqw;font-size:1.307cqw;font-weight:700;line-height:1.35;border:1px solid #d9e2e0;color:#6b7b78;background:#fff;font-family:inherit}
#demo .report .l5-fb-lv[data-chip="level"]{border-color:transparent;color:#fff}
#demo .report .l5-fb-lv[data-chip="arrow"]{border-color:#d9453d;color:#d9453d;background:#fff}
#demo .report .l5-fb-lv[data-chip="words"]{border-color:#8a2f1f;color:#8a2f1f}
#demo .report button.l5-fb-lv{cursor:pointer}
#demo .report .l5-fb-items{flex:1;min-width:0;color:#3f4f4c}
#demo .report .l5-fb-sep{color:#b3bfbc}
#demo .report .l5-fb-it{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;display:inline}
#demo .report .l5-fb-it[data-lit="true"]{font-weight:700;color:#16211f;padding:0 0.455cqw;border-radius:0.341cqw}
#demo .report button.l5-fb-it{cursor:pointer}
#demo .report .l5-fb-why{display:block;margin-top:0.114cqw;font-size:1.25cqw;color:#6b7b78}
#demo .report .l5-fb-bridge{font-size:1.42cqw;color:#3f4f4c}
#demo .report .l5[data-l5="summary"]{justify-content:flex-start;gap:3.182cqw}
#demo .report .l5[data-l5="summary"] .l5-foot{margin-top:0}
#demo .report .l5-sm-lower{margin-bottom:auto}
#demo .report .l5-sm-head{display:flex;flex-direction:column;gap:1.591cqw}
#demo .report .l5-sm-intro{font-size:1.534cqw;text-align:center}
#demo .report .l5-sm-eq{display:flex;align-items:stretch;gap:1.136cqw;background:#f6f8f7;border-radius:0.682cqw;padding:2.273cqw 1.591cqw;font-size:1.818cqw;line-height:1.3;color:#16211f}
#demo .report .l5-sm-eq .cell{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700}
#demo .report .l5-sm-eq .cell:last-child{flex:1.7}
#demo .report .l5-sm-eq .op{display:flex;align-items:center;justify-content:center;width:3.182cqw;font-size:2.045cqw;color:#6b7b78}
#demo .report .l5-sm-cols{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto repeat(3,minmax(13.864cqw,1fr));column-gap:1.818cqw}
#demo .report .l5-sm-col{grid-row:1 / span 4;display:grid;grid-template-rows:subgrid;min-width:0;border-top:0.341cqw solid #8a2f1f;background:#faf4f2;border-radius:0.682cqw;padding:0 1.591cqw}
#demo .report .l5-sm-col[data-col="duration"]{border-top-color:#1f4e79;background:#f1f5f9}
#demo .report .l5-sm-col > :first-child{padding-top:2.045cqw}
#demo .report .l5-sm-col > :last-child{padding-bottom:1.364cqw}
#demo .report .l5-sm-colhead{display:flex;flex-direction:column;gap:0.227cqw}
#demo .report .l5-sm-col h2{margin:0;font:700 1.705cqw/1.25 Arial,Helvetica,sans-serif;color:#8a2f1f}
#demo .report .l5-sm-col[data-col="duration"] h2{color:#1f4e79}
#demo .report .l5-sm-sub{margin:0;font-size:1.364cqw;line-height:1.4;color:#3f4f4c}
#demo .report .l5-sm-row{display:flex;flex-direction:column;gap:0.227cqw;padding-top:2.045cqw;padding-bottom:2.045cqw;border-top:1px solid #0000001a;min-width:0}
#demo .report .l5-sm-col > .l5-sm-row:last-child{padding-bottom:2.045cqw}
#demo .report .l5-sm-scan{font-size:1.136cqw;letter-spacing:0.159cqw;text-transform:uppercase;line-height:1.3;color:#6b7b78}
#demo .report .l5-sm-row[data-scan="semg"] .l5-sm-scan{text-transform:none}
#demo .report .l5-sm-rowhead{display:flex;align-items:flex-start;justify-content:space-between;gap:0.909cqw}
#demo .report .l5-sm-label{font-size:1.705cqw;font-weight:700;line-height:1.3;color:#16211f}
#demo .report .l5-sm-meter{display:inline-flex;gap:0.568cqw;flex-shrink:0;margin-top:0.398cqw}
#demo .report .l5-sm-dot{display:block;width:1.364cqw;height:1.364cqw;border-radius:50%;border:0.17cqw solid currentColor;box-sizing:border-box}
#demo .report .l5-sm-dot[data-on="true"]{background:currentColor}
#demo .report .l5-sm-dot[data-on="false"]{opacity:.35}
#demo .report .l5-sm-reading{font-size:1.591cqw;line-height:1.45;margin-top:0.227cqw;color:#1f2a2a}
#demo .report .l5-sm-syn{font:400 2.273cqw/1.4 Georgia,"Times New Roman",serif;color:#16211f;text-align:center;padding:0 2.273cqw}
#demo .report .l5-sm-lower{display:grid;grid-template-columns:1fr 1fr;gap:1.818cqw;align-items:stretch}
#demo .report .l5-sm-lower[data-count="1"]{grid-template-columns:1fr}
#demo .report .l5-sm-goals{min-width:0;min-height:15.909cqw;background:#f6f8f7;border-top:0.341cqw solid #16211f;border-radius:0.682cqw;padding:2.045cqw 1.818cqw 2.273cqw}
#demo .report .l5-sm-goals h3{margin:0 0 1.136cqw;font:700 1.705cqw/1.3 Arial,Helvetica,sans-serif;color:#16211f}
#demo .report .l5-sm-goals ul{margin:0;padding:0 0 0 2.045cqw}
#demo .report .l5-sm-goals li{font-size:1.591cqw;line-height:1.45;margin:0 0 0.568cqw}
@container (max-width:560px){#demo .report .l5-sm-cols{grid-template-columns:1fr;grid-template-rows:none;row-gap:1.364cqw}
#demo .report .l5-sm-col{grid-row:auto;grid-template-rows:none;display:flex;flex-direction:column}
#demo .report .l5-sm-lower{grid-template-columns:1fr}
}
#demo .report .l5-rc-phases{display:flex;gap:1.591cqw;align-items:stretch}
#demo .report .l5-rc-card{flex:1;min-width:0;background:#f6f8f7;border-radius:0.682cqw;border-top:0.341cqw solid #16211f;padding:1.136cqw 1.591cqw 1.364cqw;display:flex;flex-direction:column;gap:0.455cqw}
#demo .report .l5-rc-card[data-phase="0"]{border-top-color:#8a2f1f}
#demo .report .l5-rc-card[data-phase="2"]{border-top-color:#1f4e79}
#demo .report .l5-rc-kick{font-size:1.136cqw;letter-spacing:0.159cqw;text-transform:uppercase;color:#6b7b78}
#demo .report .l5-rc-name{font-size:2.045cqw;font-weight:700;line-height:1.2;color:#16211f}
#demo .report .l5-rc-text{font-size:1.534cqw;line-height:1.5}
#demo .report .l5-rc-sched{align-self:center;width:100%;max-width:59.091cqw;background:#faf4f2;border-radius:0.682cqw;padding:1.136cqw 1.591cqw 1.364cqw;display:flex;flex-direction:column;gap:0.909cqw}
#demo .report .l5-rc-sched h2{margin:0;text-align:center;font:700 1.534cqw/1.3 Arial,Helvetica,sans-serif;color:#16211f}
#demo .report .l5-rc-cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.136cqw}
#demo .report .l5-rc-cell{text-align:center;display:flex;flex-direction:column;gap:0.227cqw}
#demo .report .l5-rc-cell span{font-size:1.25cqw;letter-spacing:0.114cqw;text-transform:uppercase;color:#6b7b78}
#demo .report .l5-rc-cell b{font-size:2.045cqw;line-height:1.25;color:#16211f}
#demo .report .l5-rc-cell[data-unset="true"] b{font-size:1.364cqw;font-weight:400;color:#3f4f4c}
#demo .report .l5-rc-note{text-align:center;font-size:1.364cqw;line-height:1.4;color:#3f4f4c}
#demo .report .l5-rc-how h3,#demo .report .l5-rc-tips h3{margin:0 0 0.455cqw;font:700 1.534cqw/1.3 Arial,Helvetica,sans-serif;color:#16211f}
#demo .report .l5-rc-tips ul{margin:0;padding:0 0 0 2.045cqw}
#demo .report .l5-rc-tips li{font-size:1.534cqw;line-height:1.45;margin:0 0 0.341cqw}
#demo .report .l5-rc-lines{display:flex;flex-direction:column;gap:0.909cqw;font-size:1.364cqw;color:#3f4f4c}
#demo .report .l5-rc-lines div{border-bottom:1px solid #d9e2e0;padding-bottom:0.227cqw;white-space:pre-wrap}
#demo .report .l5-rc-wellness{align-self:flex-end;max-width:43.182cqw;background:#f1f5f9;border-radius:0.682cqw;padding:0.909cqw 1.364cqw;font-size:1.364cqw;line-height:1.45;color:#1f2a2a}
#demo .report .l5-rc-wellness b{display:block;margin-bottom:0.227cqw;color:#16211f}

/* ===== Scan Reports: translated from the Tailwind classes in ScanReportsClient, ScanReviewSplit, ScanReviewPanel, CpbScoring, ui.tsx ===== */
#demo .sr-page{max-width:1400px;margin:0 auto}
#demo .sr-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#demo .sr-h1{margin:0;font-size:24px;line-height:32px;font-weight:600;color:#111827;font-family:inherit;letter-spacing:0;text-transform:none}
#demo .sr-upload{border:0;border-radius:4px;background:#111827;color:#fff;padding:8px 16px;font:500 14px/20px inherit;font-family:inherit;cursor:pointer}
#demo .sr-upload:hover{background:#1f2937}
#demo .sr-banner{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #bbf7d0;border-radius:8px;background:#f0fdf4;color:#166534;padding:8px 16px;font-size:14px}
#demo .sr-banner.sr-bad{border-color:#fecaca;background:#fef2f2;color:#991b1b}
#demo .sr-greenl{color:#166534}
#demo .sr-tabs{display:flex;gap:4px;margin-top:16px;border-bottom:1px solid #e5e7eb}
#demo .sr-tab{margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:none;padding:8px 16px;font:500 14px/20px inherit;font-family:inherit;color:#4b5563;cursor:pointer}
#demo .sr-tab:hover{color:#111827}
#demo .sr-tab[aria-selected="true"]{border-bottom-color:#111827;color:#111827}
#demo .sr-badge{margin-left:8px;border-radius:999px;background:#fef3c7;color:#92400e;padding:2px 8px;font-size:12px}
#demo .sr-grid2{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:24px;margin-top:16px}
#demo .sr-card{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:16px}
#demo .sr-card>*+*{margin-top:12px}
#demo .sr-right{min-height:200px}
#demo .sr-right>*+*{margin-top:12px}
#demo .sr-stack{display:flex;flex-direction:column;gap:8px}
#demo .sr-stack3{display:flex;flex-direction:column;gap:12px}
#demo .sr-input{width:100%;border:1px solid #d1d5db;border-radius:4px;padding:8px 12px;font:14px/20px inherit;font-family:inherit;box-sizing:border-box}
#demo .sr-hint{margin:0;font-size:12px;line-height:16px;color:#6b7280}
#demo .sr-h3{margin:0 0 4px;font:600 12px/16px inherit;font-family:inherit;text-transform:uppercase;letter-spacing:.05em;color:#4b5563}
#demo .sr-h3b{margin:0;font:600 14px/20px inherit;font-family:inherit;color:#0f172a}
#demo .sr-h2{margin:0 0 4px;font:600 16px/24px inherit;font-family:inherit;color:#0f172a}
#demo .sr-list{list-style:none;margin:0;padding:0;border:1px solid #e5e7eb;border-radius:4px}
#demo .sr-list>li+li{border-top:1px solid #e5e7eb}
#demo .sr-pick,#demo .sr-needs{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;border:0;background:none;padding:8px 12px;text-align:left;font:14px/20px inherit;font-family:inherit;color:#111827;cursor:pointer}
#demo .sr-pick{font-weight:500}
#demo .sr-pick:hover,#demo .sr-needs:hover{background:#f9fafb}
#demo .sr-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;font-size:14px}
#demo .sr-row p,#demo .sr-needs p{margin:0}
#demo .sr-b{font-weight:500;margin:0}
#demo .sr-base{font-size:16px;line-height:24px;font-weight:600}
#demo .sr-sm{font-size:14px;line-height:20px;margin:0;color:#111827}
#demo .sr-xs{font-size:12px;line-height:16px;margin:0}
#demo .sr-xxs{font-size:11px;line-height:16px;margin:0}
#demo .sr-blk{display:block}
#demo .sr-gray{color:#6b7280}
#demo .sr-gray2{color:#4b5563}
#demo .sr-amber{color:#92400e}
#demo .sr-amber2{color:#78350f}
#demo .sr-green{color:#15803d}
#demo .sr-red{color:#b91c1c}
#demo .sr-up{text-transform:uppercase}
#demo .sr-act{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#demo .sr-btn,#demo .sr-dark,#demo .sr-dbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;font:500 14px/20px inherit;font-family:inherit;cursor:pointer;text-decoration:none}
#demo .sr-btn{border:1px solid #e2e8f0;background:#fff;color:#1e293b;padding:6px 12px}
#demo .sr-btn:hover{border-color:#cbd5e1;background:#f8fafc}
#demo .sr-btn[disabled],#demo .sr-dark[disabled],#demo .sr-dbtn[disabled],#demo .sr-sw[disabled]{opacity:.4;pointer-events:none}
#demo .sr-dark{border:0;background:#0f172a;color:#fff;padding:6px 12px;box-shadow:0 1px 2px rgba(0,0,0,.08)}
#demo .sr-dark:hover{background:#334155}
#demo .sr-wide{width:100%;justify-content:flex-start}
#demo .sr-link{border:0;background:none;padding:0;font:14px/20px inherit;font-family:inherit;color:#1d4ed8;text-decoration:underline;cursor:pointer}
#demo .sr-ulink{border:0;background:none;padding:0;font:14px/20px inherit;font-family:inherit;color:#1d4ed8;text-decoration:underline;cursor:pointer;display:block;text-align:left}
#demo .sr-chip{display:inline-block;border-radius:999px;padding:2px 8px;font-size:12px;line-height:16px;font-weight:500}
#demo .sr-chip-uploaded{background:#f3f4f6;color:#374151}
#demo .sr-chip-processing{background:#eff6ff;color:#1d4ed8}
#demo .sr-chip-ready,#demo .sr-chip-reviewed{background:#f0fdf4;color:#15803d}
#demo .sr-chip-needs_review{background:#fffbeb;color:#92400e}
#demo .sr-chip-failed{background:#fef2f2;color:#b91c1c}
#demo .sr-chip-reviewed{background:#ecfdf5;color:#065f46}
#demo .sr-padd{padding:16px}
#demo .sr-mt{margin-top:12px}
#demo .sr-mt2{margin-top:8px}
/* review split */
#demo .sr-split{min-width:0;margin:-4px -4px 0}
#demo .sr-header{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;border-bottom:1px solid #e2e8f0;background:rgba(255,255,255,.95);padding:8px 12px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
#demo .sr-header strong{color:#0f172a}
#demo .sr-msg{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:420px;color:#334155}
#demo .sr-chip.sr-chip-reviewed{background:#ecfdf5;color:#065f46}
#demo .sr-body{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);min-width:0}
#demo .sr-left{min-width:0;padding:12px;border-right:12px solid #f1f5f9;overflow-y:auto}
#demo .sr-right{min-width:0}
#demo .sr-rail{position:sticky;top:44px;z-index:10;display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid #e2e8f0;background:rgba(248,250,252,.95);padding:8px 12px}
#demo .sr-railb{flex:none;display:inline-flex;align-items:center;gap:6px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;padding:4px 10px;font:500 12px/16px inherit;font-family:inherit;color:#334155;cursor:pointer}
#demo .sr-railb:hover{border-color:#cbd5e1;background:#f1f5f9}
#demo .sr-num{color:#64748b}
#demo .sr-adot{width:8px;height:8px;border-radius:50%;background:#f59e0b}
#demo .sr-actions{position:sticky;bottom:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid #e2e8f0;background:rgba(255,255,255,.95);padding:8px 12px;box-shadow:0 -1px 3px rgba(15,23,42,.06)}
#demo .sr-panel{border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
#demo .sr-panel>*+*{margin-top:20px}
#demo .sr-stat{display:flex;width:100%;box-sizing:border-box;align-items:center;gap:8px;margin:0;border-radius:12px;padding:8px 12px;font:500 14px/20px inherit;font-family:inherit;text-align:left}
#demo .sr-stat-green{background:#ecfdf5;color:#064e3b}
#demo .sr-stat-green .sr-dot{background:#10b981}
#demo .sr-stat-amber{border:1px solid #fcd34d;background:#fffbeb;color:#78350f;cursor:pointer}
#demo .sr-stat-amber .sr-dot{background:#f59e0b}
#demo .sr-dot{width:8px;height:8px;border-radius:50%}
#demo .sr-lead{margin:0;font-size:18px;line-height:28px;font-weight:600;color:#0f172a}
#demo .sr-sec{border-top:1px solid #f1f5f9;padding-top:16px}
#demo .sr-fset{margin:0;min-width:0;border:0;padding:0}
#demo .sr-legend,#demo .sr-up2{margin:0 0 4px;padding:0;font:600 14px/20px inherit;font-family:inherit;text-transform:uppercase;letter-spacing:.05em;color:#475569}
#demo .sr-up2{margin-bottom:8px}
#demo .sr-seg{display:flex;flex-wrap:wrap;gap:4px;border-radius:12px;background:#f1f5f9;padding:4px}
#demo .sr-segb{border:0;border-radius:8px;background:none;padding:4px 12px;font:500 14px/20px inherit;font-family:inherit;color:#475569;cursor:pointer}
#demo .sr-segb:hover:not([disabled]){color:#0f172a}
#demo .sr-segb[aria-pressed="true"]{background:#fff;color:#0f172a;box-shadow:0 1px 2px rgba(0,0,0,.08)}
#demo .sr-segb[disabled]{opacity:.4;cursor:not-allowed}
#demo .sr-divide>*+*{border-top:1px solid #f1f5f9}
#demo .sr-togrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0}
#demo .sr-togrow span[data-jr]{cursor:pointer}
#demo .sr-sw{position:relative;flex:none;display:inline-flex;align-items:center;width:36px;height:20px;border:0;border-radius:999px;background:#cbd5e1;cursor:pointer;padding:0}
#demo .sr-sw[aria-checked="true"]{background:#059669}
#demo .sr-knob{display:inline-block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transform:translateX(2px);transition:transform .15s}
#demo .sr-sw[aria-checked="true"] .sr-knob{transform:translateX(18px)}
#demo .sr-status{margin:8px 0 0;min-height:20px;font-size:14px}
#demo .sr-cb{display:flex;align-items:center;gap:8px;font-size:14px;color:#1e293b}
#demo .sr-ind{margin-left:24px}
#demo .sr-warnbox{border:1px solid #fcd34d;border-radius:12px;background:#fffbeb;padding:12px}
#demo .sr-sum{cursor:pointer;font:500 14px/20px inherit;font-family:inherit;color:#334155}
#demo .sr-cropbox{margin-top:8px;border:1px solid #e2e8f0;border-radius:8px;padding:8px}
#demo .sr-fs{margin:0;min-width:0;border:0;padding:0}
#demo .sr-leg{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;padding:0;font:500 14px/20px inherit;font-family:inherit;color:#0f172a}
#demo .sr-from{border-radius:4px;background:#f0f9ff;color:#075985;padding:0 4px;font-size:11px;font-weight:400}
#demo .sr-five{margin-top:4px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
#demo .sr-n{border:1px solid #cbd5e1;border-radius:4px;background:#fff;padding:4px;font:14px/20px inherit;font-family:inherit;color:#1e293b;cursor:pointer;text-align:center}
#demo .sr-n[aria-pressed="true"]{border-color:#0f172a;background:#0f172a;color:#fff}
#demo .sr-three{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#demo .sr-pill{border:1px solid #e2e8f0;border-radius:4px;background:#f8fafc;padding:8px;text-align:center}
#demo .sr-dl{margin:4px 0 0;font-size:12px;color:#475569}
#demo .sr-dl dt{margin:0}
#demo .sr-dl dd{margin:0;font-size:14px;color:#0f172a}
#demo .sr-lab{display:block;margin-top:12px;font-size:12px;font-weight:500;color:#475569}
#demo .sr-ta{display:block;width:100%;margin-top:4px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:4px;padding:4px 8px;font:14px/20px inherit;font-family:inherit}
#demo .sr-svg{display:block;width:100%;height:auto}
#demo .sr-figbox{transition:transform .2s}
#demo .report figure{margin:0}
#demo .report .compare-frame{max-height:none}
#demo .report .jr-mk{opacity:1}
#demo .report .l5-cmp,#demo .report section[data-l5="compare"],#demo .report section[data-l5="plan"]{display:block}
#demo .sr-printwrap{max-width:none}
/* presenter */
#demo .dm-modal.dm-full .dm-mbody:has(.sr-deck){padding:0;background:#fff;display:flex;flex-direction:column}
#demo .sr-deck{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff;color:#000}
#demo .sr-dtop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e8f0;padding:12px 24px;font-size:14px}
#demo .sr-dtop p{margin:0;font-weight:600}
#demo .sr-rail2{display:flex;flex-wrap:wrap;gap:8px}
#demo .sr-rp{border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#000;padding:4px 12px;font:14px/20px inherit;font-family:inherit;cursor:pointer}
#demo .sr-rp[aria-pressed="true"]{border-color:#000;background:#000;color:#fff}
#demo .sr-dstage{flex:1;min-height:0;overflow:auto}
#demo .sr-dnav{display:flex;justify-content:space-between;gap:16px;padding:16px 24px}
#demo .sr-dbtn{border:1px solid #94a3b8;background:#fff;color:#000;padding:12px 20px;font-size:16px}
#demo .sr-dbtn.sr-dblack{background:#000;color:#fff;border-color:#000;font-weight:600}
#demo .sr-page,#demo .sr-split{container-type:inline-size}
@container (max-width:820px){
#demo .sr-grid2{grid-template-columns:minmax(0,1fr)}
#demo .sr-body{grid-template-columns:minmax(0,1fr)}
#demo .sr-left{order:2;border-right:0}
}

/* ===== Travel Card (submissions/[id]/travel-card/page.tsx) ===== */
#demo .tc-page{max-width:768px;margin:0 auto;padding:12px}
#demo .tc-backb{display:flex;align-items:center;gap:4px;border:0;background:none;padding:0;font:14px/20px inherit;font-family:inherit;color:#6b7280;cursor:pointer;margin-bottom:20px}
#demo .tc-backb:hover{color:#374151}
#demo .tc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}
#demo .tc-h1{margin:0;font:700 24px/32px inherit;font-family:inherit;letter-spacing:0;text-transform:none;color:#111827}
#demo .tc-sub{margin:4px 0 0;font-size:14px;color:#6b7280}
#demo .tc-faint{margin:4px 0 0;font-size:12px;color:#9ca3af}
#demo .tc-acts{display:flex;gap:8px;align-items:center}
#demo .tc-copy,#demo .tc-regen{border-radius:8px;padding:8px 16px;font:500 14px/20px inherit;font-family:inherit;white-space:nowrap;cursor:pointer}
#demo .tc-copy{border:0;background:#111827;color:#fff}
#demo .tc-copy.tc-done{background:#d1fae5;color:#047857;border:1px solid #a7f3d0}
#demo .tc-regen{border:1px solid #e5e7eb;background:#fff;color:#4b5563}
#demo .tc-regen:hover{border-color:#d1d5db;color:#1f2937}
#demo .tc-regen[disabled]{opacity:.6}
#demo .tc-scans{display:flex;justify-content:flex-end;margin-bottom:8px}
#demo .tc-link{border:0;background:none;padding:0;font:500 14px/20px inherit;font-family:inherit;color:#075985;text-decoration:underline;cursor:pointer}
#demo .tc-scanrow{display:flex;gap:8px;align-items:center;font-size:14px;color:#1e293b;margin:4px 0}
#demo .tc-stack>*+*{margin-top:16px}
#demo .tc-review{border:1px solid #8fa5b0;border-radius:8px;background:#fff;padding:12px 20px;font-size:14px;font-weight:600;color:#2b3d50}
#demo .tc-review span{font-weight:400}
#demo .tc-busy{border:1px solid #dbeafe;border-radius:8px;background:#eff6ff;padding:12px 20px;font-size:14px;color:#1e40af}
#demo .tc-box{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:12px 20px}
#demo .tc-sum{cursor:pointer;font-size:14px;font-weight:600;color:#374151}
#demo .tc-hist{margin-top:12px;display:flex;flex-direction:column;gap:8px}
#demo .tc-hbtn{display:block;width:100%;border:0;border-radius:6px;background:#f9fafb;padding:8px 12px;text-align:left;font:12px/16px inherit;font-family:inherit;color:#374151;cursor:pointer}
#demo .tc-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden}
#demo .tc-cardhead{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #f3f4f6;background:#f9fafb}
#demo .tc-cardhead h2{margin:0;font:600 14px/20px inherit;font-family:inherit;color:#374151;letter-spacing:0;text-transform:none}
#demo .tc-badges{display:flex;gap:8px;align-items:center}
#demo .tc-b-amber,#demo .tc-b-gray,#demo .tc-b-blue,#demo .tc-b-copy{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;border:0;font-family:inherit}
#demo .tc-b-amber{background:#fef3c7;color:#b45309}
#demo .tc-b-gray{background:#f3f4f6;color:#9ca3af}
#demo .tc-card.tc-blue{border-color:#bfdbfe}
#demo .tc-bluehead{background:#eff6ff;border-bottom-color:#dbeafe}
#demo .tc-bluehead h2{color:#1e3a8a}
#demo .tc-b-blue,#demo .tc-b-copy{background:#dbeafe;color:#1d4ed8}
#demo .tc-b-copy{cursor:pointer}
#demo .tc-b-copy.tc-done{background:#d1fae5;color:#047857}
#demo .tc-cardbody{padding:20px}
#demo .tc-pre{margin:0;font:14px/1.625 inherit;font-family:inherit;color:#1f2937;white-space:pre-wrap}

/* ===== EOP Summary (EopSummaryPageClient.tsx) ===== */
#demo .eop-page{margin:-8px}
#demo .eop-header{position:sticky;top:0;z-index:10;border-bottom:1px solid #e2e8f0;background:#fff;padding:12px 16px}
#demo .eop-hrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
#demo .eop-title{margin:0;font:600 18px/28px inherit;font-family:inherit;letter-spacing:0;text-transform:none;color:#020617}
#demo .eop-sub{margin:0;font-size:14px;color:#475569}
#demo .eop-btns{display:flex;flex-wrap:wrap;gap:8px}
#demo .eop-b1,#demo .eop-gen,#demo .eop-save{border-radius:6px;padding:8px 12px;font:600 14px/20px inherit;font-family:inherit;cursor:pointer;text-decoration:none}
#demo .eop-b1{border:1px solid #e0e0e0;background:#fff;color:#2b3d50}
#demo .eop-gen{border:0;background:#2b3d50;color:#fff}
#demo .eop-save{border:0;background:#c48b8b;color:#fff}
#demo .eop-b1[disabled],#demo .eop-save[disabled]{opacity:.5;cursor:default}
#demo .eop-msg{margin:12px 0 0;border:1px solid #a7f3d0;border-radius:8px;background:#ecfdf5;color:#065f46;padding:8px 12px;font-size:14px}
#demo .eop-main{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:24px;padding:24px 16px}
#demo .eop-aside{min-width:0}
#demo .eop-aside>*+*{margin-top:16px}
#demo .eop-card{border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:16px}
#demo .eop-gap>*+*{margin-top:12px}
#demo .eop-lab2{display:block;font:600 14px/20px inherit;font-family:inherit;color:#2b3d50}
#demo .eop-mb{margin-bottom:8px}
#demo .eop-inp{display:block;width:100%;margin-top:8px;box-sizing:border-box;border:1px solid #e0e0e0;border-radius:8px;padding:8px 12px;font:14px/20px inherit;font-family:inherit}
#demo .eop-hits{margin-top:8px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}
#demo .eop-hit{display:block;width:100%;border:0;border-bottom:1px solid #e0e0e0;background:#fff;padding:8px 12px;text-align:left;font:14px/20px inherit;font-family:inherit;color:#2b3d50;cursor:pointer}
#demo .eop-hit:last-child{border-bottom:0}
#demo .eop-hit:hover{background:#f7f7f7}
#demo .eop-xs{margin:8px 0 0;font-size:12px;color:#666}
#demo .eop-xs2{margin:0;font-size:12px;color:#64748b}
#demo .eop-h2{margin:0;font:600 14px/20px inherit;font-family:inherit;letter-spacing:0;text-transform:none;color:#020617}
#demo .eop-fld{display:grid;gap:4px}
#demo .eop-fld>span{font-size:12px;font-weight:600;color:#334155}
#demo .eop-ta,#demo .eop-inp2,#demo .eop-ta2,#demo .eop-inp3{width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;font:14px/20px inherit;font-family:inherit}
#demo .eop-ta{min-height:64px}
#demo .eop-ta2{min-height:80px;margin-top:8px}
#demo .eop-inp3{font-weight:600}
#demo .eop-topic{border:1px solid #e2e8f0;border-radius:6px;padding:12px}
#demo .eop-trow{display:flex;align-items:center;gap:8px}
#demo .eop-cb{width:16px;height:16px}
#demo .eop-11{margin:4px 0 0;font-size:11px;color:#64748b}
#demo .eop-lnk{margin-top:8px;border:0;background:none;padding:0;font:600 12px/16px inherit;font-family:inherit;color:#547687;cursor:pointer}
#demo .eop-row{display:flex;flex-wrap:wrap;gap:8px}
#demo .eop-b2,#demo .eop-b3{border-radius:6px;padding:8px 12px;font:600 12px/16px inherit;font-family:inherit;background:#fff;cursor:pointer}
#demo .eop-b2{border:1px solid #cbd5e1;color:#111827}
#demo .eop-b3{border:1px solid #2b3d50;color:#2b3d50}
#demo .eop-fs{margin:0;border:0;padding:0}
#demo .eop-fs>*+*{margin-top:12px}
#demo .eop-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#demo .eop-radio{display:flex;align-items:center;gap:8px;font-size:14px}
#demo .eop-draft{width:100%;min-height:320px;box-sizing:border-box;border:1px solid #e0e0e0;border-radius:8px;padding:16px;font:14px/24px ui-monospace,Menlo,monospace;color:#2b3d50}
#demo .eop-right{min-width:0}
#demo .eop-note{margin:0 0 16px;font-size:14px;color:#666}
#demo .eop-root{max-width:850px;margin:0 auto;background:#f7f7f7;padding:12px}
#demo .eop-root.eop-hidden{display:none}
#demo .eop-printroot{background:#fff;padding:0}
#demo .eop-sheet{border:1px solid #e0e0e0;border-radius:8px;background:#fff}
#demo .eop-top{border-bottom:6px solid #c48b8b;padding:20px 28px}
#demo .eop-eyebrow{margin:0 0 4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#c48b8b}
#demo .eop-h1{margin:0;font:700 28px/1.15 inherit;font-family:inherit;letter-spacing:0;text-transform:none;color:#2b3d50}
#demo .eop-lede{margin:4px 0 0;font-size:14px;line-height:20px;color:#666}
#demo .eop-who{margin:8px 0 0;font-size:12px;font-weight:600;color:#547687}
#demo .eop-content{padding:16px 28px;font-size:13px;line-height:1.35;color:#666}
#demo .eop-content>*+*{margin-top:12px}
#demo .eop-section h2,#demo .eop-future h2,#demo .eop-rhythm h2{margin:0;font:700 16px/1.3 inherit;font-family:inherit;letter-spacing:0;text-transform:none;color:#2b3d50}
#demo .eop-section.eop-grey{background:#f7f7f7}
#demo .eop-sh{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
#demo .eop-rm{flex:none;border:0;background:none;padding:0;font:600 11px/16px inherit;font-family:inherit;text-transform:uppercase;letter-spacing:.05em;color:#547687;cursor:pointer}
#demo .eop-list,#demo .eop-timeline{margin:0;padding:0;list-style:none;display:grid;gap:8px}
#demo .eop-list li{border-bottom:1px solid #e0e0e0;padding-bottom:8px}
#demo .eop-list li:last-child{border-bottom:0;padding-bottom:0}
#demo .eop-timeline{gap:6px}
#demo .eop-timeline li{border-bottom:1px solid #e0e0e0;padding-bottom:5px}
#demo .eop-timeline li:last-child{border-bottom:0;padding-bottom:0}
#demo .eop-lab{margin-right:8px;font-weight:600;color:#2b3d50}
#demo .eop-hide{margin:0}
#demo .eop-p{margin:4px 0 0}
#demo .eop-p0{margin:0}
#demo .eop-line{cursor:text;border-radius:3px}
#demo .eop-line:hover{background:#f1f5f9}
#demo .eop-edit{width:100%;box-sizing:border-box;border:1px solid #8fa5b0;border-radius:4px;padding:2px 6px;font:inherit}
#demo .eop-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#demo .eop-future{border-top:1px solid #e0e0e0;padding-top:8px}
#demo .eop-tt{margin:0 0 4px;font-weight:600;color:#2b3d50}
#demo .eop-rhythm{border:1px solid #cfdce1;border-radius:8px;background:#edf3f5;padding:12px}
#demo .eop-two{display:grid;grid-template-columns:1fr 1fr;margin-top:8px}
#demo .eop-colL{padding-right:12px;border-right:1px solid #cfdce1}
#demo .eop-colR{padding-left:12px}
#demo .eop-kick{margin:0 0 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
#demo .eop-pink{color:#c48b8b}
#demo .eop-blue{color:#547687}
#demo .eop-h3{margin:0;font:700 17px/20px inherit;font-family:inherit;letter-spacing:0;text-transform:none;color:#2b3d50}
#demo .eop-big{margin:4px 0;font-size:22px;font-weight:700;line-height:24px;color:#2b3d50}
#demo .eop-close{margin:8px 0 0;font-size:13px;font-weight:700;color:#2b3d50}
#demo .eop-foot{border-top:1px solid #e0e0e0;padding-top:12px;font-size:12px;line-height:16px}
@container (max-width:760px){#demo .eop-main{grid-template-columns:minmax(0,1fr)}#demo .eop-grid2,#demo .eop-two{grid-template-columns:minmax(0,1fr)}}
#demo .eop-page{container-type:inline-size}

/* ===== Clinical Summary patient tab (ClinicalSummaryTab.tsx) ===== */
#demo .cs-page{max-width:1024px;margin:0 auto;container-type:inline-size}
#demo .cs-back{font-size:14px;color:#4b5563;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
#demo .cs-top{display:flex;height:40px;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
#demo .cs-who{display:flex;align-items:baseline;gap:8px}
#demo .cs-name{font-size:16px;font-weight:600;color:#111827}
#demo .cs-type{font-size:12px;color:#6b7280}
#demo .cs-ctl{display:flex;align-items:center;gap:8px}
#demo .cs-sel{height:32px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;padding:0 8px;font:14px inherit;font-family:inherit;color:#0f172a}
#demo .cs-fam{height:32px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;padding:0 8px;font:600 12px inherit;font-family:inherit;color:#334155;cursor:pointer}
#demo .cs-fam[aria-pressed="true"]{border-color:#2b3d50;background:#2b3d50;color:#fff}
#demo .cs-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.6fr);gap:16px;margin-top:8px}
#demo .cs-left,#demo .cs-main{min-width:0}
#demo .cs-main>*+*,#demo [data-cs-body]>*+*{margin-top:16px}
#demo .cs-stack>*+*{margin-top:12px}
#demo .cs-det{border:1px solid #e5e7eb;border-radius:12px;background:#fff}
#demo .cs-dsum{cursor:pointer;padding:8px 12px;font:600 12px/16px inherit;font-family:inherit;color:#111827}
#demo .cs-rows{padding:0 12px 8px}
#demo .cs-row{padding:6px 0;border-top:1px solid #f3f4f6}
#demo .cs-rl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}
#demo .cs-rv{font-size:14px;white-space:pre-wrap;color:#111827}
#demo .cs-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:16px}
#demo .cs-gap>*+*{margin-top:20px}
#demo .cs-between{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#demo .cs-h3e{margin:0;font:600 14px/20px inherit;font-family:inherit;letter-spacing:0;text-transform:none;color:#111827}
#demo .cs-xs{margin:2px 0 0;font-size:12px;color:#6b7280}
#demo .cs-pillstat{flex:none;border:1px solid #d1d5db;border-radius:999px;padding:2px 8px;font-size:11px;color:#4b5563}
#demo .cs-pillstat.cs-amb{border-color:#fcd34d;color:#b45309}
#demo .cs-nl{display:block;margin-bottom:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}
#demo .cs-nta{width:100%;box-sizing:border-box;resize:none;border:1px solid #d1d5db;border-radius:6px;background:#fff;padding:8px 12px;font:13px/1.4 inherit;font-family:inherit;color:#111827}
#demo .cs-rec{border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:12px}
#demo .cs-h2f{margin:0;font:600 14px/20px inherit;font-family:inherit;letter-spacing:0;text-transform:none;color:#0f172a}
#demo .cs-xs8{margin:4px 0 0;font-size:12px;color:#475569}
#demo .cs-chk{display:flex;align-items:flex-start;gap:8px;margin-top:8px;font-size:14px;color:#1e293b}
#demo .cs-recbtns{margin-top:8px;display:flex;gap:8px}
#demo .cs-startbtn{border:0;border-radius:4px;background:#0f172a;color:#fff;padding:8px 12px;font:600 14px/20px inherit;font-family:inherit;cursor:pointer}
#demo .cs-startbtn[disabled]{opacity:.5}
#demo .cs-b3{border:1px solid #cbd5e1;border-radius:4px;background:#fff;padding:8px 12px;font:14px/20px inherit;font-family:inherit;cursor:pointer}
#demo .cs-trans{margin:12px 0 0;font-size:14px;white-space:pre-wrap;color:#1e293b}
#demo .cs-flex{display:flex;gap:16px;flex-wrap:wrap}
#demo .cs-pg{width:256px}
#demo .cs-grow{min-width:0;flex:1}
#demo .cs-h2b{margin:0 0 8px;font:600 14px/20px inherit;font-family:inherit;letter-spacing:0;text-transform:none;color:#111827}
#demo .cs-h2c{margin:0 0 4px;padding:8px 0;font:600 14px/20px inherit;font-family:inherit;letter-spacing:0;text-transform:none;color:#111827}
#demo .cs-in{display:block;width:100%;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:10px 16px;font:14px/20px inherit;font-family:inherit;color:#1f2937}
#demo .cs-grey{background:#f7f7f7}
#demo .cs-ta{display:block;width:100%;box-sizing:border-box;resize:none;border:1px solid #e5e7eb;border-radius:12px;padding:12px 16px;font:14px/20px inherit;font-family:inherit;color:#1f2937}
#demo .cs-xs4{margin:4px 0 0;font-size:12px;color:#9ca3af}
#demo .cs-synrow{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
#demo .cs-xs5{margin:0;flex:1;min-width:200px;font-size:12px;line-height:20px;color:#666}
#demo .cs-syn{border:0;border-radius:12px;background:#2b3d50;color:#fff;padding:12px 20px;font:600 14px/20px inherit;font-family:inherit;cursor:pointer}
#demo .cs-syn[disabled]{opacity:.6}
#demo .cs-sum{overflow:hidden;border:1px solid #e0e0e0;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}
#demo .cs-sumhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f3f4f6;background:#f7f7f7;padding:12px 16px}
#demo .cs-h3{margin:0;font:600 14px/20px inherit;font-family:inherit;letter-spacing:0;text-transform:none;color:#2b3d50}
#demo .cs-xs3{margin:2px 0 0;font-size:12px;color:#6b7280}
#demo .cs-btns{display:flex;flex-wrap:wrap;gap:8px}
#demo .cs-b,#demo .cs-b2,#demo .cs-save,#demo .cs-pdf{border-radius:8px;padding:6px 12px;font:500 12px/16px inherit;font-family:inherit;cursor:pointer}
#demo .cs-b{border:1px solid #e5e7eb;background:#fff;color:#2b3d50}
#demo .cs-b2{border:1px solid #e5e7eb;background:#fff;color:#4b5563}
#demo .cs-save{border:1px solid #c48b8b;background:#c48b8b;color:#fff}
#demo .cs-save[disabled]{opacity:.5}
#demo .cs-pdf{border:1px solid #111827;background:#111827;color:#fff}
#demo .cs-sumbody{background:#f7f7f7;padding:20px 12px}
#demo .cs-banner{max-width:8.5in;margin:0 auto 12px;border:1px solid #8fa5b0;border-radius:4px;background:#fff;padding:8px 12px;font-size:12px;font-weight:600;color:#2b3d50}
#demo .cs-banner span{font-weight:400}
#demo .cs-render{max-width:8.5in;margin:0 auto;max-height:760px;overflow:auto}
#demo .cs-edwrap{max-width:8.5in;margin:0 auto}
#demo .cs-md{width:100%;min-height:420px;box-sizing:border-box;border:1px solid #e0e0e0;border-radius:12px;background:#fff;padding:16px 20px;font:14px/24px ui-monospace,Menlo,monospace;color:#111827}
#demo .cs-xs2{margin:8px 0 0;font-size:12px;color:#666}
#demo .cs-chunks{border:1px solid #e5e7eb;border-radius:4px;padding:12px}
#demo .cs-chunks>*+*{margin-top:8px}
#demo .cs-h3d{margin:0;font:600 14px/20px inherit;font-family:inherit;letter-spacing:0;text-transform:none;color:#111827}
#demo .cs-chunk{border:1px solid #e5e7eb;border-radius:4px;padding:8px}
#demo .cs-chhead{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px}
#demo .cs-chl{font-weight:500;color:#111827}
#demo .cs-tag{border:1px solid #d1d5db;border-radius:4px;padding:2px 6px;color:#4b5563}
#demo .cs-cp{margin-left:auto;border:1px solid #d1d5db;border-radius:4px;background:#fff;padding:2px 8px;font:12px inherit;font-family:inherit;cursor:pointer}
#demo .cs-mt{margin-top:12px}
#demo .cs-ftop{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
#demo .cs-wrap{display:flex;align-items:center;gap:8px}
#demo .cs-h2{margin:0;font:600 14px/20px inherit;font-family:inherit;letter-spacing:0;text-transform:none;color:#111827}
#demo .cs-cnt{border-radius:999px;background:#f7f7f7;padding:4px 8px;font-size:12px;font-weight:500;color:#666}
#demo .cs-xs6{margin:4px 0 0;max-width:640px;font-size:12px;line-height:20px;color:#666}
#demo .cs-fside{width:100%;max-width:384px}
#demo .cs-lab{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:#374151}
#demo .cs-hits{margin-top:8px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}
#demo .cs-hit{display:block;width:100%;border:0;border-bottom:1px solid #f3f4f6;background:#fff;padding:8px 12px;text-align:left;font:14px inherit;font-family:inherit;cursor:pointer}
#demo .cs-hit small{display:block;font-size:12px;color:#6b7280}
#demo .cs-sib{margin-top:12px;border:1px solid #e5e7eb;border-radius:8px;padding:12px}
#demo .cs-link{border:0;background:none;font:12px inherit;font-family:inherit;color:#547687;text-decoration:underline;cursor:pointer}
@container (max-width:760px){#demo .cs-grid{grid-template-columns:minmax(0,1fr)}}

/* ===== wizard preview (app/globals.css .patient-wizard-*) ===== */
#demo .patient-wizard-progress{position:sticky;top:-14px;z-index:5;margin:-14px -14px 12px;background:rgba(255,255,255,.96);padding:13px 14px 11px;border-bottom:1px solid #e9e4de}
#demo .patient-wizard-progress-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}
#demo .patient-wizard-phase-label{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#2b3d50}
#demo .patient-wizard-step-meta{font-size:12px;color:#98a0ac;text-align:right;white-space:nowrap}
#demo .patient-wizard-bar-track{height:7px;border-radius:99px;background:#ece7e1;overflow:hidden;margin-bottom:10px}
#demo .patient-wizard-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#2b3d50,#407b73);transition:width .45s ease}
#demo .patient-wizard-phase-pills{display:flex;gap:6px;flex-wrap:wrap}
#demo .patient-wizard-pill{flex:1;min-width:0;text-align:center;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 4px;border-radius:999px;background:#f0ece7;color:#a9b0ba;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#demo .patient-wizard-pill.done{background:#e7efe9;color:#15803d}
#demo .patient-wizard-pill.current{background:#2b3d50;color:#fff}
#demo .wz-h2{margin:0 0 8px;font:700 18px/1.22 Georgia,serif;letter-spacing:0;text-transform:none;color:#2b3d50}
#demo .wz-h3{margin:10px 0 4px;font:600 13px/1.3 inherit;font-family:inherit;letter-spacing:0;text-transform:none;color:#374151}
#demo .wz-hint{margin:2px 0 8px;font-size:11px;color:#15803d}
#demo .wz-doc{margin:6px 0 10px;padding:10px;border:1px solid #e5eaf0;border-radius:8px;background:#fff;font-size:11px;color:#475569}