/* page layouts on top of design-system.css */
@import url("/static/design-system.css");
body.login{background:linear-gradient(180deg,#dfeeea 0,var(--c-bg) 45%)}body.login .ds-appbar{display:none}
.login-card{max-width:400px;margin:10vh auto 0;background:var(--c-panel);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--shadow-2);text-align:center}.login-card img{height:64px;margin-bottom:var(--s-3)}.login-card form{text-align:left}
/* queue */
.queue{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}
.qrow{display:grid;grid-template-columns:1fr auto;gap:var(--s-4);align-items:center;background:var(--c-panel);border:1px solid var(--c-line);border-left:4px solid var(--c-line-2);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);text-decoration:none;color:var(--c-ink)}
.qrow:hover{border-color:var(--c-line-2);box-shadow:var(--shadow-1)}.qrow--flag{border-left-color:var(--c-warn)}.qrow--clean{border-left-color:var(--c-good)}.qrow--done{border-left-color:var(--c-line-2);opacity:.75}
.qrow__id{font-size:15px;font-weight:600}.qrow__meta{color:var(--c-muted);font-size:var(--t-sm)}.qrow__dx{margin-top:2px}.qrow__tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
/* review */
body.review .ds-page{padding-bottom:140px}
.review-strip{display:flex;align-items:center;gap:var(--s-4);margin-bottom:var(--s-3)}.review-strip .patient{flex:1}.review-strip .patient b{font-size:var(--t-lg)}
.checks{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2);margin-bottom:var(--s-4)}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--s-5);align-items:start}
.doc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-2)}
.after{margin-top:var(--s-3)}.after ul{margin:0;padding-left:20px}.after li{margin:6px 0}
.rail{position:sticky;top:64px;max-height:calc(100vh - 210px);display:flex;flex-direction:column}.rail .ds-panel__body{overflow:auto}
.notecard{border:1px solid var(--c-line);border-radius:var(--r-md);margin-bottom:var(--s-2);padding:6px 10px}.notecard summary{cursor:pointer;font-size:var(--t-md)}.notecard .flabel{font-size:var(--t-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted);margin-top:8px}.notecard pre{margin:2px 0 0;white-space:pre-wrap;font:13px/1.5 var(--f-ui);color:var(--c-ink-2)}
.confirmbox{max-width:1520px;margin:var(--s-3) auto 0;padding-top:var(--s-3);border-top:1px dashed var(--c-line)}#editarea{font-size:15px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--s-2);margin-bottom:var(--s-4)}.kpi{background:var(--c-panel);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s-3) var(--s-4)}.kpi b{display:block;font-size:26px;font-weight:600}.kpi span{font-size:var(--t-sm);color:var(--c-muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s-3);margin-bottom:var(--s-4)}
/* rating */
.rate{border:1px solid var(--c-line-2);background:var(--c-panel);border-radius:var(--r-sm);padding:3px 9px;margin-right:2px;font:600 12px var(--f-ui);cursor:pointer}.rate.on{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.inline{display:inline}
/* styleguide */
.sg-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--s-2)}.sg-swatch{border:1px solid var(--c-line);border-radius:var(--r-md);overflow:hidden;font-size:var(--t-xs)}.sg-swatch i{display:block;height:44px}.sg-swatch span{display:block;padding:4px 6px;font-family:var(--f-mono)}
.sg-section{margin-top:var(--s-5)}
@media (max-width:1050px){.workspace{grid-template-columns:1fr}.rail{position:static;max-height:none}.checks{grid-template-columns:repeat(2,1fr)}.ds-doc{padding:var(--s-4)}}
.qrow--busy{border-left-color:var(--c-info)}.qrow--failed{border-left-color:var(--c-bad)}
.checks a.ds-stat:hover{border-color:var(--c-line-2);box-shadow:var(--shadow-1)}