/* Evolução do Pedrinho · Clinical Editorial System v48
   Single visual authority after the legacy structural layer. */
:root{color-scheme:dark;--font-display:"Newsreader",Georgia,serif;--font-body:"Schibsted Grotesk","Noto Sans",sans-serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--r-control:8px;--r-group:12px;--r-surface:16px;--r-pill:999px;--fast:110ms;--base:180ms;--spatial:320ms;--ease:cubic-bezier(.16,1,.3,1);--crimson:#d94b59;--crimson-bright:#ee747f;--success:#d87480;--warning:#d98a94;--danger:#ef727f;--info:#a69b9d;--on-accent:#fff8f7;--bg-base:#09090a;--bg-surface:#101012;--card-bg:#151417;--card-elevated:rgba(20,19,22,.96);--input-bg:rgba(255,250,250,.045);--border-subtle:rgba(255,241,241,.055);--border-base:rgba(255,241,241,.105);--border-active:rgba(238,116,127,.42);--text-main:#f5f1f0;--text-sec:#c8bfbd;--text-mut:#9c9291;--text-placeholder:#817777;--primary:var(--crimson-bright);--primary-hover:#f18b94;--primary-glow:rgba(217,75,89,.12);--primary-glow-strong:rgba(217,75,89,.22);--glass:rgba(21,20,23,.96);--glass-strong:rgba(16,15,18,.97);--glass-input:rgba(255,250,250,.045);--glass-edge:rgba(255,255,255,.06);--glass-blur:4px;--shadow-surface:0 10px 30px rgba(0,0,0,.18);--shadow-raised:0 22px 64px rgba(0,0,0,.46);--scroll-track:transparent;--scroll-thumb:#555158;--scroll-thumb-hover:#b94452}
html[data-theme="light"]{color-scheme:light;--bg-base:#f2efeb;--bg-surface:#f7f4f0;--card-bg:#f8f5f1;--card-elevated:rgba(255,253,250,.97);--input-bg:rgba(255,255,255,.68);--border-subtle:rgba(55,45,43,.07);--border-base:rgba(55,45,43,.13);--border-active:rgba(189,53,68,.42);--text-main:#282223;--text-sec:#51494a;--text-mut:#726869;--text-placeholder:#7f7475;--primary:#bd3544;--primary-hover:#a92e3d;--primary-glow:rgba(189,53,68,.10);--primary-glow-strong:rgba(189,53,68,.17);--glass:rgba(248,245,241,.96);--glass-strong:rgba(255,253,250,.97);--glass-input:rgba(255,255,255,.68);--glass-edge:rgba(255,255,255,.58);--shadow-surface:0 10px 30px rgba(72,55,52,.07);--shadow-raised:0 22px 64px rgba(72,55,52,.16);--success:#a64955;--warning:#9b626a;--danger:#b43040;--info:#6e6264;--scroll-track:rgba(55,45,43,.035);--scroll-thumb:#93898a;--scroll-thumb-hover:#bd3544}
html[data-theme="dark"] body{--primary:#ee747f;--primary-hover:#f18b94;--primary-glow:rgba(217,75,89,.12);--primary-glow-strong:rgba(217,75,89,.22)}
html[data-theme="light"] body{--primary:#bd3544;--primary-hover:#a92e3d;--primary-glow:rgba(189,53,68,.10);--primary-glow-strong:rgba(189,53,68,.17)}
*,*::before,*::after{box-sizing:border-box}html{background:var(--bg-base);scroll-padding:96px 0 128px}body,button,input,select,textarea,optgroup{font-family:var(--font-body)!important}body{min-width:0;padding:0 24px calc(120px + env(safe-area-inset-bottom));background:radial-gradient(ellipse 64% 38% at 84% -8%,rgba(171,35,50,.13),transparent 70%),radial-gradient(ellipse 45% 34% at -8% 32%,rgba(99,20,31,.07),transparent 72%),var(--bg-base);color:var(--text-main);font-size:15px;line-height:1.55;letter-spacing:-.006em;font-feature-settings:"cv02","cv03","cv04","cv11"}html[data-theme="light"] body{background:radial-gradient(ellipse 64% 38% at 84% -8%,rgba(189,53,68,.07),transparent 70%),linear-gradient(180deg,#f5f2ee,var(--bg-base))}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(118deg,transparent 0 63%,rgba(211,57,73,.025) 63.1%,transparent 78%)}::selection{background:rgba(217,75,89,.3);color:var(--text-main)}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scroll-track)}*::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:10px;background:var(--scroll-thumb);background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:padding-box}*::-webkit-scrollbar-corner{background:var(--scroll-track)}
h1,h2,h3,h4{margin-block-start:0;color:var(--text-main);text-wrap:balance}.app-header h1,.access-heading h1,.patient-nav-title h2,.history-workspace h2,.trends-hero h2,.documents-hero h2,.productivity-hero h2,.score-context-panel h2,.archive-workspace h2{font-family:var(--font-display)!important;font-weight:600;letter-spacing:-.025em}.app-header h1{font-size:clamp(28px,3vw,38px);line-height:1;color:var(--text-main);background:none}.patient-nav-title h2{font-size:clamp(22px,2.2vw,30px);line-height:1.05}.card h2{font-size:18px;line-height:1.25;letter-spacing:-.018em}p{color:var(--text-sec)}:is(.brand-eyebrow,.patient-nav-eyebrow,.history-eyebrow,.documents-kicker,.trends-kicker,.score-context-kicker,.experience-kicker,.productivity-kicker,.modal-eyebrow){display:none!important}:is(.preview-text,.document-preview-text,.history-record-text,.visit-completion-text){max-width:75ch;font-size:14px;line-height:1.68}:is(.vital-value,.measurement-card-value,.trend-table-row,.score-badge,.current-bed-pill,.app-version){font-variant-numeric:tabular-nums slashed-zero}
:where(button,input,select,textarea,a[href],summary,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:3px;box-shadow:0 0 0 5px var(--primary-glow)}:where(button,[role="button"],input,select,textarea){touch-action:manipulation}button{min-height:40px;border-radius:var(--r-control);transition:color var(--fast),background-color var(--fast),border-color var(--fast),box-shadow var(--fast),transform var(--fast)}button:active{transform:scale(.98)}button:disabled{opacity:.48;cursor:not-allowed}
.app-header{position:relative;max-width:1240px;min-height:104px;margin:0 auto;padding:24px 2px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--border-subtle)}.brand-block{align-items:center;gap:14px}.brand-mark{width:44px;height:44px;border:1px solid var(--border-active);border-radius:12px;color:var(--primary);background:var(--primary-glow);box-shadow:inset 0 1px 0 var(--glass-edge)}.brand-mark svg{width:23px;height:23px}.app-header p{margin:6px 0 0;color:var(--text-mut);font-size:12px}.app-version{padding:2px 5px;border:1px solid var(--border-base);border-radius:4px;color:var(--text-mut);font:600 12px/1 var(--font-body)}.header-tools{gap:10px}.header-theme-toggle{min-height:44px;border:1px solid var(--border-base);background:var(--glass);color:var(--text-sec);box-shadow:inset 0 1px 0 var(--glass-edge);backdrop-filter:blur(12px)}.session-panel{padding:6px;border:1px solid var(--border-base);border-radius:12px;background:var(--glass);box-shadow:inset 0 1px 0 var(--glass-edge),var(--shadow-surface);backdrop-filter:blur(var(--glass-blur))}.sync-state span,.session-field>label{color:var(--text-mut);font-size:12px;letter-spacing:.02em;text-transform:none}.sync-state strong,.session-input-wrap input{color:var(--text-main);font-size:12px}.session-sync-hint{color:var(--text-mut);font-size:12px}.status-dot.saving{background:var(--warning);box-shadow:0 0 0 4px color-mix(in srgb,var(--warning) 14%,transparent)}
.app-shell{max-width:1240px}.patient-nav{position:relative;margin:22px auto 14px;padding:22px;overflow:hidden;border:1px solid var(--border-base);border-radius:var(--r-surface);background:linear-gradient(145deg,color-mix(in srgb,var(--glass-edge) 35%,transparent),transparent 44%),var(--glass);box-shadow:inset 0 1px 0 var(--glass-edge),var(--shadow-surface);backdrop-filter:blur(var(--glass-blur)) saturate(1.08)}.patient-nav::after{content:"";position:absolute;right:-80px;top:-100px;width:280px;height:220px;pointer-events:none;background:radial-gradient(circle,rgba(217,75,89,.13),transparent 68%)}.patient-nav-overview{position:relative;z-index:1;display:flex;justify-content:space-between;gap:24px;padding-bottom:18px}.patient-nav-title p{max-width:62ch;margin:7px 0 0;color:var(--text-mut);font-size:13px}.patient-nav-status{display:flex;align-items:flex-start;gap:8px}.current-bed-pill{min-height:44px;padding:7px 12px;border:1px solid var(--border-base);border-radius:10px;background:var(--glass-input)}.current-bed-pill span{color:var(--text-mut);font-size:12px;letter-spacing:0;text-transform:none}.current-bed-pill b{color:var(--primary);font-size:13px}.patient-nav-add{min-height:44px;padding:0 14px;border:1px solid var(--primary);border-radius:8px;background:var(--primary);color:var(--on-accent);font-size:12px;font-weight:700;box-shadow:0 10px 28px rgba(135,27,40,.18)}.patient-nav-add:hover{background:var(--primary-hover)}.bed-selector{position:relative;z-index:1;display:flex;gap:8px;padding:2px 0 18px;overflow-x:auto;scroll-snap-type:x proximity}.bed-btn{min-width:190px;min-height:64px;padding:10px 12px;scroll-snap-align:start;border:1px solid var(--border-base);border-radius:10px;background:var(--glass-input);color:var(--text-sec);box-shadow:inset 0 1px 0 var(--glass-edge)}.bed-btn:hover{border-color:var(--border-active);background:color-mix(in srgb,var(--glass-input) 75%,var(--primary-glow))}.bed-btn.active{border-color:var(--border-active);background:linear-gradient(145deg,var(--primary-glow-strong),var(--glass-input));color:var(--text-main);box-shadow:inset 3px 0 0 var(--primary),inset 0 1px 0 var(--glass-edge)}.bed-btn.active :is(.bed-icon,.bed-copy small,.bed-copy b,.bed-patient-name){color:var(--text-main)!important}.bed-copy small,.bed-copy em{color:var(--text-mut);font-size:12px;letter-spacing:0;text-transform:none}.bed-copy b{color:var(--text-main);font-size:14px}.bed-task-badge{min-width:20px;height:20px;border-radius:var(--r-pill);background:var(--primary);color:var(--on-accent);font-size:12px}.bed-add-button{min-width:160px;border:1px dashed var(--border-active);border-radius:10px;background:var(--primary-glow);color:var(--text-sec)}.patient-nav-actions{position:relative;z-index:1;padding-top:14px;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:8px}.patient-actions-label{margin-right:auto;align-self:center;color:var(--text-mut);font-size:12px}.patient-nav-actions :is(.btn-visit-mode,.btn-day-tasks,.btn-new-evolution,.btn-remove-bed){min-height:40px;padding:0 12px;border:1px solid var(--border-base);border-radius:8px;background:transparent;color:var(--text-sec);font-size:12px}.patient-nav-actions :is(.btn-visit-mode,.btn-day-tasks):hover{border-color:var(--border-active);background:var(--primary-glow);color:var(--text-main)}.patient-nav-actions :is(.btn-new-evolution,.btn-remove-bed):hover{border-color:color-mix(in srgb,var(--danger) 45%,var(--border-base));background:color-mix(in srgb,var(--danger) 9%,transparent);color:var(--danger)}
.workspace-navigation{position:sticky;top:10px;z-index:80;margin:14px 0 20px;padding:6px;border:1px solid var(--border-base);border-radius:14px;background:color-mix(in srgb,var(--glass-strong) 92%,transparent);box-shadow:inset 0 1px 0 var(--glass-edge),0 16px 44px rgba(0,0,0,.22);backdrop-filter:blur(14px) saturate(1.1)}.workspace-primary{display:flex;gap:3px;padding:2px 2px 7px;border-bottom:1px solid var(--border-subtle)}.workspace-primary-btn{min-height:36px;padding:0 14px;border:0;border-radius:7px;background:transparent;color:var(--text-mut);font-size:12px;font-weight:650}.workspace-primary-btn:hover{background:var(--glass-input);color:var(--text-main)}.workspace-primary-btn.active{background:var(--primary-glow);color:var(--primary);box-shadow:inset 0 0 0 1px var(--border-active)}.main-tabs{display:flex!important;gap:3px;width:100%;padding:7px 2px 1px;overflow-x:auto}.workspace-navigation .main-tab-btn{flex:1 0 132px;min-height:42px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--text-mut);font-size:12px}.workspace-navigation .main-tab-btn:hover{background:var(--glass-input);color:var(--text-main)}.workspace-navigation .main-tab-btn.active{background:var(--card-elevated);color:var(--text-main);box-shadow:inset 0 0 0 1px var(--border-base)}.main-tab-btn.active>svg{color:var(--primary)}.main-tab-btn.active::after{width:5px;height:5px;margin-left:2px;border-radius:50%;background:var(--primary);box-shadow:none}
.tab-content,.col-layout{gap:16px}.card,.history-workspace,.documents-hero,.document-builder-card,.document-preview-card,.document-patient-identity,.measurement-trend-card,.calculator-card,.productivity-item,.archived-bed-card{border:1px solid var(--border-base);border-radius:var(--r-surface);background:linear-gradient(145deg,color-mix(in srgb,var(--glass-edge) 28%,transparent),transparent 42%),var(--glass);color:var(--text-main);box-shadow:inset 0 1px 0 var(--glass-edge),var(--shadow-surface);backdrop-filter:blur(var(--glass-blur)) saturate(1.06)}.card{padding:22px}.card:hover{transform:none;border-color:var(--border-base);box-shadow:inset 0 1px 0 var(--glass-edge),var(--shadow-surface)}.card::before{display:none}.card-header-flex{margin:0 0 20px;padding:0 0 14px;border-bottom:1px solid var(--border-subtle)}.indicator{width:6px;height:6px;background:var(--primary)!important;box-shadow:none!important}
input,select,textarea,.search-scores,.document-preview-text,.command-palette-search input{min-height:44px;border:1px solid var(--border-base)!important;border-radius:var(--r-control)!important;background:var(--glass-input)!important;color:var(--text-main)!important;box-shadow:inset 0 1px 0 var(--glass-edge)!important;backdrop-filter:none}textarea{min-height:96px}input::placeholder,textarea::placeholder{color:var(--text-placeholder)!important;opacity:1}input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;background:var(--glass-strong)!important;box-shadow:0 0 0 3px var(--primary-glow)!important}label,.add-bed-field label,.add-bed-sex legend{color:var(--text-sec);font-size:12px!important;font-weight:650}
:is(.btn-magic,.btn-copy,.measurement-save-button,.document-generate,.document-action-copy,.visit-next,.visit-completion-actions .primary,.task-submit,.btn-task-add,.access-submit,.productivity-primary,.add-bed-submit,.history-save-primary){min-height:44px;border:1px solid var(--primary)!important;border-radius:8px!important;background:var(--primary)!important;color:var(--on-accent)!important;box-shadow:0 10px 26px rgba(126,25,37,.18)!important}:is(.btn-magic,.btn-copy,.measurement-save-button,.document-generate,.document-action-copy,.visit-next,.task-submit,.btn-task-add,.access-submit,.productivity-primary,.add-bed-submit,.history-save-primary):hover{background:var(--primary-hover)!important}:is(.btn-clear-card,.task-filter,.trend-category,.trend-view-button,.measurement-date-chip,.score-category-tab,.specialty-chip,.document-type,.history-action,.history-filter-clear,.quick-fill-actions button,.productivity-secondary,.productivity-item-actions button,.experience-density,.experience-reset,.document-actions button){min-height:40px;border:1px solid var(--border-base);border-radius:8px;background:var(--glass-input);color:var(--text-sec)}:is(.task-filter,.trend-category,.trend-view-button,.measurement-date-chip,.score-category-tab,.specialty-chip,.document-type,.experience-density).active{border-color:var(--border-active);background:var(--primary-glow);color:var(--primary);box-shadow:none}.task-form,.history-capture-row,.measurement-form,.measurement-import-panel,.document-config-block,.score-context-panel,.experience-settings,.quick-fill-card{border-color:var(--border-base);border-radius:12px;background:var(--glass-input)}.task-count,.archive-count,.history-sync-status,.measurement-sync-status{border-color:var(--border-base);background:var(--glass-input);color:var(--text-mut);font-size:12px}.history-record,.task-item,.measurement-trend-card,.calculator-card,.productivity-item{border-radius:12px}
.modal-overlay,.command-palette,.bed-management-modal{background:rgba(5,4,5,.72);backdrop-filter:blur(12px)}.modal-content,.command-palette-panel,.confirmation-card,.add-bed-card{border:1px solid var(--border-base);border-radius:16px;background:var(--glass-strong);color:var(--text-main);box-shadow:inset 0 1px 0 var(--glass-edge),var(--shadow-raised);backdrop-filter:blur(14px)}.command-palette-head{border-bottom:1px solid var(--border-subtle)}.command-palette-head span{display:none}.command-item[aria-selected="true"],.command-item:hover{background:var(--primary-glow);color:var(--text-main)}.floating-buttons{border:1px solid var(--border-base);border-radius:14px;background:var(--glass-strong);box-shadow:inset 0 1px 0 var(--glass-edge),var(--shadow-raised);backdrop-filter:blur(14px)}.access-gate{background:radial-gradient(circle at 50% 18%,rgba(171,35,50,.15),transparent 38%),var(--bg-base)}.access-card{border:1px solid var(--border-base);border-radius:16px;background:var(--glass);box-shadow:inset 0 1px 0 var(--glass-edge),var(--shadow-raised);backdrop-filter:blur(14px)}.access-brand{border-color:var(--border-active);background:var(--primary-glow);color:var(--primary)}.access-heading h1{color:var(--text-main)!important}.visit-mode{background:var(--bg-base)}.visit-header,.visit-step-nav,.visit-fields,.visit-footer{border-color:var(--border-base);background:var(--glass-strong);backdrop-filter:blur(12px)}.visit-step.active{border-color:var(--border-active);background:var(--primary-glow);color:var(--primary)}.bedside-mobile-nav{border:1px solid var(--border-base);border-radius:12px;background:var(--glass)}.bedside-step{border-radius:8px;color:var(--text-mut)}.bedside-step.active{background:var(--primary-glow);color:var(--primary)}.bedside-step span{font-size:12px}
@keyframes clinicalEnter{from{opacity:.72;transform:translateY(6px)}to{opacity:1;transform:none}}.tab-content.active{animation:clinicalEnter var(--spatial) var(--ease) both}.card{animation:none}
@media(min-width:901px){.main-tabs{display:flex!important}.workspace-navigation .main-tab-btn{width:auto;min-width:132px}}
@media(max-width:900px){body{padding-inline:16px}.app-header{align-items:flex-start}.header-tools{align-items:flex-end}.session-panel{flex-direction:column}.session-field{border-left:0;border-top:1px solid var(--border-subtle)}.workspace-navigation{top:8px}}
@media(max-width:720px){html{scroll-padding-top:132px}body{padding:0 10px calc(132px + env(safe-area-inset-bottom));font-size:15px}.app-header{min-height:auto;padding:14px 4px;gap:10px}.brand-mark{width:40px;height:40px}.app-header h1{font-size:25px}.app-header p,.session-panel{display:none}.header-theme-toggle{width:44px;min-width:44px;padding:0}.patient-nav{margin-top:10px;padding:16px;border-radius:14px}.patient-nav-overview{display:block;padding-bottom:14px}.patient-nav-title h2{font-size:24px}.patient-nav-title p{font-size:13px}.patient-nav-status{margin-top:14px;justify-content:space-between}.current-bed-pill{flex:1}.patient-nav-add{width:44px;min-width:44px;padding:0}.patient-nav-add span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.bed-selector{margin-inline:-16px;padding-inline:16px;padding-bottom:14px;scrollbar-width:none}.bed-selector::-webkit-scrollbar,.main-tabs::-webkit-scrollbar{display:none}.bed-btn{min-width:min(78vw,250px);min-height:68px}.patient-nav-actions{display:grid;grid-template-columns:repeat(4,44px);justify-content:end}.patient-actions-label{grid-column:1/-1;margin:0 0 2px}.patient-nav-actions :is(.btn-visit-mode,.btn-day-tasks,.btn-new-evolution,.btn-remove-bed){width:44px;min-width:44px;min-height:44px;padding:0}.patient-nav-actions :is(.btn-visit-mode,.btn-day-tasks,.btn-new-evolution,.btn-remove-bed)>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.workspace-navigation{top:6px;margin:10px 0 14px;padding:5px;border-radius:12px}.workspace-primary{display:grid;grid-template-columns:repeat(4,1fr)}.workspace-primary-btn{min-height:44px;padding:0 4px;font-size:12px}.main-tabs{padding-top:5px}.workspace-navigation .main-tab-btn{flex:0 0 calc(50% - 2px);min-width:0;min-height:44px}.card{padding:16px;border-radius:14px}.col-layout,.tab-content{gap:12px}.card-header-flex{align-items:flex-start;gap:12px;margin-bottom:16px}.card h2{font-size:17px}input,select,textarea,button{font-size:14px}.bedside-mobile-nav{display:flex;position:sticky;top:116px;z-index:40;padding:5px;overflow-x:auto;backdrop-filter:blur(12px)}.bedside-step{flex:0 0 auto;min-height:44px}.task-form,.measurement-form,.history-capture-row{grid-template-columns:1fr}.modal-overlay{padding:10px}.modal-content,.add-bed-card{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:18px;border-radius:14px}.floating-buttons{width:calc(100% - 20px);bottom:calc(10px + env(safe-area-inset-bottom));border-radius:14px}:is(button,.footer-icon-button,.btn-close-modal,.task-check){min-height:44px}:where(.card p,.modal-content p,.task-card-subtitle,.archive-workspace-head p,.archived-bed-head p){font-size:13px}}
@media(max-width:390px){.brand-block{gap:9px}.app-header h1{font-size:22px}.workspace-primary-btn{font-size:11px}.workspace-navigation .main-tab-btn{flex-basis:72%}}
@media(max-height:500px) and (orientation:landscape){body{padding-bottom:18px}.workspace-navigation{position:relative;top:auto}.floating-buttons{position:sticky;left:auto;right:auto;bottom:8px;transform:none;width:min(560px,calc(100% - 16px));margin:18px auto 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){:is(.session-panel,.patient-nav,.workspace-navigation,.card,.modal-content,.command-palette-panel,.floating-buttons,.archived-bed-card){backdrop-filter:none;background:var(--bg-surface)}}

/* Explicit migration boundaries: neutralize high-specificity legacy color/layout rules. */
.patient-nav-add{border-color:var(--primary)!important;background:var(--primary)!important;color:var(--on-accent)!important}
.patient-nav-add{width:auto!important;height:44px!important;min-width:0!important;padding:0 14px!important;display:inline-flex!important;grid-template-columns:none!important;align-items:center!important;justify-content:center!important;gap:8px!important}
.patient-nav-add svg{width:16px!important;height:16px!important}
.patient-nav-add:hover{background:var(--primary-hover)!important}
html[data-theme] .bed-btn.active{border-color:var(--border-active)!important;background:linear-gradient(145deg,var(--primary-glow-strong),var(--glass-input))!important;color:var(--text-main)!important;box-shadow:inset 3px 0 0 var(--primary),inset 0 1px 0 var(--glass-edge)!important}
html[data-theme] .bed-btn.active :is(.bed-icon,.bed-copy small,.bed-copy b,.bed-patient-name){color:var(--text-main)!important}
:is(.history-tab,.archive-tab,.trends-tab,.documents-tab,.productivity-tab).active{grid-template-columns:minmax(0,1fr)!important}
:is(.history-workspace,.archive-workspace,.trends-hero,.documents-hero,.productivity-hero){width:100%;min-width:0;grid-column:1/-1}
.archive-toolbar{grid-template-columns:minmax(240px,1.35fr) minmax(180px,.8fr) minmax(170px,.65fr) auto}
.archive-list{width:100%}.archive-date-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.archived-bed-card{background:var(--glass)!important;border-color:var(--border-base)!important;color:var(--text-main)!important}
.archived-bed-head span{color:var(--primary)!important;font-size:12px!important}
.archive-delete{color:var(--danger)!important;border-color:color-mix(in srgb,var(--danger) 38%,var(--border-base))!important;background:transparent!important}
@media(max-width:720px){.archive-toolbar{grid-template-columns:1fr}.archive-date-cards{grid-template-columns:1fr}}
@media(max-width:720px){.patient-nav-add{width:44px!important;min-width:44px!important;padding:0!important}}

.archive-hospital-group+.archive-hospital-group{padding-top:28px;border-top:1px solid var(--border-subtle)}
.archive-group-heading h3,.archive-date-heading{font-family:var(--font-display)!important;font-weight:600;letter-spacing:-.015em}
.archive-date-heading{font-size:17px!important;color:var(--text-main)!important;text-transform:none!important}
.archived-bed-card{border-radius:10px!important;box-shadow:none!important;background:color-mix(in srgb,var(--glass-input) 72%,transparent)!important}
.archive-detail{border-radius:8px!important;background:transparent!important}
@media(min-width:901px){
  .patient-nav{display:grid;grid-template-columns:minmax(300px,1fr) auto;align-items:center;column-gap:16px}
  .patient-nav-overview{grid-column:1/-1}
  .bed-selector{grid-column:1;padding-bottom:0}
  .patient-nav-actions{grid-column:2;padding-top:0;border-top:0;flex-wrap:nowrap}
  .patient-nav-actions .patient-actions-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
}
@media(max-width:720px){
  .patient-nav{display:block}
  .patient-nav-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:stretch!important}
  .patient-nav-actions :is(.btn-visit-mode,.btn-day-tasks,.btn-new-evolution,.btn-remove-bed){width:100%!important;min-width:0!important;padding:0 10px!important;gap:7px!important}
  .patient-nav-actions :is(.btn-visit-mode,.btn-day-tasks,.btn-new-evolution,.btn-remove-bed)>span{display:inline!important;position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;white-space:normal!important;font-size:12px!important}
}

/* v47 · Responsive clinical compositions
   Phone, tablet, desktop and wide desktop deliberately use different shells. */
.bedside-mobile-context{display:none}
.header-tools{display:flex!important;align-items:center!important}
.header-theme-toggle{display:inline-flex!important;width:auto!important;height:44px!important;min-height:44px!important;padding:0 12px!important;align-items:center!important;justify-content:center!important}
.session-panel{min-height:56px!important;align-items:center!important}
.sync-state{min-height:44px!important;height:auto!important;padding-block:4px!important}
.session-field{min-height:44px!important;height:auto!important;padding-block:0!important}
.session-sync-hint{display:none!important}
.main-tabs{margin:0!important}
.command-palette-head button,.command-item span,.command-item small,.command-palette-help{font-size:12px!important}
.command-item{min-height:48px}
.skip-link,.bed-copy i,.bed-patient-name,.btn-clear-card,.detail-field label span,.block-subheading span,.block-subheading small,.device-options span{font-size:12px!important}
.skip-link{min-height:44px;align-items:center}

@media (hover:hover) and (pointer:fine){
  :is(.workspace-primary-btn,.main-tab-btn,.bed-btn,.patient-nav-actions button,.bedside-step):hover{transform:translateY(-1px)}
}
@media (hover:none){
  :is(.workspace-primary-btn,.main-tab-btn,.bed-btn,.patient-nav-actions button,.bedside-step):hover{transform:none}
}
@media (pointer:coarse){
  :is(button,.workspace-primary-btn,.main-tab-btn,.bed-btn,.document-type,.score-category-tab,.trend-category,.task-filter,.history-action){min-height:44px}
}

/* Tablet: compact two-row identity, hybrid controls and no stacked sticky shell. */
@media (min-width:721px) and (max-width:1179px){
  body{padding-inline:clamp(16px,2.4vw,24px);padding-bottom:112px}
  .app-header{min-height:0;padding:16px 2px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 18px}
  .brand-block{min-width:0}
  .app-header h1{font-size:clamp(27px,3.5vw,34px)}
  .header-tools{display:contents!important}
  .header-theme-toggle{grid-column:2;grid-row:1;justify-self:end}
  .session-panel{grid-column:1/-1;grid-row:2;width:100%;min-height:58px;padding:6px 8px;display:grid;grid-template-columns:minmax(150px,.55fr) minmax(340px,1.45fr);align-items:center}
  .session-field{min-width:0;padding-block:0;border-top:0;border-left:1px solid var(--border-subtle)}
  .session-input-wrap{max-width:360px}
  .patient-nav{margin-top:16px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(288px,.72fr);align-items:end;gap:12px 16px}
  .patient-nav-overview{grid-column:1/-1;padding-bottom:8px}
  .patient-nav-title p{margin-top:4px}
  .bed-selector{grid-column:1;min-width:0;margin:0;padding:0;align-self:stretch}
  .bed-btn{min-width:min(34vw,230px);min-height:64px}
  .patient-nav-actions{grid-column:2;margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch}
  .patient-actions-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .patient-nav-actions :is(.btn-visit-mode,.btn-day-tasks,.btn-new-evolution,.btn-remove-bed){width:100%;min-height:44px;justify-content:flex-start;white-space:normal}
  .workspace-navigation{position:relative;top:auto;z-index:20;margin-block:12px 16px}
  .workspace-primary-btn{flex:1;min-height:42px}
  .workspace-navigation .main-tab-btn{min-height:44px}
  .floating-buttons{bottom:calc(12px + env(safe-area-inset-bottom));right:clamp(16px,2.4vw,24px);max-width:min(460px,calc(100vw - 32px))}
  .tab-content.active{scroll-margin-top:16px}
  .tab-content button{min-height:44px}
}

@media (min-width:721px) and (max-width:860px){
  .patient-nav{grid-template-columns:minmax(0,1fr) minmax(270px,.8fr)}
  .patient-nav-overview{align-items:center}
  .patient-nav-title p{max-width:48ch}
  .current-bed-pill{display:none}
  .workspace-primary{display:grid;grid-template-columns:repeat(4,1fr)}
  .main-tabs{scrollbar-width:none}
  .main-tabs::-webkit-scrollbar{display:none}
  .workspace-navigation .main-tab-btn{flex:0 0 min(32vw,190px)}
  #tab_leito.active{grid-template-columns:minmax(0,1fr)!important}
}

@media (min-width:861px) and (max-width:1023px){
  .workspace-navigation .main-tab-btn{flex:1 0 118px}
  #tab_leito.active{grid-template-columns:minmax(0,1fr)!important}
  :is(.measurement-trend-grid,.calculator-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Desktop: denser shell, simultaneous clinical panels and efficient pointer use. */
@media (min-width:1180px){
  body{padding-inline:clamp(24px,3vw,44px)}
  .app-header,.app-shell{max-width:1440px}
  .app-header{min-height:92px;padding-block:18px}
  .app-header p{margin-top:4px}
  .patient-nav{margin-top:18px;padding:18px 20px;grid-template-columns:minmax(420px,1fr) auto;row-gap:8px}
  .patient-nav-overview{padding-bottom:8px;align-items:center}
  .patient-nav-title p{margin-top:4px}
  .bed-selector{min-width:0}
  .bed-btn{min-width:180px;min-height:60px}
  .patient-nav-actions :is(.btn-visit-mode,.btn-day-tasks,.btn-new-evolution,.btn-remove-bed){min-height:40px}
  .workspace-navigation{top:8px;margin-block:12px 18px;padding:5px}
  .workspace-primary{padding-bottom:5px}
  .workspace-primary-btn{min-height:34px}
  .main-tabs{padding-top:5px}
  .workspace-navigation .main-tab-btn{min-height:40px}
  #tab_leito.active{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)!important;align-items:start}
  #tab_leito>.col-layout{min-width:0}
  #card_tasks{grid-column:1/-1}
  :is(.measurement-trend-grid,.calculator-grid,.document-discharge-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
  .floating-buttons{right:clamp(24px,3vw,44px);bottom:24px;max-width:460px}
}

@media (min-width:1600px){
  .app-header,.app-shell{max-width:1560px}
  #tab_leito.active{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;gap:20px}
  :is(.measurement-trend-grid,.calculator-grid){grid-template-columns:repeat(3,minmax(0,1fr))}
  .archive-date-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .documents-tab.active{grid-template-columns:minmax(0,1.08fr) minmax(380px,.72fr)!important;align-items:start}
}

/* Phone: one contextual sticky rail, progressive bedside sections, no overlaying CTA bar. */
@media (max-width:720px){
  html{scroll-padding-top:68px}
  body{padding:0 max(10px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
  .app-header{min-height:68px;padding:10px 4px;align-items:center}
  .brand-mark{width:38px;height:38px}
  .brand-mark svg{width:21px;height:21px}
  .app-header h1{font-size:clamp(22px,6.2vw,25px)}
  .header-theme-toggle{width:44px!important;min-width:44px!important;padding:0!important}
  .workspace-primary-btn{font-size:12px!important}
  .btn-help{width:44px!important;height:44px!important;min-width:44px!important;font-size:14px!important}
  .patient-nav{margin-top:8px;padding:14px}
  .patient-nav-overview{display:flex;align-items:center;gap:10px;padding-bottom:10px}
  .patient-nav-title{min-width:0;flex:1}
  .patient-nav-title h2{font-size:22px}
  .patient-nav-title p,.current-bed-pill{display:none}
  .patient-nav-status{margin:0;flex:0 0 auto}
  .patient-nav-add{width:44px!important;min-width:44px!important}
  .bed-selector{margin-inline:-14px;padding:0 14px 10px}
  .bed-btn{min-width:min(72vw,260px);min-height:62px}
  .patient-nav-actions{padding-top:10px;gap:7px}
  .patient-actions-label{display:none}
  .patient-nav-actions :is(.btn-visit-mode,.btn-day-tasks,.btn-new-evolution,.btn-remove-bed){min-height:44px;font-size:12px}
  .workspace-navigation{position:relative;top:auto;z-index:20;margin:8px 0 12px;padding:5px}
  .workspace-primary{padding-bottom:4px}
  .main-tabs{padding-top:4px}
  .workspace-navigation .main-tab-btn{flex-basis:calc(50% - 2px)}
  .bedside-mobile-nav{top:max(6px,env(safe-area-inset-top));z-index:45;gap:3px;min-height:52px;padding:4px;overscroll-behavior-inline:contain;box-shadow:0 12px 30px rgba(0,0,0,.24);background:color-mix(in srgb,var(--glass-strong) 94%,transparent)}
  .bedside-mobile-context{display:inline-flex;position:sticky;left:0;z-index:2;flex:0 0 auto;min-height:44px;padding:0 11px;align-items:center;border:1px solid var(--border-active);border-radius:8px;background:var(--glass-strong);color:var(--primary);font-size:12px;font-weight:750;box-shadow:8px 0 16px var(--glass-strong)}
  .bedside-step{padding-inline:10px;scroll-snap-align:start}
  #tab_leito .card[data-mobile-section]{scroll-margin-top:66px}
  .floating-buttons{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;margin:16px 0 0;padding:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;box-shadow:inset 0 1px 0 var(--glass-edge),var(--shadow-surface)}
  .floating-buttons .btn-action{width:100%;min-width:0;justify-content:center}
  :is(.modal-content,.add-bed-card,.command-palette-panel,.confirmation-card){width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100dvh - 16px)!important;margin:8px;padding:16px}
  .modal-overlay,.command-palette,.bed-management-modal{padding:0!important;align-items:center}
  .command-palette-list{max-height:calc(100dvh - 150px)}
  :is(.document-preview-text,.preview-text,.history-record-text,.visit-completion-text){max-width:none}
  .archive-toolbar{gap:8px}
  .archive-date-cards,.measurement-trend-grid,.calculator-grid,.document-discharge-grid{grid-template-columns:minmax(0,1fr)!important}
  .visit-mode{height:100dvh}
  .visit-header{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}
  .visit-step-nav{position:relative;top:auto;overflow-x:auto;scrollbar-width:none}
  .visit-step-nav::-webkit-scrollbar{display:none}
  .visit-fields{padding:16px max(12px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .visit-footer{padding-bottom:max(10px,env(safe-area-inset-bottom))}
}

/* Trend status remains legible above the shared glass surface layer. */
.measurement-trend-card:is(.reference-high,.reference-low,.reference-altered){
  border-color:color-mix(in srgb,var(--danger) 62%,var(--border-base))!important;
  background:color-mix(in srgb,var(--danger) 12%,var(--glass-standard))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 20%,transparent),var(--glass-shadow)!important;
}
.measurement-trend-card.reference-low{border-color:color-mix(in srgb,#d88736 64%,var(--border-base))!important;background:color-mix(in srgb,#d88736 11%,var(--glass-standard))!important}
.measurement-reference-badge:is(.reference-high,.reference-low,.reference-altered){border-color:color-mix(in srgb,var(--danger) 68%,var(--border-base))!important;background:color-mix(in srgb,var(--danger) 20%,transparent)!important;color:var(--danger)!important}
.trend-point.is-abnormal{fill:var(--danger)!important;stroke:var(--on-accent)!important}
.trend-point.is-low{fill:#d88736!important;stroke:#fff0dc!important}
.trend-reference-callout:is(.reference-high,.reference-low,.reference-altered){border-color:color-mix(in srgb,var(--danger) 54%,var(--border-base))!important;background:color-mix(in srgb,var(--danger) 10%,var(--glass-input))!important}

@media (max-width:390px){
  .patient-nav{padding:12px}
  .bed-selector{margin-inline:-12px;padding-inline:12px}
  .workspace-primary-btn{font-size:10.5px}
  .workspace-navigation .main-tab-btn{flex-basis:68%}
  .bedside-step span{display:none}
  .floating-buttons{grid-template-columns:minmax(0,1fr)}
}

/* v49 · Calm clinical surfaces with restrained translucency and one crimson accent. */
:root{
  --glass-embedded:rgba(255,248,248,.045);
  --glass-standard:#151417;
  --glass-elevated:rgba(16,15,18,.97);
  --glass-border:rgba(255,244,244,.10);
  --glass-specular:rgba(255,255,255,.055);
  --glass-shadow:0 10px 30px rgba(0,0,0,.18);
  --glass-shadow-elevated:0 22px 64px rgba(0,0,0,.46);
  --glass-blur:4px;
  --glass-blur-elevated:14px;
  --glass:var(--glass-standard);
  --glass-strong:var(--glass-elevated);
  --glass-input:var(--glass-embedded);
  --card-bg:var(--glass-standard);
  --card-elevated:var(--glass-elevated);
  --success:#d87480;
  --warning:#d98a94;
  --info:#b9acae;
}
html[data-theme="light"]{
  --glass-embedded:rgba(255,255,255,.66);
  --glass-standard:#f8f5f1;
  --glass-elevated:rgba(255,253,250,.97);
  --glass-border:rgba(75,59,57,.13);
  --glass-specular:rgba(255,255,255,.42);
  --glass-shadow:0 10px 30px rgba(72,55,52,.07);
  --glass-shadow-elevated:0 22px 64px rgba(72,55,52,.16);
  --success:#a64955;
  --warning:#9b626a;
  --info:#6e6264;
}

body{
  background:
    radial-gradient(ellipse 58% 38% at 88% -8%,rgba(177,37,54,.23),transparent 70%),
    radial-gradient(ellipse 48% 34% at -10% 38%,rgba(105,24,37,.13),transparent 72%),
    linear-gradient(180deg,#0d0c0e 0,var(--bg-base) 44%,#080809 100%)!important;
}
html[data-theme="light"] body{
  background:
    radial-gradient(ellipse 58% 38% at 88% -8%,rgba(189,53,68,.13),transparent 70%),
    radial-gradient(ellipse 48% 34% at -10% 38%,rgba(128,92,84,.10),transparent 72%),
    linear-gradient(180deg,#f8f5f1 0,var(--bg-base) 52%,#efebe6 100%)!important;
}

/* Level 2 · calm, mostly solid work surfaces */
:is(.app-header,.patient-nav,.card,.history-workspace,.documents-hero,.document-builder-card,.document-preview-card,.document-patient-identity,.measurement-trend-card,.calculator-card,.productivity-item,.archived-bed-card,.score-context-panel,.calculator-library,.experience-dashboard,.visit-fields){
  border:1px solid var(--glass-border)!important;
  background:var(--glass-standard)!important;
  box-shadow:var(--glass-shadow)!important;
  -webkit-backdrop-filter:blur(var(--glass-blur))!important;
  backdrop-filter:blur(var(--glass-blur))!important;
}
.app-header{margin-top:12px;padding-inline:16px;border-radius:var(--r-surface)}
.patient-nav::after{background:radial-gradient(circle,rgba(217,75,89,.20),transparent 68%)}

/* Level 1 · embedded glass, intentionally more solid for clinical input. */
:is(input,select,textarea,.task-form,.history-capture-row,.measurement-form,.measurement-import-panel,.document-config-block,.experience-settings,.quick-fill-card,.task-item,.history-record,.archive-detail,.command-item,.document-type,.document-section-chip span,.measurement-categorical-item){
  background:var(--glass-embedded)!important;
  border-color:color-mix(in srgb,var(--glass-border) 78%,transparent)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--glass-specular) 66%,transparent)!important;
}
:is(input,select,textarea):focus{
  background:color-mix(in srgb,var(--glass-elevated) 88%,var(--primary-glow))!important;
}

/* Level 3 · restrained translucency reserved for floating and sticky chrome. */
:is(.workspace-navigation,.floating-buttons,.modal-content,.command-palette-panel,.confirmation-card,.add-bed-card,.session-panel,.bedside-mobile-nav,.visit-header,.visit-step-nav,.visit-footer){
  border:1px solid var(--glass-border)!important;
  background:var(--glass-elevated)!important;
  box-shadow:var(--glass-shadow-elevated)!important;
  -webkit-backdrop-filter:blur(var(--glass-blur-elevated))!important;
  backdrop-filter:blur(var(--glass-blur-elevated))!important;
}
:is(.modal-overlay,.command-palette,.bed-management-modal){background:rgba(6,5,6,.62)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important}
html[data-theme="light"] :is(.modal-overlay,.command-palette,.bed-management-modal){background:rgba(70,58,56,.28)!important}

/* Single-accent correction for pre-system chroma. */
:is(.status-dot.online,.indicator,.documents-tab .indicator,.experience-dashboard .indicator){background:var(--primary)!important;box-shadow:0 0 0 4px var(--primary-glow)!important}
:is(.normal-chip,.calculator-prefill,.calculator-run,.document-generate,.document-action-copy,.document-review-state,.score-context-action,.calculator-review-badge,.experience-round-badge.complete){border-color:var(--border-active)!important;background:var(--primary-glow)!important;color:var(--primary)!important;box-shadow:none!important}
:is(.normal-chip,.normal-chip:hover,.normal-chip.active){color:var(--primary)!important;border-color:var(--border-active)!important;background:var(--primary-glow)!important}
:is(.task-filter.active,.trend-category.active,.trend-view-button.active,.score-category-tab.active,.measurement-date-chip.active,.specialty-chip.active,.experience-density.active){color:var(--primary)!important;border-color:var(--border-active)!important;background:var(--primary-glow)!important;box-shadow:none!important}
:is(.bedside-step.active){color:var(--primary)!important;border-color:var(--border-active)!important;background:var(--primary-glow)!important;box-shadow:none!important}
:is(.btn-clear-card){color:var(--text-sec)!important;border-color:var(--border-base)!important;background:var(--glass-embedded)!important}
:is(.history-sync-status,.measurement-sync-status,.profile-sync-status){color:var(--primary)!important;border-color:var(--border-active)!important;background:var(--primary-glow)!important}
:is(.history-no-changes){color:var(--text-mut)!important;border-color:var(--border-base)!important;background:var(--glass-embedded)!important}
.history-compare-panel{border-color:var(--border-base)!important;background:var(--glass-embedded)!important}
:is(.measurement-unit-badge,.measurement-neutral-note){color:var(--text-mut)!important;border-color:var(--border-base)!important;background:var(--glass-embedded)!important}
:is(.measurement-reference-note){color:var(--text-mut)!important;border-color:var(--border-base)!important}
:is(.experience-message){color:var(--text-sec)!important;border-color:var(--border-base)!important;background:var(--glass-embedded)!important}
.dictation-panel{border-color:var(--border-base)!important;background:var(--glass-embedded)!important}
:is(.document-edit-identity>span,.document-actions button>span:first-child){color:var(--primary)!important;border-color:transparent!important}
.document-actions button:not(.document-action-copy){color:var(--text-sec)!important;border-color:var(--border-base)!important;background:var(--glass-embedded)!important}
.document-actions button:not(.document-action-copy)>span:not(:first-child),.document-actions button:not(.document-action-copy) b{color:var(--text-sec)!important}
.document-actions button:not(.document-action-copy) small{color:var(--text-mut)!important}
.document-type.active>span{color:var(--primary)!important;border-color:var(--border-active)!important;background:var(--primary-glow)!important}
:is(.task-filter,.trend-category,.trend-view-button,.measurement-date-chip,.score-category-tab,.specialty-chip,.document-type,.history-action,.history-filter-clear,.quick-fill-actions button,.productivity-secondary,.productivity-item-actions button,.experience-density,.experience-reset):not(.active){color:var(--text-sec)!important;border-color:var(--border-base)!important;background:var(--glass-embedded)!important}
:is(.magic-box label,.score-context-kicker,.score-context-source,.calculator-field-source,.documents-kicker,.experience-kicker){color:var(--primary)!important}
.magic-box{border-color:var(--border-active)!important;background:color-mix(in srgb,var(--glass-standard) 92%,var(--primary-glow))!important;box-shadow:inset 0 1px 0 var(--glass-specular)!important}
:is(.measurement-import-actions button,#dictation_button){color:var(--primary)!important;border-color:var(--border-active)!important;background:var(--primary-glow)!important;box-shadow:none!important}
.score-category-heading>b{color:var(--primary)!important;border-color:transparent!important}
:is(.score-context-panel,.calculator-library,.documents-hero,.document-preview-card,.experience-dashboard){background:var(--glass-standard)!important}
.trend-polyline{stroke:var(--primary)!important;filter:drop-shadow(0 5px 8px var(--primary-glow))!important}
.trend-point{fill:var(--glass-elevated)!important;stroke:var(--primary)!important}.trend-point.latest{fill:var(--primary)!important;stroke:var(--on-accent)!important}
.measurement-trend-card:hover{border-color:var(--border-active)!important;background:color-mix(in srgb,var(--glass-standard) 90%,var(--primary-glow))!important}
:is(.measurement-card-head em,.measurement-categorical-item strong,.calculator-card.open .calculator-header em,.calculator-result,.calculator-result.neutral,.document-type.active>span,.document-section-chip input:checked+span,.archive-exam-value.reference-normal){color:var(--primary)!important}
:is(.calculator-card.open,.calculator-result,.calculator-result.neutral,.document-type.active,.document-discharge-fields,.document-section-chip input:checked+span,.archive-exam-value.reference-normal){border-color:var(--border-active)!important;background:var(--primary-glow)!important}
.measurement-delta.up{color:var(--primary)!important}.measurement-delta.down{color:var(--text-sec)!important}.measurement-delta.stable,.measurement-delta.single{color:var(--text-mut)!important}
#toast{border:1px solid var(--border-active)!important;background:var(--primary)!important;color:var(--on-accent)!important;box-shadow:0 16px 38px var(--primary-glow-strong)!important}
.preview-copy-error{margin:0 0 14px;padding:12px;border:1px solid color-mix(in srgb,var(--danger) 42%,var(--glass-border));border-radius:var(--r-control);background:color-mix(in srgb,var(--danger) 10%,var(--glass-embedded));color:var(--danger);font-size:13px;line-height:1.5}

/* Legible clinical microcopy; the legacy modules used 7–10px labels. */
:is(.quick-findings-header span,.measurement-card-head b,.measurement-card-head small,.measurement-card-head em,.measurement-latest span,.measurement-categorical-item strong,.measurement-categorical-item span,.measurement-card-foot>span:first-child,.measurement-empty,.trend-modal-meta,.trend-table-row span,.trend-table-row strong,.trend-table-row small,.trend-table-row button,.score-context-copy p,.calculator-library-heading p,.score-context-action,.score-context-feedback,.score-context-toolbar span,.score-context-toolbar button,.score-context-source,.calculator-review-badge,.calculator-header b,.calculator-header small,.calculator-field label,.calculator-field label span,.calculator-field-source,.calculator-actions button,.calculator-result,.calculator-result-rows small,.calculator-result-rows em,.calculator-result p,.calculator-source,.calculator-disclaimer,.documents-hero p,.document-review-state,.document-type>span,.document-type b,.document-type small,.document-discharge-heading b,.document-discharge-heading small,.document-discharge-grid label,.document-select-all,.document-section-chip span,.document-generate,.document-preview-heading>span,.document-actions button,.document-action-note,.experience-dashboard-heading p,.experience-kicker,.experience-round-badge,.experience-stat-grid span,.experience-stat-grid small,.experience-message,.experience-reset){font-size:12px!important}

/* Horizontal rails stay fully interactive while the theme-aware mask signals overflow. */
.scroll-rail.has-horizontal-overflow{scrollbar-width:none!important;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.scroll-rail.has-horizontal-overflow::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.scroll-rail.has-horizontal-overflow.is-scroll-start:not(.is-scroll-end){-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%)}
.scroll-rail.has-horizontal-overflow:not(.is-scroll-start):not(.is-scroll-end){-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}
.scroll-rail.has-horizontal-overflow.is-scroll-end:not(.is-scroll-start){-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 100%)}

@media (hover:hover) and (pointer:fine){
  :is(.card,.measurement-trend-card,.calculator-card,.productivity-item,.archived-bed-card):hover{border-color:var(--border-base)!important;box-shadow:var(--glass-shadow)!important}
}

@media (max-width:720px){
  .app-header{margin-top:8px;padding-inline:10px}
  .btn-clear-card{min-height:44px!important}
  :is(.visit-close,.visit-back,.visit-bed-navigation button){width:44px!important;min-width:44px!important}
  .visit-step-nav button{min-height:44px!important}
  :is(.app-header,.patient-nav,.card,.history-workspace,.documents-hero,.document-builder-card,.document-preview-card,.document-patient-identity,.measurement-trend-card,.calculator-card,.productivity-item,.archived-bed-card,.score-context-panel,.calculator-library,.experience-dashboard,.visit-fields){-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important}
  :is(.workspace-navigation,.floating-buttons,.modal-content,.command-palette-panel,.confirmation-card,.add-bed-card,.session-panel,.bedside-mobile-nav,.visit-header,.visit-step-nav,.visit-footer){-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}
  .floating-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (prefers-reduced-transparency:reduce){
  :is(.app-header,.patient-nav,.card,.history-workspace,.documents-hero,.document-builder-card,.document-preview-card,.document-patient-identity,.measurement-trend-card,.calculator-card,.productivity-item,.archived-bed-card,.score-context-panel,.calculator-library,.experience-dashboard,.visit-fields){background:var(--bg-surface)!important}
  :is(.workspace-navigation,.floating-buttons,.modal-content,.command-palette-panel,.confirmation-card,.add-bed-card,.session-panel,.bedside-mobile-nav,.visit-header,.visit-step-nav,.visit-footer){background:var(--card-elevated)!important}
}

/* Compact theme control: the visible icon always names the target theme. */
.header-theme-toggle{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;display:inline-grid!important;place-items:center;border-radius:9px!important;background:var(--card-elevated)!important;color:var(--text-sec)!important;box-shadow:none!important}
.header-theme-toggle:hover{border-color:var(--border-active)!important;background:var(--primary-glow)!important;color:var(--primary)!important}
.header-theme-toggle .theme-icon{width:19px;height:19px}
.header-theme-toggle .theme-icon-moon{display:none}
.header-theme-toggle[data-current-theme="light"] .theme-icon-sun{display:none}
.header-theme-toggle[data-current-theme="light"] .theme-icon-moon{display:block}

/* Shared selected state used by Dor, SVD and visit check controls. */
.checkbox-container,.visit-field-check>label{min-height:44px;border:1px solid var(--border-base)!important;border-radius:9px!important;background:var(--input-bg)!important;color:var(--text-sec)!important;box-shadow:none!important}
.checkbox-container:hover,.visit-field-check>label:hover{border-color:var(--border-active)!important;background:color-mix(in srgb,var(--input-bg) 88%,var(--primary-glow))!important}
.checkbox-container:has(input:checked),.visit-field-check>label:has(input:checked){border-color:var(--border-active)!important;background:var(--primary-glow)!important;color:var(--text-main)!important;box-shadow:inset 3px 0 0 var(--primary)!important}
.checkbox-container input[type="checkbox"],.visit-field-check input[type="checkbox"]{width:18px!important;height:18px!important;min-height:18px!important;accent-color:var(--primary)!important}
.checkbox-container input[type="checkbox"]:checked{border-color:var(--primary)!important;background:var(--primary)!important}

/* Add Bed is one clinical form, not a stack of decorative cards. */
.add-bed-card{width:min(720px,calc(100vw - 32px))!important;max-height:min(90dvh,780px)!important;padding:24px!important;overflow:auto!important;border-radius:14px!important;background:var(--card-elevated)!important}
.add-bed-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--border-subtle)}
.add-bed-header h2{margin:0;font-family:var(--font-display)!important;font-size:24px;line-height:1.1;letter-spacing:-.025em}
.add-bed-header p{max-width:54ch;margin:6px 0 0;color:var(--text-mut);font-size:13px;line-height:1.5}
.add-bed-header .btn-close-modal{position:static!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;flex:0 0 auto;padding:0!important;border:1px solid var(--border-base)!important;border-radius:8px!important;background:transparent!important;color:var(--text-sec)!important}
.add-bed-header .btn-close-modal:hover{border-color:var(--border-active)!important;background:var(--primary-glow)!important;color:var(--primary)!important}
.add-bed-required-note{margin:14px 0 0!important;color:var(--text-mut)!important;font-size:12px!important}
.add-bed-required-note span{color:var(--primary)}
.add-bed-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:16px!important;margin-top:14px!important}
.add-bed-field,.add-bed-sex{min-width:0}.add-bed-number{grid-column:span 3}.add-bed-name{grid-column:span 9}.add-bed-hospital{grid-column:span 6}.add-bed-sex{grid-column:span 4}.add-bed-age{grid-column:span 2}.add-bed-diagnosis{grid-column:1/-1}
.add-bed-field label,.add-bed-sex legend{margin-bottom:7px!important}.field-optional{color:var(--text-mut);font-weight:500}
.add-bed-field :is(input,textarea){width:100%}.add-bed-field textarea{min-height:88px;resize:vertical}
.add-bed-sex{margin:0;padding:0;border:0}.sex-symbol-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sex-symbol-options label{position:relative;margin:0;cursor:pointer}.sex-symbol-options input{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0;pointer-events:none}
.sex-symbol-options span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 10px;border:1px solid var(--border-base);border-radius:8px;background:var(--input-bg);color:var(--text-mut);transition:color var(--fast),background-color var(--fast),border-color var(--fast)}
.sex-symbol-options svg{width:18px;height:18px;flex:0 0 auto}.sex-symbol-options b{font-size:12px;font-weight:700}
.sex-symbol-options input:checked+span{border-color:var(--border-active);background:var(--primary-glow);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary-glow)}
.sex-symbol-options input:focus-visible+span{outline:2px solid var(--primary);outline-offset:3px;box-shadow:0 0 0 5px var(--primary-glow)}
.add-bed-feedback{min-height:20px;padding-top:8px;color:var(--danger);font-size:12px}
.add-bed-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:12px;border-top:1px solid var(--border-subtle)}
.add-bed-actions button{min-height:44px;padding:0 16px;border-radius:8px}.add-bed-cancel{border:1px solid var(--border-base);background:transparent;color:var(--text-sec)}
.add-bed-cancel:hover{border-color:var(--border-active);background:var(--primary-glow);color:var(--text-main)}
.add-bed-submit{width:auto!important;min-width:160px!important;margin:0!important;gap:8px!important;box-shadow:none!important}.add-bed-submit svg{width:17px;height:17px}

/* Archive deletion stays available without taking over the record. */
.archive-card-actions{display:flex;align-items:flex-start}.archive-delete{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:8px!important;color:var(--text-mut)!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important}
.archive-delete svg{width:17px!important;height:17px!important}.archive-delete:hover{border-color:color-mix(in srgb,var(--danger) 34%,var(--border-base))!important;background:color-mix(in srgb,var(--danger) 8%,transparent)!important;color:var(--danger)!important}

/* Visit Mode shares the same calm clinical hierarchy as the main workspace. */
.visit-mode{background:var(--bg-base)!important;color:var(--text-main)}
.visit-header,.visit-footer{background:var(--glass-elevated)!important}.visit-step-nav{background:var(--card-bg)!important;box-shadow:none!important}.visit-fields{background:var(--card-bg)!important;box-shadow:none!important}
.visit-brand span,.visit-progress-copy b{color:var(--primary)!important}.visit-progress-track{background:var(--input-bg)!important}.visit-progress-track span{background:var(--primary)!important;box-shadow:none!important}
.visit-close,.visit-back,.visit-bed-navigation button{border-color:var(--border-base)!important;background:transparent!important;color:var(--text-sec)!important;box-shadow:none!important}
.visit-close:hover,.visit-back:hover,.visit-bed-navigation button:hover{border-color:var(--border-active)!important;background:var(--primary-glow)!important;color:var(--primary)!important}
.visit-step-nav button{border-color:transparent!important;background:transparent!important;color:var(--text-mut)!important;box-shadow:none!important}.visit-step-nav button:hover{background:var(--input-bg)!important;color:var(--text-main)!important}
.visit-step-nav button.complete{color:var(--text-sec)!important}.visit-step-nav button.complete span{border-color:var(--border-base)!important;background:var(--input-bg)!important;color:var(--text-sec)!important}
.visit-step-nav button.active{border-color:var(--border-active)!important;background:var(--primary-glow)!important;color:var(--primary)!important}.visit-step-nav button.active span{border-color:var(--border-active)!important;background:var(--primary-glow-strong)!important;color:var(--primary)!important}
.visit-stage-heading>span{border-color:var(--border-active)!important;background:var(--primary-glow)!important;color:var(--primary)!important}.visit-stage-heading p{color:var(--text-mut)!important;font-size:13px!important}
.visit-task-item,.visit-completion-panel{border-color:var(--border-base)!important;background:var(--card-bg)!important;box-shadow:none!important}.visit-task-item.is-priority,.visit-fr-timer-panel{border-color:var(--border-active)!important;background:var(--primary-glow)!important}
.visit-fr-timer{border-color:var(--border-active)!important;background:var(--primary-glow)!important;color:var(--primary)!important}.visit-completion-head>span{border-color:var(--border-active)!important;background:var(--primary-glow)!important;color:var(--primary)!important}
.visit-completion-copy,.visit-next{border-color:var(--primary)!important;background:var(--primary)!important;color:var(--on-accent)!important;box-shadow:none!important}.visit-completion-next{border-color:var(--border-active)!important;background:var(--primary-glow)!important;color:var(--primary)!important}

@media(max-width:720px){
  .add-bed-card{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;margin:8px!important;padding:18px!important}
  .add-bed-header{padding-bottom:14px}.add-bed-header h2{font-size:22px}.add-bed-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .add-bed-name,.add-bed-hospital,.add-bed-sex,.add-bed-age,.add-bed-diagnosis{grid-column:1/-1}.add-bed-actions{display:grid;grid-template-columns:1fr}.add-bed-submit{grid-row:1;width:100%!important}.add-bed-cancel{grid-row:2;width:100%}
  .archive-delete{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
  .visit-stage{width:calc(100% - 20px)!important;padding-top:14px!important}.visit-fields{grid-template-columns:minmax(0,1fr)!important;padding:14px!important}.visit-field-wide{grid-column:auto!important}
}

/* v55 · Mobile visual parity.
   Phones inherit the desktop palette and component states; only geometry adapts. */
@media(max-width:720px){
  html[data-theme="dark"]{
    color-scheme:dark;
    --bg-base:#09090a;
    --bg-surface:#101012;
    --card-bg:#151417;
    --card-elevated:rgba(20,19,22,.96);
    --input-bg:rgba(255,250,250,.045);
    --glass-standard:#151417;
    --glass-elevated:rgba(16,15,18,.97);
    --glass-embedded:rgba(255,248,248,.045);
    --glass-border:rgba(255,244,244,.10);
    --text-main:#f5f1f0;
    --text-sec:#c8bfbd;
    --text-mut:#9c9291;
  }
  html[data-theme="light"]{
    color-scheme:light;
    --bg-base:#f2efeb;
    --bg-surface:#f7f4f0;
    --card-bg:#f8f5f1;
    --card-elevated:rgba(255,253,250,.97);
    --input-bg:rgba(255,255,255,.68);
    --glass-standard:#f8f5f1;
    --glass-elevated:rgba(255,253,250,.97);
    --glass-embedded:rgba(255,255,255,.66);
    --glass-border:rgba(75,59,57,.13);
    --text-main:#282223;
    --text-sec:#51494a;
    --text-mut:#726869;
  }
  body{
    background:
      radial-gradient(ellipse 58% 38% at 88% -8%,rgba(177,37,54,.23),transparent 70%),
      radial-gradient(ellipse 48% 34% at -10% 38%,rgba(105,24,37,.13),transparent 72%),
      linear-gradient(180deg,#0d0c0e 0,var(--bg-base) 44%,#080809 100%)!important;
    color:var(--text-main)!important;
  }
  html[data-theme="light"] body{
    background:
      radial-gradient(ellipse 58% 38% at 88% -8%,rgba(189,53,68,.13),transparent 70%),
      radial-gradient(ellipse 48% 34% at -10% 38%,rgba(128,92,84,.10),transparent 72%),
      linear-gradient(180deg,#f8f5f1 0,var(--bg-base) 52%,#efebe6 100%)!important;
  }

  button{
    -webkit-appearance:none;
    appearance:none;
  }
  :is(.app-header,.patient-nav,.card,.history-workspace,.documents-hero,.document-builder-card,.document-preview-card,.document-patient-identity,.measurement-trend-card,.calculator-card,.productivity-item,.archived-bed-card,.score-context-panel,.calculator-library,.experience-dashboard,.visit-fields){
    border-color:var(--glass-border)!important;
    background:var(--glass-standard)!important;
    color:var(--text-main)!important;
    box-shadow:var(--glass-shadow)!important;
  }
  :is(.workspace-navigation,.floating-buttons,.modal-content,.command-palette-panel,.confirmation-card,.add-bed-card,.session-panel,.bedside-mobile-nav,.visit-header,.visit-step-nav,.visit-footer){
    border-color:var(--glass-border)!important;
    background:var(--glass-elevated)!important;
    color:var(--text-main)!important;
    box-shadow:var(--glass-shadow-elevated)!important;
  }
  :is(input,select,textarea,.search-scores,.document-preview-text,.command-palette-search input,.task-form,.history-capture-row,.measurement-form,.measurement-import-panel,.document-config-block,.experience-settings,.quick-fill-card,.task-item,.history-record,.archive-detail,.command-item,.document-type,.document-section-chip span,.measurement-categorical-item){
    border-color:var(--border-base)!important;
    background:var(--glass-embedded)!important;
    color:var(--text-main)!important;
  }

  :is(.workspace-primary-btn,.main-tab-btn,.bed-btn,.btn-visit-mode,.btn-day-tasks,.btn-new-evolution,.btn-remove-bed,.btn-clear-card,.task-filter,.trend-category,.trend-view-button,.measurement-date-chip,.score-category-tab,.specialty-chip,.document-type,.history-action,.history-filter-clear,.quick-fill-actions button,.productivity-secondary,.productivity-item-actions button,.experience-density,.experience-reset,.document-actions button,.calculator-actions button,.lab-report-action){
    border-color:var(--border-base)!important;
    background:var(--glass-embedded)!important;
    color:var(--text-sec)!important;
    box-shadow:none!important;
  }
  :is(.workspace-primary-btn,.main-tab-btn,.bed-btn,.task-filter,.trend-category,.trend-view-button,.measurement-date-chip,.score-category-tab,.specialty-chip,.document-type,.experience-density).active,
  .document-section-chip input:checked+span{
    border-color:var(--border-active)!important;
    background:var(--primary-glow)!important;
    color:var(--primary)!important;
    box-shadow:inset 3px 0 0 var(--primary)!important;
  }
  :is(.btn-magic,.btn-copy,.measurement-save-button,.document-generate,.document-action-copy,.visit-next,.visit-completion-actions .primary,.task-submit,.btn-task-add,.access-submit,.productivity-primary,.add-bed-submit,.history-save-primary){
    border-color:var(--primary)!important;
    background:var(--primary)!important;
    color:var(--on-accent)!important;
    box-shadow:0 10px 26px rgba(126,25,37,.18)!important;
  }
  .header-theme-toggle{
    border-color:var(--border-base)!important;
    background:var(--glass-embedded)!important;
    color:var(--text-sec)!important;
  }
  .workspace-navigation .main-tabs{
    display:flex!important;
    grid-template-columns:none!important;
    overflow-x:auto!important;
  }
  .workspace-navigation .main-tab-btn{
    flex:0 0 min(46%,168px)!important;
    min-height:44px!important;
    border-radius:7px!important;
  }
  :is(.patient-nav,.card,.history-workspace,.documents-hero,.document-builder-card,.document-preview-card,.document-patient-identity,.measurement-trend-card,.calculator-card,.productivity-item,.archived-bed-card,.score-context-panel,.calculator-library,.experience-dashboard){border-radius:var(--r-surface)!important}
}
