@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('/static/vendor/companion-ui/fonts/dm-sans-latin-wght-normal.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('/static/vendor/companion-ui/fonts/dm-sans-latin-ext-wght-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Product layer: reads only --oi-* roles from the Dark Roast kernel mapping (2026-09-29). The short
   aliases keep the layout rules below readable; every one resolves to a role, none to a raw color. */
@layer product{
.oi-root{color-scheme:dark;--bg:var(--oi-surface-canvas);--panel:var(--oi-surface-base);--raised:var(--oi-surface-raised);--line:var(--oi-border-default);--text:var(--oi-text-body);--muted:var(--oi-text-muted);--amber:var(--oi-status-warning);--teal:var(--oi-status-positive);--red:var(--oi-status-negative);--on-accent:var(--oi-text-inverse);font:15px/1.35 var(--oi-typography-body);background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0}a{color:var(--teal)}[hidden]{display:none!important}
button,input,select,textarea{font:inherit;color:var(--text);background:var(--oi-surface-inset);border:1px solid var(--line);border-radius:4px;padding:5px;min-width:0}
button{background:var(--raised);cursor:pointer;white-space:nowrap}button:hover{border-color:var(--teal)}button:disabled{opacity:.45;cursor:default}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.primary{background:var(--oi-accent-primary);border-color:var(--oi-accent-primary);color:var(--on-accent);font-weight:750}textarea{display:block;width:100%;resize:vertical;font:15px/1.5 var(--oi-typography-mono)}input,select{width:100%}input[type=checkbox]{width:18px;height:18px;accent-color:var(--teal)}
label{display:block;color:var(--muted)}.masthead{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 16px;border-bottom:1px solid var(--line)}.masthead a{text-decoration:none}.masthead h1{font-size:20px;margin:0;white-space:nowrap}.masthead label{display:flex;align-items:center;gap:8px;white-space:nowrap}.masthead input{width:205px}.masthead #am-new{margin-left:auto}.masthead select{width:280px}.patient{color:var(--amber);font-weight:650;margin:0 0 8px}
main{padding:12px 16px;max-width:2560px;margin:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:12px;margin-bottom:12px;min-width:0}
h2,p{margin:0}h2{font-size:17px}.muted{color:var(--muted)}.intake{border-top:2px solid var(--teal)}#am-paste-editor{margin-bottom:8px}#am-paste-editor label{margin-bottom:5px}#am-paste{min-height:36vh;max-height:78vh;white-space:pre;overflow:auto}
.med>.jev{grid-column:1/-1}.med>.hold-ref{grid-column:1/-1}.hold-ref{margin:4px 0 2px;padding:5px 8px;border-left:3px solid var(--amber);background:var(--bg);font-size:14px;line-height:19px}.hold-ref p{margin:2px 0}.hold-ref .cite{color:var(--muted)}.jev{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px;line-height:17px;color:var(--muted);margin-top:2px}.jev span{white-space:nowrap}.jev b{color:var(--teal);font-weight:600}.jev .low b{color:var(--amber)}.jev .off{color:var(--red)}.jev .ok{color:var(--line)}.med>.jev:empty{display:none}.toggle{display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted)}.toggle input{width:16px;height:16px}.heading .toggle{margin-left:auto}.heading .toggle+button{margin-left:0}.unread .jev{margin:0 8px 0 0}
.paste-tools{display:flex;align-items:center;gap:12px}.admin-settings{margin-left:auto;position:relative}.admin-settings[open]{width:280px}.admin-settings[open] #am-admin{max-height:280px;overflow:auto}
#am-admin{display:grid;gap:6px;margin:8px 0}.desk{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}.desk>*{min-width:0}.heading{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:10px}.heading h2{margin:0}.heading button{margin-left:auto}
.med-grid{display:grid;grid-template-columns:minmax(135px,1.35fr) minmax(96px,.7fr) minmax(130px,.65fr) minmax(92px,.85fr) 32px minmax(270px,2.3fr) minmax(180px,1.5fr);gap:6px;align-items:center}
.med-header{color:var(--muted);padding:6px 0;border-bottom:1px solid var(--line)}.med{border-bottom:1px solid var(--line);padding:5px 0;min-width:0}.med>*{min-width:0}.medicine{position:relative}.medicine input{font-weight:650}.source{white-space:pre;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:15px;line-height:19px;max-width:100%;max-height:38px}.med.not-taking{opacity:.65}.badge{color:var(--amber);font-size:15px;line-height:19px}.medicine .badge{display:inline-block;margin-right:6px}.check{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}.intent{display:flex;gap:2px}.intent button{padding:4px 5px;font-size:15px}.intent button[aria-pressed=true]{font-weight:700;background:var(--teal);border-color:var(--teal);color:var(--on-accent)}.intent button[data-intent=hold][aria-pressed=true]{background:var(--amber);border-color:var(--amber)}.intent button[data-intent=once][aria-pressed=true]{background:var(--oi-status-informational);border-color:var(--oi-status-informational)}.intent button[data-intent=prn][aria-pressed=true]{background:var(--oi-accent-muted);border-color:var(--oi-accent-muted)}.intent button[data-intent=skip][aria-pressed=true]{background:var(--oi-text-muted);border-color:var(--oi-text-muted)}
.reason{margin-top:3px;width:100%}.times{display:flex;flex-wrap:wrap;align-items:center;gap:3px}.times button{padding:2px 4px;font-size:15px}.time-add{display:flex;flex-wrap:wrap;gap:3px;flex-basis:100%}.time-add input{width:100%}.unread{margin-top:10px}.unread .med{display:flex;gap:12px;align-items:center}.unread .source{flex:1}
summary{cursor:pointer;color:var(--amber)}.order-group{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.order-group:first-child{border-top:0;padding-top:0;margin-top:0}.order-group .heading{margin-bottom:5px}.order{padding:8px;background:var(--bg);border-radius:4px;margin:5px 0}.order-top{display:flex;align-items:center;gap:8px}.order-top label{color:var(--text);flex:1;display:flex;align-items:center;gap:7px}.order-top input{flex-shrink:0}.order p{margin-top:5px;color:var(--muted);overflow-wrap:anywhere}.order.done .order-top label{text-decoration:line-through;opacity:.65}.empty{color:var(--muted);padding:16px 0}#am-progress{white-space:nowrap;color:var(--teal)}#am-handoff{overflow:hidden;resize:none;min-height:80px}
#am-status:not(:empty){margin-top:8px;color:var(--teal)}#am-status.warning{color:var(--amber)}#am-error:not(:empty){padding:10px;margin-bottom:12px;background:color-mix(in srgb,var(--red) 22%,var(--panel));color:var(--oi-text-primary);border-left:3px solid var(--red);border-radius:4px}#am-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--teal);color:var(--on-accent);padding:10px 22px;border-radius:6px;pointer-events:none}#am-toast:empty{display:none}
@media(min-width:1280px){.desk{grid-template-columns:minmax(0,1fr) 390px}.desk aside{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto}}
@media(min-width:1800px){.desk{grid-template-columns:minmax(0,1fr) 440px}}
@media(max-width:1599px){.med-grid{grid-template-columns:minmax(130px,1.3fr) 96px 110px 100px 32px minmax(270px,2fr)}.med-header>:last-child{grid-column:1/-1}.times{grid-column:1/-1}.masthead{gap:10px}.masthead a{display:none}.masthead input{width:180px}.masthead select{width:200px}}
@media(max-width:800px){.masthead{flex-wrap:wrap}.masthead label{white-space:normal}.masthead input{width:190px}main{padding:10px}.med-grid{grid-template-columns:minmax(120px,1fr) 80px 80px}.med-header{display:none}.intent-cell{grid-column:1/-1}.med label{min-width:0}.heading{flex-wrap:wrap}.paste-tools{flex-wrap:wrap}.masthead label{font-size:15px}.admin-settings{margin-left:0}.source{max-width:100%}}

.intake.collapsed{display:flex;align-items:center;gap:16px}.intake.collapsed #am-status{order:-1;margin:0}.intake.collapsed .paste-tools{flex:1}.intake.collapsed .admin-settings{margin-left:auto}@media(max-width:800px){.intake.collapsed{flex-wrap:wrap}}
}
