/* Core application components. Color tokens: /theme.css. Overview and screen: /overview.css. */
*{box-sizing:border-box}
html{background:var(--background);scrollbar-gutter:stable;scroll-padding-top:calc(var(--header-height) + 16px)}
body{margin:0;color:var(--text-primary);background:var(--background);font:400 var(--text-base)/1.6 var(--font);font-variant-numeric:tabular-nums;line-height:1.55;isolation:isolate}
body::before{content:"";position:fixed;inset:-22%;z-index:0;pointer-events:none;background:radial-gradient(circle at 12% 8%,var(--ambient-a),transparent 28%),radial-gradient(circle at 90% 76%,var(--ambient-b),transparent 32%);filter:blur(24px);opacity:.72;animation:fa-ambient-drift 24s ease-in-out infinite alternate}
.authenticated .app-shell,.login-screen{position:relative;z-index:1}
@keyframes fa-ambient-drift{0%{transform:translate3d(-1.5%,0,0) scale(1)}100%{transform:translate3d(1.5%,1%,0) scale(1.04)}}
button,input,select,textarea{font:inherit}
button,select,input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),a.btn,summary{min-height:var(--touch-target,0px);min-width:var(--touch-target,0px)}
button,a,input,select,textarea,summary{touch-action:manipulation}
button{cursor:pointer}
a{color:var(--link);text-underline-offset:3px}
img,video,canvas{max-width:100%}
[hidden]{display:none!important}
h1,h2,h3,p{margin:0}
h1{font-size:var(--text-title);font-weight:650;line-height:1.3}
h2{font-size:var(--text-section);font-weight:600;line-height:1.45}
h3{font-size:15px;font-weight:600;line-height:1.45}
p+p{margin-top:12px}
small{font-size:var(--text-xs)}
pre{font-family:var(--font-mono)}
:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
::placeholder{color:var(--text-muted);opacity:1}
::selection{background:var(--primary);color:var(--on-primary)}
*:focus-visible{scroll-margin-block:calc(var(--header-height) + 16px) 24px}
:disabled{cursor:not-allowed;color:var(--disabled-text)}
.muted,.sub,.form-hint{color:var(--text-muted)}
.form-hint,.sub{font-size:var(--text-xs);line-height:1.6}
.sub{display:block;margin-top:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;left:12px;top:-100px;z-index:var(--z-toast);padding:8px 16px;background:var(--surface);color:var(--link)}
.skip-link:focus{top:12px}
button,.btn{transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast)}
.btn,.pager>button,.icon-btn,.theme-toggle,.nav-toggle,.nav-close{min-height:var(--control-height);padding:6px 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:var(--text-sm);font-weight:550;line-height:1.4;border:1px solid var(--border-control);border-radius:var(--radius-control);background:var(--surface);color:var(--text-primary);text-decoration:none;white-space:nowrap;flex-shrink:0}
.btn:hover,.pager>button:hover,.icon-btn:hover,.theme-toggle:hover,.nav-toggle:hover,.nav-close:hover{background:var(--surface-hover)}
.btn:active,.icon-btn:active{background:var(--surface-selected)}
.btn-primary{background:var(--primary);background-image:var(--action-background);border-color:var(--link);color:var(--on-primary);box-shadow:var(--shadow-button)}
.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--on-primary)}
.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--surface)}
.btn-danger:hover,.btn-danger:active{background:var(--danger-hover);border-color:var(--danger-hover);color:var(--surface)}
.btn-ghost{background:var(--surface);border-color:var(--border-subtle);box-shadow:none}
.btn-ghost:hover{border-color:var(--accent-line);color:var(--link)}
.btn:disabled,.pager>button:disabled{background:var(--disabled-bg);border-color:var(--border-subtle);color:var(--disabled-text)}
.link-btn{padding:5px 3px;min-height:max(28px,var(--touch-target,0px));border:0;background:transparent;color:var(--link);font-size:var(--text-sm);font-weight:500;text-align:left;text-decoration:none;border-radius:4px}
.link-btn:hover{text-decoration:underline;background:var(--surface-hover)}
.link-btn.danger{color:var(--danger)}
.icon-btn{width:var(--control-height);padding:6px}
.icon-btn svg,.user-menu-chevron{flex:none}
.language-select{min-height:var(--control-height);min-width:78px}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{width:100%;min-width:0;min-height:var(--control-height);padding:6px 10px;border:1px solid var(--border-control);border-radius:var(--radius-control);background:var(--surface);color:var(--text-primary);font-size:var(--text-base);line-height:1.45}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus,select:focus,textarea:focus{border-color:var(--link);box-shadow:var(--shadow-focus)}
input:read-only{background:var(--surface-subtle)}
input:disabled,select:disabled,textarea:disabled{background:var(--disabled-bg);color:var(--disabled-text)}
textarea{resize:vertical;min-height:96px}
input[type=checkbox],input[type=radio]{accent-color:var(--link);width:18px;height:18px;flex:none;margin:2px 0}
input[type=range]{accent-color:var(--link);width:100%;min-height:max(32px,var(--touch-target,0px))}
label{color:var(--text-secondary);font-size:var(--text-sm)}
.field-grid,.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.field-grid>label,.admin-form-grid>label,.admin-modal-body>label{display:grid;gap:4px;align-content:start}
.wide-field,.span-2{grid-column:1/-1}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.check-card{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--border-control);border-radius:var(--radius-control);color:var(--text-primary)}
.check-card:hover,.check-card:has(input:checked){background:var(--surface-selected)}
.check-card span{display:grid;gap:3px;min-width:0}
.check-card strong{font-size:var(--text-sm);font-weight:600}
.check-card small{color:var(--text-muted);overflow-wrap:anywhere}
.form-message,#dialog-message,#login-message,#profile-message{font-size:var(--text-sm);color:var(--danger);overflow-wrap:anywhere}
.form-message:empty,#dialog-message:empty,#login-message:empty,#profile-message:empty{display:none}
.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px}
.form-actions>p{flex:1;font-size:var(--text-sm)}
.notice{margin:12px 0;padding:12px 16px;background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border);border-radius:var(--radius-control);font-size:var(--text-sm)}
.ocr-candidate{background:var(--info-bg)!important;border-color:var(--info-border)!important}
.ocr-result{white-space:pre-wrap;overflow-wrap:anywhere}
.app-shell{display:none}
.authenticated .app-shell{display:flex;height:100dvh;overflow:hidden}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);padding:0 10px 12px;display:flex;flex-direction:column;gap:12px;background:var(--nav-background);border-right:1px solid var(--nav-line);z-index:var(--z-nav);color:var(--nav-text)}
.brand,.login-brand{display:flex;align-items:center;gap:12px}
.brand{min-height:var(--header-height);margin:0 -10px;padding:10px 16px;border-top:3px solid var(--brand-accent);border-bottom:1px solid var(--nav-line)}
.brand strong{font-size:16px;font-weight:650;letter-spacing:.02em}
.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:3px;background:var(--brand-background);color:var(--brand-ink);font-size:17px;font-weight:700;flex:none;box-shadow:inset 0 0 0 1px rgb(255 255 255 / 16%)}
.nav{display:grid;gap:4px}
.nav-item{min-height:max(40px,var(--touch-target,0px));padding:8px 12px;text-align:left;border:1px solid transparent;border-radius:3px;background:none;color:var(--nav-muted);font-size:14px;line-height:1.5;position:relative}
.nav-item:hover{background:var(--nav-surface);color:var(--nav-text)}
.nav-item.active{background:var(--nav-selected);border-color:var(--nav-line);border-left:3px solid var(--brand-accent);padding-left:10px;color:var(--nav-text);font-weight:600}
.system-nav-group{border-top:1px solid var(--nav-line);padding-top:12px}
.sidebar-note{margin-top:auto;padding:14px 8px 0;border-top:1px solid var(--nav-line);color:var(--nav-muted);font-size:var(--text-xs)}
.nav-close,.nav-toggle,.nav-backdrop{display:none}
.main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));height:100dvh;min-width:0;min-height:0;padding:0 16px;display:flex;flex-direction:column;overflow:hidden}
.topbar{position:relative;top:auto;flex:none;z-index:var(--z-header);display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--header-height);margin:0 -16px var(--workspace-gap);padding:8px 16px;background:var(--surface);border-top:3px solid var(--brand-accent);border-bottom:1px solid var(--border-subtle)}
.topbar>div:first-of-type{flex:1;min-width:0}
.topbar h1{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.025em;font-size:20px}
.topbar p{font-size:var(--text-xs);margin-top:4px;color:var(--text-muted)}
.topbar p:empty{display:none}
.top-actions{display:flex;align-items:center;gap:8px;flex:none}
.top-actions .language-select{width:auto}
.toolbar-tools{display:flex;align-items:center;gap:6px}
#toolbar-tools-slot:empty,#user-menu-tools:empty{display:none}
#user-menu-tools:not(:empty){padding:4px 4px 10px;margin-bottom:4px;border-bottom:1px solid var(--border-subtle)}
.view{display:none;min-width:0}
.active-view{display:block;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding:8px;align-content:start;padding-bottom:12px}
.panel{padding:14px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);min-width:0}
.panel-head,.section-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.panel-head{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}
.section-row{margin:12px 0 8px}
.section-row p{font-size:var(--text-sm);max-width:72ch}
.section-row .btn{flex:none}
.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;min-width:0}
.toolbar>input{flex:1;min-width:180px;max-width:500px}
.toolbar>select{width:auto;max-width:220px}
.toolbar label{display:flex;align-items:center;gap:8px}
.pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px;font-size:var(--text-sm)}
.pager label{display:flex;align-items:center;gap:8px}
.pager select{width:72px}
.empty-state,.source-empty{padding:24px 16px;text-align:center;color:var(--text-muted);font-size:var(--text-base)}
.source-empty{border:1px dashed var(--border-control);border-radius:var(--radius-control);min-height:140px;display:grid;place-items:center;background:var(--surface-subtle)}
.empty-state.panel{display:grid;place-items:center}
.login-screen{min-height:100dvh;display:grid;place-items:center;padding:80px 20px 40px}
.authenticated .login-screen,.authenticated .login-language{display:none;z-index:var(--z-menu)}
.login-shell{width:min(760px,100%);display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid var(--border-subtle);border-radius:var(--radius-dialog);overflow:hidden;box-shadow:var(--shadow-float)}
.login-brand{margin-bottom:0;justify-content:flex-start;color:var(--nav-text)}
.login-brand strong{font-size:19px;letter-spacing:.025em}
.login-card{padding:28px 32px;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;justify-content:center}
.login-card h1{font-size:24px}
.login-card p{margin:6px 0 20px;color:var(--text-secondary);font-size:13px}
.login-card form{display:grid;gap:14px}
.login-card label{display:grid;gap:5px}
.login-card button[type=submit]{width:100%;margin-top:4px}
.login-card #login-message{margin:0}
.login-language{position:absolute;right:24px;top:20px;display:flex;align-items:center;gap:8px}
.login-language select{width:100px}
.login-intro{display:flex;flex-direction:column;justify-content:center;gap:28px;padding:28px;background:var(--nav-background);border-top:4px solid var(--brand-accent);color:var(--nav-text);min-height:340px;position:relative}
.login-flow{list-style:none;margin:0;padding:0;counter-reset:phase;display:grid;gap:16px}
.login-flow li{counter-increment:phase;display:flex;align-items:center;gap:14px;font-size:14px;position:relative;min-height:max(32px,var(--touch-target,0px));color:var(--nav-text)}
.login-flow li::before{content:counter(phase,decimal-leading-zero);width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--nav-line);border-radius:8px;background:var(--nav-surface);font-size:12px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--nav-accent)}
.login-flow li:not(:last-child)::after{content:"";position:absolute;left:15px;top:36px;width:1px;height:8px;background:var(--nav-line)}
.sidebar .nav-close{border-color:var(--nav-line);color:var(--nav-text);background:var(--nav-surface)}
.admin-navigation{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:0 0 8px;border-bottom:1px solid var(--border-subtle)}
.admin-navigation .admin-tabs{flex:1;min-width:0;margin:0;border:0}
.admin-navigation>#admin-refresh{margin:0}
.index-actions #index-stats{margin:0;flex:1;min-width:0}
.index-actions>.toolbar{flex:none}
.metric:nth-child(2){--metric-color:var(--info-border)}
.metric:nth-child(3){--metric-color:var(--warning-border)}
.metric:nth-child(4){--metric-color:var(--success-border)}
.record-dialog.edit-guard-dialog{width:min(440px,100%)}
.edit-guard-dialog ul{margin:12px 0;padding-left:20px;color:var(--text-secondary)}
.collector-navigation{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.collector-navigation .detail-tabs{flex:1;margin:0;min-width:0}
.collector-files{padding:0;overflow:hidden}
.collector-files>.workspace-commandbar{padding:12px 14px;margin:0;border-bottom:1px solid var(--border-subtle);display:flex;gap:8px;flex-wrap:wrap}
.collector-files>.workspace-commandbar>input{flex:1;min-width:170px;max-width:420px}
.collector-files>.workspace-commandbar>select{width:150px}
.collector-boundary{padding:8px 14px}
.collector-files>.pager{padding:10px 14px;margin:0;border-top:1px solid var(--border-subtle)}
.collector-table{min-width:900px}
.collector-table th:first-child{width:30%}
.collector-table .sub{overflow-wrap:anywhere}
.collector-device-table{min-width:720px}
.collector-row-actions{display:flex;gap:8px;white-space:nowrap}
.collector-client-actions{display:flex;justify-content:space-between;align-items:center;gap:14px}
.collector-client-actions h2{margin-bottom:4px}
.collector-client-actions .toolbar{margin:0;flex:none}
.collector-steps{display:flex;gap:12px;list-style:none;counter-reset:collector-step;margin:14px 0;padding:12px;background:var(--surface-subtle);border-left:3px solid var(--brand-accent)}
.collector-steps li{counter-increment:collector-step;display:flex;align-items:center;gap:8px;flex:1;font-size:13px}
.collector-steps li::before{content:counter(collector-step,decimal-leading-zero);font:600 12px var(--font-mono);color:var(--link)}
.collector-gallery{padding:0 14px 14px}
.collector-target-list{display:grid;gap:6px}
.collector-target{display:flex;justify-content:space-between;gap:12px;text-align:left;white-space:normal}
.collector-target small{color:var(--text-muted)}
#collector-device-secret{font-family:var(--font-mono);margin-bottom:12px}
@media(max-width:1024px){
.collector-client-actions{align-items:flex-start;flex-direction:column}
.collector-client-actions .toolbar{flex-wrap:wrap}
}
@media(max-width:767px){
.collector-steps{flex-direction:column;gap:8px}
.collector-files>.workspace-commandbar>input{flex-basis:100%;max-width:none;min-width:0}
.collector-files>.workspace-commandbar>select{flex:1;width:auto}
.collector-client-actions .toolbar{gap:6px}
.collector-client-actions .toolbar>.btn{padding:8px;font-size:12px}
.collector-target{align-items:flex-start;flex-direction:column;gap:2px}
}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-panel)}
.metric{padding:12px 16px;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;border:0;border-radius:0;box-shadow:none;background:none}
.metric span{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-secondary)}
.metric strong{display:block;font-size:30px;line-height:1.1;font-weight:650;margin:0;letter-spacing:-.035em}
.stat-strip{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.badge,.mini-tag,.status-pill,.channel-type{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--surface-subtle);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.6;white-space:nowrap}
.badge.pass,.status-pill.ok{color:var(--success);background:var(--success-bg);border-color:var(--success-border)}
.badge.attention{color:var(--warning);background:var(--warning-bg);border-color:var(--warning-border)}
.badge.fail,.status-pill.off{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-border)}
.badge.pending{color:var(--text-secondary)}
.mini-tag.scope{color:var(--info);background:var(--info-bg);border-color:var(--info-border)}
.tag-list{display:flex;gap:4px;flex-wrap:wrap}
.table-panel,.admin-table-panel{padding:0;overflow:hidden}
.table-panel{overflow:auto}
.data-table,.admin-table{width:100%;border-collapse:separate;border-spacing:0;min-width:820px;font-size:var(--text-sm)}
.data-table th,.admin-table th{padding:8px 12px;background:var(--surface-heading);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;text-align:left;border-bottom:1px solid var(--border-subtle);white-space:nowrap}
.data-table td,.admin-table td{padding:10px 12px;vertical-align:middle;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);line-height:1.5}
.data-table tbody tr:last-child td,.admin-table tbody tr:last-child td{border-bottom:0}
.data-table tbody tr:nth-child(even) td,.admin-table tbody tr:nth-child(even) td{background:var(--table-stripe)}
.data-table tbody tr:hover td,.admin-table tbody tr:hover td{background:var(--surface-hover)}
.data-table .sub{max-width:240px;overflow-wrap:anywhere}
.case-open{font-weight:600}
.clamp-text{max-width:480px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.admin-table-wrap{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border-control) var(--surface-subtle)}
.user-cell{display:grid;gap:4px}
.user-cell span{font-size:var(--text-xs);color:var(--text-muted)}
.intake-workspace{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(480px,1.5fr);gap:var(--workspace-gap);align-items:start}
.source-panel{position:sticky;top:8px}
.source-actions{align-items:center}
.source-panel .toolbar{margin-bottom:12px}
.source-panel h2{font-size:16px}
#intake-image img{display:block;width:100%;max-height:580px;object-fit:contain;border-radius:8px;background:var(--surface-subtle)}
#intake-ocr{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-xs);max-height:240px;overflow:auto;margin-bottom:0}
.intake-tabs,.detail-tabs,.admin-tabs{display:flex;gap:4px;overflow-x:auto;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:transparent;padding:0;margin:0 0 12px;scrollbar-width:thin;scrollbar-color:var(--accent-line) transparent}
.intake-tabs button,.detail-tabs button,.admin-tab{min-height:max(38px,var(--touch-target,0px));padding:8px 14px;border:0;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap;flex:none}
.intake-tabs button:hover,.detail-tabs button:hover,.admin-tab:hover{background:var(--surface-hover)}
.intake-tabs .active,.detail-tabs .active,.admin-tab.active{background:var(--surface-selected);color:var(--link);font-weight:600;border-bottom-color:var(--primary)}
.detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0;padding:10px 12px;background:var(--surface);border:1px solid var(--border-subtle);border-bottom:0;border-radius:var(--radius-panel) var(--radius-panel) 0 0}
.detail-toolbar>div:first-child{display:flex;gap:8px;flex-wrap:wrap}
.detail-toolbar .toolbar{margin:0;justify-content:flex-end}
.records-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.records-grid.record-single{grid-template-columns:minmax(0,1fr)}
.record-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}
.record-card header>.badge{flex:none}
.record-body,.record-evidence{min-width:0}
.record-card h2{font-size:16px;margin-top:4px;overflow-wrap:anywhere}
.record-category,.record-meta{font-size:var(--text-xs);color:var(--text-secondary);overflow-wrap:anywhere;margin:8px 0}
.record-meta{margin:12px 0}
.record-observation{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}
.record-card footer{display:flex;justify-content:flex-end;gap:12px;margin-top:12px;padding-top:8px;border-top:1px solid var(--border-subtle)}
.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.attachment-grid.compact{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.attachment-tile{padding:0;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface);overflow:hidden;text-align:left;min-width:0;color:var(--text-primary)}
.attachment-tile:hover{border-color:var(--link);background:var(--surface-hover)}
.attachment-tile img{display:block;width:100%;height:140px;object-fit:contain;background:var(--surface-subtle)}
.attachment-grid.compact img{height:100px}
.attachment-tile>span{display:block;padding:8px;font-size:var(--text-xs);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.file-type{height:110px;display:grid;place-items:center;color:var(--text-secondary);background:var(--surface-subtle);font-size:var(--text-sm)}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}
.facts>div{display:grid;gap:5px;min-width:0;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}
.facts span{font-size:var(--text-xs);color:var(--text-muted)}
.facts strong{font-size:var(--text-base);font-weight:500;overflow-wrap:anywhere}
.measurement-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(90px,1fr) 75px 100px 100px 48px;gap:8px;margin:8px 0}
.measurement-row input{width:100%;min-width:0}
.measurement-wrap{overflow:auto}
.measurement-wrap table{width:100%;border-collapse:collapse;font-size:var(--text-xs);margin:12px 0}
.measurement-wrap th,.measurement-wrap td{border-bottom:1px solid var(--border-subtle);padding:8px;text-align:left}
.measurement-wrap th{background:var(--surface-subtle);color:var(--text-secondary)}
.draft-panel{margin-top:16px}
.draft-panel textarea{width:100%;min-height:160px}
.version-row{display:grid;gap:5px;padding:10px 0;border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm)}
.version-row:last-child{border:0}
.knowledge-status{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px;border-left:3px solid var(--primary)}
.knowledge-status p{flex-basis:100%;font-size:12px;color:var(--text-secondary)}
.knowledge-match{margin-top:12px}
.knowledge-match p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px}
.overview-first-action{padding:0 16px 16px;text-align:center}
.workspace-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 12px;text-align:center;color:var(--text-muted);font-size:var(--text-sm)}
.workspace-error{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--text-sm);color:var(--danger)}
[aria-busy=true]{cursor:progress}
.filter-panel{margin-bottom:12px;padding:12px 14px}
.pager>span{font-size:var(--text-xs);color:var(--text-secondary);min-width:max(40px,var(--touch-target,0px));text-align:center}
#intake-source-preview{border-top:1px solid var(--border-subtle);padding-top:8px}
#intake-source-preview>summary{font-weight:550}
#intake-source-preview[open]>summary{margin-bottom:10px}
#intake-source-preview details{margin-top:8px}
.source-fact-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.source-fact-group>summary,.oa-case-source>summary,.oa-history-source>summary{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);padding:4px 0;line-height:2}
.source-fact-group>summary::after,.oa-case-source>summary::after,.oa-history-source>summary::after{content:"";display:inline-block;width:7px;height:7px;margin-left:auto;flex:none;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
.source-fact-group[open]>summary::after,.oa-case-source[open]>summary::after,.oa-history-source[open]>summary::after{transform:rotate(225deg)}
.source-disclosure-body{margin-top:10px}
.source-extra-facts{margin-top:8px;border-top:1px solid var(--border-subtle);padding-top:4px}
.source-extra-facts>summary{color:var(--link)}
.source-extra-facts[open]>.facts{margin-top:8px}
.source-fact-group .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
.source-fact-group .facts>div{padding-bottom:8px;gap:4px}
.source-fact-group .fact-text{grid-column:1/-1}
.source-fact-group .fact-text strong{white-space:pre-wrap}
.source-fact-wide{grid-column:1/-1}
.source-fact-wide .facts{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-evidence>.section-row>.toolbar{margin:0}
.evidence-tabs{margin-bottom:12px}
.case-section-tabs{padding:0 12px;background:var(--surface);border:1px solid var(--border-subtle);border-top:0;border-radius:0 0 var(--radius-panel) var(--radius-panel)}
.case-section-tabs button{display:inline-flex;gap:6px;align-items:center}
.case-section-tabs em{font-style:normal;min-width:18px;padding:0 4px;border-radius:4px;font-size:var(--text-xs);color:var(--text-secondary);background:var(--surface-subtle)}
.case-entry{font-size:var(--text-xs);color:var(--text-secondary);align-self:center}
.case-entry strong{font-weight:550;color:var(--text-primary)}
.record-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.record-tools p{font-size:var(--text-sm)}
.record-meta{display:flex;flex-wrap:wrap;gap:6px}
.record-meta span{padding:2px 7px;border:1px solid var(--border-subtle);background:var(--surface-subtle);border-radius:4px}
.record-meta:empty,.record-observation:empty{display:none}
.record-conditions{white-space:pre-wrap;overflow-wrap:anywhere;padding:8px 10px;border-left:2px solid var(--border-control);background:var(--surface-subtle);border-radius:0 5px 5px 0;font-size:var(--text-sm)}
.measurement-wrap th:nth-child(2),.measurement-wrap td:nth-child(2),.measurement-wrap th:nth-child(4),.measurement-wrap td:nth-child(4),.measurement-wrap th:nth-child(5),.measurement-wrap td:nth-child(5){text-align:right;white-space:nowrap}
.conclusion-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px;align-items:start}
.conclusion-editor,.case-report-rail{min-width:0}
.conclusion-assistance{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.conclusion-form textarea[name=conclusion]{min-height:140px}
.case-report-rail{display:grid;gap:12px}
.case-report-rail .panel-head{margin-bottom:0}
.version-row header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.version-row>span{color:var(--text-secondary);font-size:var(--text-xs)}
.case-review-actions>.form-hint{margin:8px 0 12px}
.case-review-actions .toolbar{margin:0}
.report-version-list{max-height:480px;overflow:auto}
.notice>p+p{margin-top:6px}
.knowledge-toolbar{margin-bottom:10px;padding:10px 12px}
.toolbar-menu{position:relative;flex:none}
.toolbar-menu>summary{list-style:none}
.toolbar-menu>summary::-webkit-details-marker{display:none}
.toolbar-menu>div{position:absolute;right:0;top:calc(100% + 6px);z-index:var(--z-menu);padding:8px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-float);display:grid;gap:4px;min-width:175px}
.toolbar-menu label{justify-content:flex-start;border:0;cursor:pointer}
.knowledge-summary{display:grid;grid-template-columns:repeat(3,minmax(90px,.55fr)) minmax(180px,1fr);gap:10px;border-left:3px solid var(--link);align-items:center}
.knowledge-summary>div{display:flex;align-items:baseline;gap:8px;border-right:1px solid var(--border-subtle)}
.knowledge-summary>.knowledge-summary-note{display:flex;align-items:center;justify-content:flex-end;gap:12px;border:0;position:relative}
.knowledge-summary-note details p{position:absolute;right:0;top:100%;z-index:5;width:min(400px,70vw);padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-float);font-size:var(--text-xs)}
.knowledge-summary>div:nth-child(3){border-right:0}
.knowledge-summary span{font-size:var(--text-xs);color:var(--text-secondary)}
.knowledge-summary strong{font-size:25px;line-height:1.3;font-weight:650}
.knowledge-summary p{grid-column:1/-1;margin-top:4px}
.knowledge-document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:10px;align-items:start}
.knowledge-document>header,.knowledge-match>header{display:flex;justify-content:space-between;align-items:start;gap:12px}
.knowledge-document .knowledge-title{font-size:15px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.knowledge-document .knowledge-title{padding:0;white-space:normal;min-width:0}
.preview-body .knowledge-content{font:14px/1.75 var(--font);white-space:pre-wrap;overflow-wrap:anywhere}
#knowledge-load-error{margin-bottom:12px}
.knowledge-document-source{font-size:var(--text-xs);color:var(--text-secondary);margin-top:8px;overflow-wrap:anywhere}
.knowledge-document>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:10px}
.knowledge-document-meta{display:flex;flex:1;min-width:100px;flex-wrap:wrap;gap:2px 10px;color:var(--text-muted);font-size:var(--text-xs)}
.knowledge-document-meta time{white-space:nowrap}
.knowledge-document-actions{display:flex;gap:8px;flex:none;margin-left:auto}
.knowledge-document .btn{min-height:max(30px,var(--touch-target,0px));padding:4px 9px;font-size:var(--text-xs)}
.knowledge-match{padding:12px 14px}
.knowledge-match h3{min-width:0;overflow-wrap:anywhere;flex:1}
.knowledge-match header>.badge{flex:none}
.knowledge-match summary{margin-top:8px}
.knowledge-match p{font-size:var(--text-sm)}
.admin-access-reference{min-width:0;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface)}
.admin-access-reference>summary{padding:8px 12px;font-size:var(--text-sm);font-weight:550;color:var(--text-secondary)}
.admin-access-reference-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:12px;padding:0 12px 12px;align-items:start}
.admin-access-reference:not([open])>.admin-access-reference-body{display:none}
.admin-local-filters,.admin-filter-row{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.admin-local-filters label,.admin-filter-row label{display:flex;gap:8px;align-items:center;min-width:0}
.admin-local-filters label{width:100%}
.admin-local-filters select{flex:1;min-width:0}
.admin-filter-row>span{margin-left:auto;font-size:var(--text-xs)}
.admin-filter-row select{width:auto;max-width:240px}
.admin-filter-row>input{max-width:none}
.admin-dept-row small{font-size:var(--text-xs);color:var(--text-muted)}
.admin-notification-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:12px;align-items:start}
.admin-notification-layout .admin-table{min-width:660px}
.delivery-row{align-items:center}
.delivery-row>div{min-width:0;display:grid;gap:4px}
.delivery-row strong{font-size:var(--text-sm);overflow-wrap:anywhere;font-weight:550}
.delivery-row div>span{font-size:var(--text-xs);overflow-wrap:anywhere}
.delivery-row>.status-pill{flex:none;font-size:var(--text-xs)}
.admin-org-layout{align-items:start}
.admin-org-layout .admin-tree,.admin-org-layout .admin-list{max-height:65vh;overflow:auto;overscroll-behavior:contain}
.admin-access-reference .permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-access-reference .permission-item{padding:8px 10px;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:8px}
.admin-access-reference .form-hint{margin-top:10px}
.empty-cell{padding:20px 12px!important;text-align:center;color:var(--text-muted)!important}
.ai-progress{display:block;width:100%;height:5px;margin:12px 0;appearance:none;border:0;border-radius:3px;overflow:hidden;background:var(--surface-subtle);accent-color:var(--link)}
.ai-progress::-webkit-progress-bar{background:var(--surface-subtle)}
.ai-progress::-webkit-progress-value{background:var(--link)}
.ai-progress::-moz-progress-bar{background:var(--link)}
.admin-toolbar-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.admin-toolbar-row p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;max-width:72ch}
.admin-actions,.admin-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex:none}
.admin-row-actions{flex:none}
.admin-tab{display:inline-flex;gap:8px;align-items:center}
.admin-tab em,.admin-count{font-size:var(--text-xs);font-style:normal;color:var(--text-secondary)}
.admin-tab em{padding:0 5px;min-width:20px;line-height:20px;border-radius:5px;background:var(--surface-subtle)}
.admin-org-layout{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:12px}
.admin-role-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-list{display:grid;gap:4px}
.admin-tree-row,.admin-role-row,.admin-dept-row,.admin-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-subtle)}
.admin-role-row>div:first-child,.admin-dept-row>div:first-child{display:grid;gap:4px;min-width:0}
.admin-role-row span,.admin-dept-row span,.admin-tree-main small{font-size:var(--text-xs);color:var(--text-secondary);overflow-wrap:anywhere}
.admin-tree-main{display:flex;align-items:center;gap:10px}
.admin-row span{color:var(--text-secondary)}
.admin-subhead{padding:12px 16px;margin-top:12px;font-size:var(--text-sm);color:var(--text-secondary);border-top:1px solid var(--border-subtle)}
.permission-grid{display:grid;gap:6px}
.permission-item{padding:8px 10px;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:6px}
.permission-item strong{display:block;font-size:var(--text-sm);font-weight:600}
.permission-item span{display:block;font-size:var(--text-xs);color:var(--text-secondary);overflow-wrap:anywhere}
.scope-item{background:var(--info-bg)}
.scope-item strong{color:var(--info)}
.admin-form-section{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-subtle)}
.admin-form-section-title{font-size:var(--text-sm);font-weight:600;margin-bottom:10px}
.admin-form-section .form-hint{margin-top:8px}
.confirm-box{display:flex;gap:16px;padding:12px 0}
.confirm-box p{color:var(--text-secondary);font-size:var(--text-sm);margin-top:8px}
.confirm-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-weight:700;flex:none;background:var(--danger-bg);color:var(--danger)}
.org-tree-root,.org-tree-children{list-style:none;padding:0;margin:0}
.org-tree-children{margin-left:14px;padding-left:12px;border-left:1px solid var(--border-subtle)}
.org-tree-line{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 8px;border-bottom:1px solid var(--border-subtle);border-radius:6px}
.org-tree-label{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;align-items:center}
.org-tree-label>.status-pill{grid-column:2;grid-row:1;padding:1px 6px}
.org-tree-label>small{grid-column:1/-1}
.org-tree-label strong{font-size:var(--text-sm);font-weight:600;overflow-wrap:anywhere}
.org-tree-label small{font-size:var(--text-xs);color:var(--text-secondary);overflow-wrap:anywhere}
.tree-toggle{width:24px;height:24px;flex:none;border:1px solid var(--border-subtle);border-radius:6px;background:var(--surface-subtle);color:var(--text-secondary);font-size:16px;line-height:1}
.tree-toggle.empty{visibility:hidden}
.tree-org-dot,.tree-dept-dot,.tree-marker{width:7px;height:7px;border-radius:2px;background:var(--primary);flex:none}
.tree-dept-dot{background:var(--text-secondary)}
.system-admin-view .top-actions>[data-view=intake]{display:none}
.admin-role-layout #admin-roles{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:8px}
.admin-role-layout .admin-role-row{padding:10px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface)}
.custom-scope-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.custom-scope-groups>details{min-width:0;border:1px solid var(--border-subtle);border-radius:var(--radius-control);padding:8px}
.custom-scope-groups summary{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:550;min-height:max(32px,var(--touch-target,0px))}
.custom-scope-count{display:flex;gap:4px;font-size:var(--text-xs);color:var(--text-muted);font-weight:400}
.custom-scope-filter{display:block;margin:8px 2px}
.custom-scope-options{grid-template-columns:1fr;max-height:264px;overflow:auto;overscroll-behavior:contain;padding:3px;scrollbar-width:thin}
.custom-scope-options .check-card:has(input:disabled){background:var(--surface-subtle);cursor:not-allowed}
.custom-scope-groups [data-scope-empty]{margin:8px 2px}
@media(max-width:767px){
.custom-scope-groups{grid-template-columns:1fr}
.custom-scope-groups summary{min-height:44px}
.custom-scope-options{max-height:240px}
}
.record-modal,.admin-modal,.profile-modal,.preview-modal,.camera-modal,.qr-modal{position:fixed;inset:0;z-index:calc(var(--z-modal) + var(--modal-order,0));display:grid;place-items:center;padding:24px}
.record-backdrop,.admin-modal-backdrop,.profile-modal-backdrop,.preview-backdrop,.camera-backdrop{position:absolute;inset:0;background:var(--overlay)}
.record-dialog,.admin-modal-dialog,.profile-modal-dialog,.preview-dialog,.camera-dialog,.qr-dialog{position:relative;width:min(860px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-dialog);box-shadow:var(--shadow-float);overflow:hidden;min-width:0}
.record-dialog>header,.admin-modal-header,.preview-header,.camera-dialog>header,.qr-dialog>header{background:var(--surface-heading);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border-subtle);flex:none}
.record-dialog h2,.admin-modal-header h2,.preview-header h2,.camera-dialog h2,.qr-dialog h2{font-size:17px;min-width:0;overflow-wrap:anywhere}
.record-dialog form,.admin-modal-dialog form,.profile-modal-dialog form{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.record-dialog footer,.admin-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid var(--border-subtle);background:var(--surface-subtle);flex:none}
.record-dialog footer>span,.admin-modal-footer>.form-message{margin-right:auto}
.admin-modal-body,#dialog-body,.preview-body{padding:16px;overflow:auto;min-height:0;overscroll-behavior:contain}
.preview-dialog{width:min(1120px,100%)}
.preview-header-actions{display:flex;align-items:center;gap:8px;flex:none}
.preview-body{white-space:normal;overflow-wrap:anywhere}
.preview-body>img,.preview-image{display:block;max-width:100%;max-height:72vh;margin:auto;object-fit:contain}
.preview-body video{display:block;max-width:100%;max-height:70vh;margin:auto}
.preview-body iframe{width:100%;height:65vh;border:1px solid var(--border-subtle);background:var(--surface)}
.preview-body pre{font:13px/1.65 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere}
.preview-body table{border-collapse:collapse;max-width:100%}
.preview-body td,.preview-body th{padding:8px;border:1px solid var(--border-subtle);vertical-align:top}
.preview-body img{max-width:100%;height:auto}
.preview-document,.docx-preview{color:var(--text-primary);font-size:var(--text-base)}
.preview-sheet{overflow:auto}
.user-menu{position:relative;flex:none}
.user-menu-trigger{display:flex;align-items:center;gap:8px;min-height:max(36px,var(--touch-target,0px));border:1px solid var(--border-subtle);border-radius:var(--radius-control);padding:3px 8px 3px 4px;background:var(--surface);color:var(--text-primary)}
.user-menu-trigger:hover{background:var(--surface-hover)}
.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-size:var(--text-xs);font-weight:650;overflow:hidden;flex:none}
.user-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.user-menu-label{display:grid;gap:1px;text-align:left;line-height:1.3;max-width:125px}
.user-menu-label strong{font-size:var(--text-xs);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-menu-label small{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-menu-chevron{width:7px;height:7px;border-right:1.5px solid var(--text-secondary);border-bottom:1.5px solid var(--text-secondary);transform:rotate(45deg);margin:0 2px 4px 4px}
.user-menu-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:var(--z-menu);min-width:170px;padding:6px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-float)}
.user-menu-dropdown>button{display:block;width:100%;min-height:max(38px,var(--touch-target,0px));border:0;background:none;text-align:left;border-radius:6px;padding:8px 12px;color:var(--text-primary);font-size:var(--text-sm)}
.user-menu-dropdown>button:hover{background:var(--surface-hover)}
.menu-divider{height:1px;background:var(--border-subtle);margin:4px 0}
.profile-modal-dialog{width:min(780px,100%)}
.profile-modal-body{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;padding:20px;overflow:auto;min-height:0}
.avatar-editor{display:grid;align-content:start;gap:12px}
.avatar-crop-stage{position:relative;width:280px;max-width:100%;aspect-ratio:1;overflow:hidden;border:1px solid var(--border-control);border-radius:12px;background:var(--surface-subtle);touch-action:none}
.avatar-crop-stage canvas{display:block;width:100%;height:100%;cursor:grab}
.avatar-crop-stage canvas:active{cursor:grabbing}
.avatar-crop-ring{position:absolute;inset:0;border:2px solid var(--border-control);border-radius:50%;box-shadow:0 0 0 999px var(--overlay);pointer-events:none}
.avatar-file-label{width:max-content}
.avatar-zoom{display:grid;gap:4px;font-size:var(--text-sm)}
.profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:16px}
.profile-fields>label,.profile-password-section label{display:grid;gap:6px}
.profile-password-section{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}
.profile-password-section .admin-form-section-title{grid-column:1/-1;margin:0}
.camera-stage{position:relative;min-height:180px;overflow:hidden;background:var(--background);display:grid;place-items:center}
.camera-stage video{display:block;width:100%;max-height:65vh;object-fit:contain}
.scan-overlay{position:absolute;inset:12%;border:2px solid var(--focus-ring);border-radius:10px;pointer-events:none}
.camera-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--border-subtle)}
.capture-modes{display:flex;gap:4px}
.capture-modes .active{background:var(--surface-selected);border-color:var(--link);color:var(--link)}
.scan-option{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);min-height:max(36px,var(--touch-target,0px))}
.scan-option input{flex:none}
.camera-count,#camera-status{font-size:var(--text-xs);color:var(--text-secondary)}
.camera-footer #camera-status{flex:1}
.qr-dialog{width:min(440px,100%);padding-bottom:20px}
.qr-dialog>img{width:240px;height:240px;object-fit:contain;margin:20px auto;background:#fff}
.qr-dialog>input,.qr-dialog>p,.qr-dialog>.toolbar,.qr-dialog>a{margin:8px 20px;width:auto}
.qr-dialog>p{font-size:var(--text-sm);color:var(--text-secondary)}
.qr-dialog>video{max-height:50vh;background:var(--background)}
body[data-modal-open],body.nav-open{overflow:hidden}
.toast{position:fixed;right:24px;bottom:24px;max-width:min(480px,calc(100vw - 32px));padding:12px 16px;z-index:var(--z-toast);background:var(--text-primary);color:var(--surface);border:1px solid var(--border-control);border-radius:10px;box-shadow:var(--shadow-float);font-size:var(--text-sm);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity var(--motion-fast),transform var(--motion-fast)}
.toast.show{opacity:1;transform:translateY(0);pointer-events:auto}
.toast-close{margin-left:12px;background:transparent;color:inherit;border:1px solid currentColor;border-radius:6px;padding:4px 8px;font-size:var(--text-xs)}
.toast[data-kind=error]{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}
.toast[data-in-dialog]{position:static;display:none;flex:none;max-width:none;max-height:25dvh;overflow:auto;margin:0;border:0;border-top:1px solid var(--border-control);border-radius:0;box-shadow:none;transform:none;opacity:1;overflow-wrap:anywhere}
.toast[data-in-dialog].show{display:flex;align-items:flex-start;gap:8px}
.toast[data-in-dialog]>span{flex:1;min-width:0}
.toast[data-in-dialog]>.toast-close{flex:none;margin:0;min-height:var(--control-height)}
summary{cursor:pointer;min-height:max(28px,var(--touch-target,0px));color:var(--text-secondary);font-size:var(--text-sm);padding:3px 0;line-height:1.6}
summary:focus-visible{border-radius:4px}
.index-actions{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:var(--text-sm);flex-wrap:wrap}
.index-actions>.toolbar{margin:0 0 0 auto}
.index-column-picker{position:relative}
.index-column-picker>div{position:absolute;top:calc(100% + 5px);left:0;z-index:var(--z-menu);width:320px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid var(--border-subtle);border-radius:10px;box-shadow:var(--shadow-float);background:var(--surface)}
.index-column-picker label{display:flex;align-items:center;gap:8px;font-size:var(--text-sm)}
.index-table-scroll{max-height:65vh;position:relative;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-control) var(--surface-subtle)}
.index-table{width:max-content;min-width:100%;table-layout:fixed}
.index-table th,.index-table td{min-width:138px;max-width:280px;padding:8px 12px}
.index-table th{position:sticky;top:0;z-index:2;white-space:nowrap;background:var(--surface-subtle)}
.index-table th:first-child,.index-table td:first-child{position:sticky;left:0;min-width:108px;width:108px;z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--border-subtle)}
.index-table th:first-child{z-index:3;background:var(--surface-subtle)}
.index-sort{display:flex;align-items:center;gap:6px;border:0;padding:3px 0;background:transparent;color:var(--text-primary);font-size:var(--text-sm);font-weight:600;text-align:left}
.index-sort small{font-size:var(--text-xs);font-weight:400;color:var(--link)}
.index-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap;max-width:260px;min-width:125px;margin:0;padding:0;border:0;background:none;color:var(--text-primary);font-size:var(--text-sm);line-height:1.65;text-align:left}
.index-text:hover{color:var(--link)}
.index-stat{max-width:300px;overflow:hidden;text-overflow:ellipsis;display:block}
.index-stat strong{display:inline;margin-left:6px;font-size:var(--text-sm);font-weight:600}
.index-images{display:flex;gap:4px}
.index-images button{padding:0;border:1px solid var(--border-control);border-radius:6px;background:var(--surface-subtle);overflow:hidden}
.index-images img{display:block;width:48px;height:48px;object-fit:contain}
.index-full-text{white-space:pre-wrap;overflow-wrap:anywhere;font:var(--text-base)/1.7 var(--font);margin:0}
.index-empty-state{padding:24px 16px;text-align:center;background:var(--surface);color:var(--text-muted);border:1px solid var(--border-subtle);border-top:0;border-radius:0 0 var(--radius-panel) var(--radius-panel)}
#index-message:empty{display:none}
.ai-settings>.section-row{margin-top:0}
.ai-settings .field-grid{max-width:100%}
.ai-settings>.muted,.ai-settings p.muted{font-size:var(--text-sm);color:var(--text-secondary);margin-top:12px}
.ai-model-input{display:flex;gap:8px;min-width:0}
.ai-model-input input{flex:1;min-width:0}
.ai-model-input button{flex:none}
.ai-advanced{padding-top:12px;margin:12px 0;border-top:1px solid var(--border-subtle)}
.ai-advanced[open] summary{margin-bottom:16px}
.ai-checkbox{display:flex!important;align-items:center;gap:8px;color:var(--text-primary);font-size:var(--text-sm)}
.ai-checkbox input{width:18px;min-width:18px}
.ai-config-footer{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}
.ai-config-footer>.toolbar{margin:0 0 0 auto}
.ai-knowledge-policy{margin-top:16px}
.ai-knowledge-policy p{font-size:var(--text-sm);color:var(--text-secondary);margin:12px 0}
.ai-run-summary,.ai-overview,.ai-missing{margin-bottom:16px}
.ai-run-summary>.section-row{margin-top:0}
.ai-stage-list{display:flex;flex-wrap:wrap;gap:6px;font-size:var(--text-xs);color:var(--text-secondary)}
.ai-stage-list span{padding:5px 8px;border-radius:6px;background:var(--surface-subtle)}
.ai-hypothesis dl{font-size:var(--text-sm);margin-bottom:0}
.ai-hypothesis dt{font-weight:600;color:var(--text-secondary);margin-top:12px}
.ai-hypothesis dd{margin:4px 0;white-space:pre-wrap}
.report-text{white-space:pre-wrap;overflow-wrap:anywhere}
#ai-config-result:empty{display:none}
#ai-config-result{margin-top:12px;font-size:var(--text-sm);color:var(--text-secondary)}
[data-selectable-text],[data-selectable-text] *{-webkit-user-select:text;user-select:text}
.nav-item.active::before{content:"";position:absolute;width:3px;height:16px;background:var(--nav-accent);border-radius:2px;left:-1px;top:50%;transform:translateY(-50%)}
.toolbar-tools>.theme-toggle,.toolbar-tools>.language-select,.toolbar-tools>#scan-open{background:var(--surface-subtle);border-color:var(--border-subtle)}
.main:has(#view-intake.active-view) .top-actions>[data-view=intake]{display:none}
.metric+.metric{border-left:1px solid var(--border-subtle)}
.metric span::before{content:"";width:6px;height:6px;flex:none;border-radius:2px;background:var(--metric-color,var(--primary))}
.case-table{table-layout:fixed;min-width:1040px}
.case-table th:nth-child(1){width:21%}
.case-table th:nth-child(2){width:20%}
.case-table th:nth-child(3){width:17%}
.case-table th:nth-child(4){width:10%}
.case-table th:nth-child(5){width:12%}
.case-table th:nth-child(6){width:6%}
.case-table th:nth-child(7){width:14%}
.case-table .case-open{font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.case-cell-content{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
.case-identity{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;white-space:nowrap}
.case-identity .link-btn,.case-identity>span:first-child:not(.complaint-badge){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-identity .complaint-badge{flex:none;margin-inline-start:0}
.index-case-identity{display:inline-flex;vertical-align:middle}
.index-case-identity .link-btn{min-width:0}
.oa-todo-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-table td>.badge{justify-self:start}
.case-table td{overflow-wrap:anywhere}
.case-table td:last-child{white-space:nowrap;font-size:12px;color:var(--text-secondary)}
.badge.case-status-review{color:var(--warning);background:var(--warning-bg);border-color:var(--warning-border)}
.badge.case-status-analysis{color:var(--info);background:var(--info-bg);border-color:var(--info-border)}
.badge.case-status-published{color:var(--success);background:var(--success-bg);border-color:var(--success-border)}
.intake-tabs button{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-start;padding-left:12px}
.intake-tabs{padding-bottom:12px;gap:8px}
.intake-tabs button{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-subtle)}
.intake-tabs button.active{border-color:var(--accent-line);background:var(--surface-selected)}
.step-number{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:6px;background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-muted);font:500 12px var(--font-mono)}
.active>.step-number{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.source-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
#intake-scan-status:empty{display:none}
.source-actions .btn{flex:1;padding:6px 8px}
.org-tree-line:hover{background:var(--surface-hover)}
.person-cell{display:flex;align-items:center;gap:10px;min-width:0}
.person-initial{width:32px;height:32px;border-radius:50%;background:var(--surface-selected);border:1px solid var(--border-subtle);color:var(--link);display:grid;place-items:center;flex:none;font-weight:600}
.person-cell .user-cell{min-width:0}
.person-cell .user-cell>span{overflow-wrap:anywhere}
#admin-panel-users .admin-table:not(:has(.empty-cell)){table-layout:fixed;min-width:1000px}
#admin-panel-users th:nth-child(1){width:24%}
#admin-panel-users th:nth-child(2){width:20%}
#admin-panel-users th:nth-child(3){width:16%}
#admin-panel-users th:nth-child(4){width:15%}
#admin-panel-users th:nth-child(5){width:9%}
#admin-panel-users th:nth-child(6){width:16%}
.assignment-tags{min-width:0;font-size:var(--text-xs)}
.assignment-tags>summary{cursor:pointer;display:flex;align-items:center;gap:6px;min-height:max(28px,var(--touch-target,0px));list-style:none;color:var(--text-secondary)}
.assignment-tags>summary::-webkit-details-marker{display:none}
.assignment-tags>summary::after{content:"";width:6px;height:6px;flex:none;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 4px 3px auto}
.assignment-tags[open]>summary::after{transform:rotate(225deg);margin-top:6px}
.assignment-tags>summary>span:first-child{min-width:0;overflow-wrap:anywhere}
.assignment-tags>summary>span:nth-child(2){color:var(--link);font-weight:600;flex:none}
.assignment-tags>.tag-list{margin-top:6px;gap:5px}
.assignment-tags .mini-tag{white-space:normal;overflow-wrap:anywhere}
.case-report-links{display:flex;align-items:center;gap:8px}
.case-report-menu,.mobile-label{display:none}
.admin-form-grid>label.notification-checkbox{display:flex;align-items:center;align-self:end;min-height:var(--control-height);gap:8px}
.notification-delivery-table{min-width:960px}
.notification-time{white-space:nowrap}
.notification-error{display:block;max-width:280px;overflow-wrap:anywhere}
#notification-delivery-message:not(:empty){margin-bottom:10px}
#admin-panel-notifications>.form-hint{margin-top:8px}
.list-workspace{padding:0;overflow:hidden}
.list-workspace .filter-panel{padding:12px 16px;border-bottom:1px solid var(--border-subtle);margin:0}
.list-workspace .table-panel{border:0;border-radius:0;box-shadow:none}
.list-workspace>.pager{margin:0;padding:10px 16px;border-top:1px solid var(--border-subtle)}
.workspace-commandbar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}
.workspace-commandbar .admin-filter-row{flex:1;margin:0;min-width:0;gap:8px}
.workspace-commandbar .admin-filter-row>input{min-width:0;flex:1}
.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--surface-subtle);border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--text-xs)}
.workspace-footer>span:last-child{white-space:nowrap}
.security-workspace{padding:0}
.security-workspace>.pager{margin:0;padding:10px 12px;border-top:1px solid var(--border-subtle)}
.security-commandbar{flex-wrap:wrap}
.security-commandbar>input{flex:1;min-width:180px}
.security-commandbar>label{display:flex;align-items:center;gap:8px;white-space:nowrap}
.security-commandbar select{width:auto}
.security-session-table{min-width:780px}
.security-session-table time,.security-audit-table time{white-space:nowrap}
.security-client{max-width:300px;overflow-wrap:anywhere}
.security-session-table .badge{margin-left:6px}
.security-message:empty{display:none}
.security-message:not(:empty){padding:10px 16px}
.security-audit-filter{padding:12px 16px;border-bottom:1px solid var(--border-subtle)}
.security-filter-actions{display:flex;align-items:center;gap:8px;flex:none}
.security-audit-filter .toolbar{margin:0;align-items:flex-end}
.security-audit-filter .toolbar>label{display:grid;gap:4px;min-width:0;flex:0 1 150px;white-space:nowrap}
.security-audit-filter select,.security-audit-filter input[type=date]{width:100%;min-width:0}
.security-audit-filter details[open]>.field-grid{margin-top:8px}
.security-audit-filter>details{margin-top:8px}
.security-audit-table{min-width:800px}
.security-audit-table td{overflow-wrap:anywhere;max-width:240px}
.security-detail-title{margin:16px 0 8px}
@media(max-width:767px){
.security-audit-filter .toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}
.security-audit-filter .security-filter-actions{grid-column:1/-1;justify-content:flex-end}
.security-audit-filter .toolbar>label{display:grid;gap:4px}
.workspace-commandbar.security-commandbar{display:flex;flex-wrap:wrap}
.security-commandbar>input{flex-basis:100%;min-width:0}
.security-commandbar>label{flex:1}
.security-commandbar>label select{flex:1;min-width:0}
.security-commandbar:has([data-session-others]) .security-filter-actions{flex-basis:100%;justify-content:flex-end}
}
.records-grid>.record-card:only-child{grid-column:1/-1}
@media(min-width:1025px){
.records-grid>.record-card:only-child:has(.attachment-tile){display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr);grid-template-areas:"heading heading" "body evidence" "footer footer";column-gap:20px}
.records-grid>.record-card:only-child>header{grid-area:heading}
.records-grid>.record-card:only-child>.record-body{grid-area:body}
.records-grid>.record-card:only-child:has(.attachment-tile)>.record-evidence{grid-area:evidence;padding:12px 0 0 20px;border-left:1px solid var(--border-subtle)}
.records-grid>.record-card:only-child>footer{grid-area:footer}
.records-grid>.record-card:only-child .attachment-grid.compact{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.records-grid>.record-card:only-child .attachment-grid.compact img{height:140px}
}
.record-workspace{display:grid;grid-template-columns:224px minmax(0,1fr);gap:12px;align-items:start}
.record-navigation.panel{position:sticky;top:8px;padding:6px;max-height:min(640px,64dvh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent-line) transparent}
.record-choice{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:4px 8px;width:100%;padding:8px 10px;text-align:left;border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--text-primary)}
.record-choice+.record-choice{margin-top:4px}
.record-choice:hover{background:var(--surface-hover)}
.record-choice.active{border-color:var(--accent-line);background:var(--surface-selected);box-shadow:inset 3px 0 0 var(--link)}
.record-choice-number{font:500 var(--text-xs)/1.7 var(--font-mono);color:var(--text-muted)}
.record-choice-title{min-width:0;overflow-wrap:anywhere;font-size:var(--text-sm);font-weight:550;line-height:1.6}
.record-choice>.badge{grid-column:2;justify-self:start;padding:1px 6px}
.record-content{min-width:0}
.record-content .record-evidence{margin-top:12px}
.record-content .attachment-grid.compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.record-content .attachment-grid.compact img{height:220px}
.record-picker{display:none}
@media(max-width:1024px){
.record-workspace{grid-template-columns:1fr}
.record-navigation{display:none}
.record-picker{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface)}
.record-position{font:var(--text-xs) var(--font-mono);color:var(--text-secondary);white-space:nowrap}
}
@media(max-width:767px){
.record-content .attachment-grid.compact{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.record-content .attachment-grid.compact img{height:130px}
.record-picker{grid-template-columns:minmax(0,1fr) auto;gap:8px}
.record-picker>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media(min-width:1025px){
.intake-workspace:not(:has(#intake-image img)){grid-template-columns:1fr}
.intake-workspace:not(:has(#intake-image img)) .source-panel{position:static;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px}
.intake-workspace:not(:has(#intake-image img)) .source-panel .panel-head{border:0;margin:0;padding:0}
.intake-workspace:not(:has(#intake-image img)) .source-actions{margin:0;justify-content:flex-end}
.intake-workspace:not(:has(#intake-image img)) .source-actions .btn{flex:none;padding:6px 12px}
.intake-workspace:not(:has(#intake-image img)) #intake-parse-status:empty{display:none}
.intake-workspace:not(:has(#intake-image img)) #intake-parse-status:not(:empty){grid-column:1/-1;grid-row:2}
.intake-workspace:not(:has(#intake-image img)) #intake-source-preview{border:0;padding:0}
.intake-workspace:not(:has(#intake-image img)) #intake-source-preview[open]{grid-column:1/-1}
.intake-workspace:not(:has(#intake-image img)) #intake-fields .field-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.intake-workspace:not(:has(#intake-image img)) [data-step="0"] label:has([name=customer_address]),.intake-workspace:not(:has(#intake-image img)) [data-step="0"] label:has([name=contact_email]),.intake-workspace:not(:has(#intake-image img)) [data-step="1"] label:nth-last-child(-n+2){grid-column:span 2}
.intake-workspace:not(:has(#intake-image img)) #intake-fields [data-step="2"] .field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.index-workspace{padding:0}
.index-workspace>#index-filter-form{padding:12px 16px 0}
.index-column-picker>summary{display:flex;align-items:center;gap:6px;list-style:none}
.index-column-picker>summary::-webkit-details-marker{display:none}
.index-column-picker>summary>svg{flex:none}
.index-workspace>.index-actions{padding:8px 16px;margin:0;border-top:1px solid var(--border-subtle);background:var(--surface-heading)}
.index-workspace #index-root{border-top:1px solid var(--border-subtle)}
.index-workspace .index-table-scroll{border:0;border-radius:0;box-shadow:none}
.index-workspace .index-empty-state{border:0;border-radius:0;padding:20px 16px}
.index-workspace>.pager{margin:0;padding:10px 16px;border-top:1px solid var(--border-subtle)}
.index-workspace>#index-message:not(:empty){padding:8px 16px;color:var(--danger);border-top:1px solid var(--border-subtle)}
.admin-table:has(>tbody>tr:only-child>.empty-cell),.data-table:has(>tbody>tr:only-child>.empty-cell){min-width:0;table-layout:auto}
.admin-table:has(>tbody>tr:only-child>.empty-cell)>thead,.data-table:has(>tbody>tr:only-child>.empty-cell)>thead{display:none}
.admin-table .empty-cell,.data-table .empty-cell{white-space:normal;overflow-wrap:anywhere}
.table-panel:has(>.empty-state)>.case-table:has(tbody:empty){display:none}
.recent-case-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border-subtle)}
.recent-case-list>li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity state" "subject state" "meta meta";gap:4px 12px;padding:10px 0;border-bottom:1px solid var(--border-subtle);align-items:start}
.recent-case-list>li:last-child{border-bottom:0}
.recent-case-list>li:hover{background:var(--surface-hover)}
.recent-case-identity{grid-area:identity}
.recent-case-subject{grid-area:subject}
.recent-case-identity,.recent-case-subject{display:grid;gap:3px;min-width:0}
.recent-case-identity>.case-identity{grid-column:1/-1}
.recent-case-identity .case-open{padding:0;min-height:max(24px,var(--touch-target,0px));line-height:1.6;display:block;font-family:var(--font-mono);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recent-case-report,.recent-case-subject>span{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recent-case-report:empty,.recent-case-subject>span:empty{display:none}
.recent-case-subject>strong{font-size:var(--text-sm);font-weight:550;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recent-case-state{grid-area:state;display:grid;justify-items:end;gap:4px}
.recent-case-state time{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}
.recent-case-meta{grid-area:meta;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;align-content:start;color:var(--text-muted);font-size:var(--text-xs);min-width:0;margin-top:2px}
.recent-case-meta>span:only-child{grid-column:1/-1}
.recent-case-cause{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.recent-case-owner{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-commandbar{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:12px;min-width:0}
.admin-commandbar>label{display:flex;align-items:center;gap:8px;white-space:nowrap;min-width:0}
.admin-commandbar select{width:auto;min-width:120px;max-width:240px}
.admin-commandbar>.admin-actions,.admin-commandbar>.btn:last-child{margin-left:auto;flex:none}
.commandbar-hint{font-size:var(--text-xs);color:var(--text-muted);flex:1;min-width:0}
.attached-commandbar{margin:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:var(--surface-heading)}
.delivery-workspace{margin-top:var(--workspace-gap)}
.delivery-workspace .workspace-commandbar{justify-content:space-between}
.delivery-filters{padding:0 12px}
.delivery-filters:has(.form-message:empty){display:none}
.delivery-filters .admin-filter-row{margin:0;gap:8px}
.delivery-workspace>.pager{padding:10px 12px;margin:0;border-top:1px solid var(--border-subtle)}
@media(max-width:1100px){
.admin-commandbar .commandbar-hint{display:none}
}
@media(max-width:767px){
.admin-commandbar{padding:10px;gap:8px;flex-wrap:wrap}
.admin-commandbar>label{flex:1;display:grid;gap:4px}
.admin-commandbar select{width:100%;min-width:0;max-width:none}
.admin-commandbar>.admin-actions{align-self:end;gap:6px}
.admin-commandbar>.admin-actions .btn{padding:8px}
.admin-commandbar>.btn:last-child{align-self:end}
.recent-case-list>li{gap:6px 10px;padding:10px 0}
.recent-case-meta{grid-template-columns:minmax(0,1fr)}
.recent-case-cause{white-space:normal;overflow-wrap:anywhere}
.recent-case-identity .case-open{min-height:44px;display:flex;align-items:center;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
.recent-case-identity>.case-identity .case-open{min-height:32px;display:block;white-space:nowrap;overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis}
.recent-case-owner{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.org-tree-label{grid-template-columns:1fr}
.org-tree-label>.status-pill{grid-column:1;grid-row:auto;justify-self:start}
.delivery-filters .admin-filter-row{flex-wrap:wrap}
.delivery-filters label{flex:1;display:grid;gap:4px}
.delivery-filters select{width:100%;max-width:none}
.delivery-filters .admin-filter-row>span{flex-basis:100%}
.attached-commandbar{display:flex;flex-wrap:wrap}
.attached-commandbar>.btn:last-child{padding:8px;justify-self:end}
.org-tree-label small{word-break:break-word}
}
@media(max-width:1200px){
.topbar{flex-wrap:wrap}
.top-actions{margin-left:auto}
.intake-workspace{grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr)}
.conclusion-layout{grid-template-columns:minmax(0,1fr) 240px}
.admin-notification-layout{grid-template-columns:1fr}
.admin-access-reference .permission-grid{grid-template-columns:1fr}
.measurement-row{grid-template-columns:repeat(2,minmax(0,1fr)) 80px}
}
@media(max-width:1024px){
:root{--sidebar-width:192px}
.main{padding:0 16px}
.topbar{margin:0 -16px 12px;padding:12px 16px}
.intake-workspace{grid-template-columns:1fr}
.source-panel{position:static}
.source-panel #intake-image img{max-height:320px}
.source-empty{min-height:100px}
.admin-org-layout,.admin-role-layout{grid-template-columns:1fr}
.conclusion-layout{grid-template-columns:1fr}
.case-report-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-access-reference-body{grid-template-columns:repeat(2,minmax(0,1fr))}
.knowledge-document-grid{grid-template-columns:1fr}
.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.metric:nth-child(3){border-left:0}
.metric:nth-child(n+3){border-top:1px solid var(--border-subtle)}
.topbar h1{font-size:20px}
.detail-toolbar{align-items:flex-start;flex-direction:column}
.detail-toolbar .toolbar{justify-content:flex-start}
}
@media(max-width:767px){
:root{--control-height:44px;--touch-target:44px}
.main{width:100%;margin:0;padding:0 16px}
.sidebar{width:min(280px,88vw);transform:translateX(-105%);visibility:hidden;transition:transform var(--motion-fast),visibility var(--motion-fast);padding-top:16px;z-index:var(--z-nav)}
.nav-open .sidebar{visibility:visible;transform:translateX(0)}
.brand{padding:0 0 12px;margin:0;gap:8px}
.brand strong{font-size:16px}
.brand-mark{width:36px;height:36px;font-size:16px}
.nav-item{min-height:44px}
.nav-close{display:inline-flex;margin-left:auto;padding:6px 10px;font-size:var(--text-xs)}
.nav-toggle{display:inline-flex;padding:6px 10px}
.nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:var(--overlay);border:0;z-index:calc(var(--z-nav) - 1)}
.topbar{gap:8px;min-height:64px;margin:0 -16px 12px;padding:8px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto}
.topbar>div:first-of-type{min-width:0}
.topbar h1{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar p{font-size:var(--text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-actions{display:contents}
.top-actions>.user-menu{grid-column:3;grid-row:1}
.toolbar-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.toolbar-tools>#scan-open{grid-column:1/-1}
.user-menu-dropdown{min-width:236px;max-width:calc(100vw - 24px)}
.user-menu-dropdown>button{min-height:44px}
.user-menu-dropdown .language-select{width:100%;max-width:none}
.top-actions>[data-view=intake]{display:none}
.top-actions .language-select{min-width:82px}
.theme-toggle{padding:8px 12px}
.user-menu-trigger{min-height:44px}
.user-menu-label{max-width:76px}
.user-menu-label strong{font-size:var(--text-xs)}
.user-menu-label small{display:none}
.user-menu-chevron{margin-left:2px}
.login-language{right:16px;top:16px;gap:8px}
.login-screen{padding:92px 16px 32px}
.login-shell{max-width:430px;grid-template-columns:1fr}
.login-intro{min-height:0;padding:20px}
.login-flow{display:none}
.login-brand strong{font-size:18px}
.login-card.panel{padding:24px}
.panel{padding:14px}
.table-panel,.admin-table-panel{padding:0}
.metrics{gap:0}
.metric{padding:12px 16px;gap:6px;min-height:76px;display:grid;justify-content:start}
.metric strong{font-size:28px}
.toolbar{gap:8px}
.toolbar>input{min-width:160px;max-width:none}
.toolbar>select{max-width:100%}
.toolbar .btn{font-size:var(--text-sm)}
.pager{gap:6px;flex-wrap:nowrap}
.pager label{font-size:0;gap:0}
.pager select{width:60px;font-size:var(--text-sm)}
.pager .btn,.pager>button{padding:8px 10px}
.field-grid,.admin-form-grid{gap:14px}
.records-grid{grid-template-columns:1fr}
.intake-tabs,.detail-tabs,.admin-tabs{margin-bottom:12px;gap:2px}
.intake-tabs button,.detail-tabs button,.admin-tab{min-height:44px;padding:8px 10px}
.intake-tabs button{font-size:var(--text-xs);justify-content:center}
.detail-toolbar{gap:8px}
.detail-toolbar .toolbar{display:flex;width:100%;gap:6px;overflow:visible;flex-wrap:nowrap;padding:0}
.case-report-links,.desktop-label{display:none}
.case-report-menu,.mobile-label{display:block}
.case-report-menu>div>.btn{justify-content:flex-start}
.detail-toolbar .toolbar>.btn,.case-report-menu>summary{padding:8px}
.detail-toolbar .toolbar .btn{padding:8px 10px}
.section-row{gap:8px}
.section-row p{font-size:var(--text-sm)}
.section-row .btn{padding:8px 10px}
.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-actions{flex-wrap:wrap}
.form-actions>p{flex-basis:100%}
.check-grid{grid-template-columns:1fr}
.check-card{min-height:44px}
.admin-toolbar-row{align-items:flex-start;gap:12px}
.admin-actions{gap:6px}
.admin-actions .btn{padding:8px 10px}
.admin-row-actions .link-btn{min-height:max(36px,var(--touch-target,0px));padding:6px}
.org-tree-children{margin-left:8px;padding-left:10px}
.org-tree-line{gap:6px;flex-wrap:wrap}
.org-tree-line .admin-row-actions{margin-left:auto}
.tree-toggle{width:32px;height:32px}
.tree-org-dot,.tree-dept-dot{width:5px;height:5px}
.record-modal,.admin-modal,.profile-modal,.preview-modal,.camera-modal,.qr-modal{padding:12px}
.record-dialog,.admin-modal-dialog,.profile-modal-dialog,.preview-dialog,.camera-dialog,.qr-dialog{max-height:calc(100dvh - 24px);width:100%;border-radius:14px}
.record-dialog>header,.admin-modal-header,.preview-header,.camera-dialog>header,.qr-dialog>header{padding:12px 16px;gap:8px}
.record-dialog h2,.admin-modal-header h2,.preview-header h2{font-size:17px}
.admin-modal-body,#dialog-body,.preview-body{padding:16px}
.record-dialog footer,.admin-modal-footer{padding:12px 16px;flex-wrap:wrap}
.record-dialog footer>span,.admin-modal-footer>.form-message{flex-basis:100%;margin:0}
.profile-modal-body{grid-template-columns:1fr;padding:16px;gap:20px}
.avatar-editor{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px 12px;align-items:start;justify-items:stretch}
.avatar-crop-stage{width:100%;grid-column:1;grid-row:1/span 3}
.avatar-file-label,.avatar-zoom{grid-column:2}
.avatar-file-label{width:100%}
.profile-fields{gap:14px}
.avatar-editor .form-hint{grid-column:1/-1;max-width:none;text-align:left}
.camera-footer{padding:12px 16px;gap:8px}
.camera-footer #camera-status{flex-basis:100%;order:5}
.camera-stage video{max-height:55vh}
.camera-count{margin-left:auto}
.preview-header-actions{gap:6px}
.preview-header-actions .btn{padding:8px 10px}
.toast{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px)}
.index-actions{gap:8px}
.index-actions #index-stats{flex-basis:calc(100% - 90px)}
.index-actions>.toolbar{margin-left:auto;gap:6px}
.index-actions .btn{padding:8px 10px}
.index-actions summary{min-height:max(36px,var(--touch-target,0px))}
.index-column-picker label{min-height:max(32px,var(--touch-target,0px))}
.index-table-scroll{max-height:60vh}
.index-images button{min-width:44px;min-height:44px}
.index-sort,.index-text{min-height:max(28px,var(--touch-target,0px))}
.index-stat{max-width:100%;font-size:var(--text-xs)}
.ai-settings .field-grid{grid-template-columns:1fr}
.ai-config-footer{gap:12px}
.ai-config-footer>.toolbar{width:100%;justify-content:flex-end;gap:6px}
.ai-config-footer .btn{padding:8px 10px}
.ai-checkbox{min-height:max(36px,var(--touch-target,0px))}
.ai-knowledge-policy{margin-top:16px}
}
@media(max-width:380px){
.main{padding:0 12px}
.topbar{margin:0 -12px 12px;padding:8px 12px}
.top-actions{gap:6px}
.top-actions .language-select{min-width:72px;max-width:80px}
.top-actions .btn,.theme-toggle{padding:8px 10px}
.user-menu-label{max-width:56px}
.user-menu-chevron{display:none}
.profile-fields,.profile-password-section{grid-template-columns:1fr}
.profile-password-section{grid-column:auto}
.profile-password-section .admin-form-section-title{grid-column:auto}
.index-actions>.toolbar{width:100%;justify-content:flex-end}
.intake-tabs button{padding:8px 5px;gap:4px}
.step-number{width:20px;height:20px;font-size:11px}
.form-actions .btn{padding:8px 10px}
.section-row{flex-wrap:wrap}
.section-row .btn{margin-left:auto}
.metric{padding:12px}
.admin-toolbar-row{align-items:flex-start;flex-wrap:nowrap}
.admin-toolbar-row>div:first-child{min-width:0}
.admin-toolbar-row p{font-size:12px}
.admin-toolbar-row>.btn{padding:8px 10px}
.admin-actions{margin-left:auto}
.measurement-row{grid-template-columns:repeat(2,minmax(0,1fr)) 64px}
}
@media(max-width:767px){
.source-fact-layout,.case-report-rail,.admin-access-reference-body{grid-template-columns:1fr}
.source-fact-wide .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.source-fact-wide{grid-column:auto}
.record-tools{align-items:flex-start;flex-wrap:wrap;gap:8px}
.record-tools>.btn{margin-left:auto}
.workspace-error{flex-wrap:wrap}
.conclusion-assistance{gap:6px}
.conclusion-assistance .btn{padding:8px 10px}
.knowledge-document .btn{min-height:44px;padding:8px 10px}
.knowledge-document>header,.knowledge-match>header{gap:8px}
.knowledge-document .badge{flex:none}
.admin-local-filters label{flex-wrap:wrap}
.admin-filter-row>input{min-width:0;flex:1 1 120px}
.admin-filter-row select{max-width:100%;min-width:0}
.admin-notification-layout{grid-template-columns:1fr}
.case-evidence .section-row{flex-wrap:wrap}
.case-evidence>.section-row>.toolbar{margin-left:auto}
.admin-access-reference .permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.toolbar-menu>summary{min-height:44px}
#knowledge-root>.pager{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:end;gap:6px}
#knowledge-root>.pager>label{display:grid;gap:4px;min-width:0;font-size:12px}
#knowledge-root>.pager>label select{width:100%}
#knowledge-root>.pager>span{align-self:center}
}
.pager{flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;scrollbar-width:thin}
.pager>label{white-space:nowrap;flex:0 0 auto}
.pager>label input{width:4.5rem;min-width:4.5rem}
@media(max-width:767px){
.pager{justify-content:flex-start;gap:6px}
.pager>label{font-size:var(--text-xs);gap:5px}
.pager>label input{font-size:var(--text-sm)}
}
.preview-header{position:sticky;top:0;z-index:2;box-shadow:0 1px 0 var(--border-subtle)}
@media(max-width:380px){
.admin-access-reference .permission-grid{grid-template-columns:1fr}
.knowledge-summary{gap:8px}
.knowledge-summary span{font-size:var(--text-xs)}
.conclusion-assistance>.btn{white-space:normal;text-align:left}
.case-review-actions .toolbar{gap:6px}
.case-review-actions .btn{padding:8px 10px}
.admin-filter-row label{flex-wrap:wrap}
}
@media(max-width:767px){
.index-workspace.panel{padding:0}
.index-workspace>#index-filter-form{padding:12px 12px 0}
.index-workspace>.index-actions{padding:8px 12px}
.index-workspace>.pager{padding:10px 12px}
.list-workspace.panel{padding:0}
.list-workspace .filter-panel{padding:12px}
.list-workspace>.pager{padding:10px 12px}
.workspace-commandbar{padding:10px 12px;display:flex;flex-wrap:wrap}
.workspace-commandbar .admin-filter-row{display:flex}
.workspace-commandbar .admin-filter-row>input{min-width:0}
.workspace-commandbar .admin-filter-row>select{width:100%;max-width:none}
.workspace-footer{padding:10px 12px;align-items:flex-start}
.workspace-footer>span:first-child{max-width:40ch}
.source-panel .panel-head{margin-bottom:10px;padding-bottom:8px}
.source-actions{margin-bottom:6px}
.admin-toolbar-row{min-height:44px}
.admin-toolbar-row>p{font-size:12px}
}
@media(max-width:359px){
.field-grid,.admin-form-grid{grid-template-columns:1fr}
.wide-field,.span-2{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}
}
.icon-action{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:var(--control-height);min-width:var(--control-height);padding:6px!important;gap:0!important;overflow:visible;position:relative}
.icon-action .action-icon{display:inline-grid;place-items:center;width:20px;height:20px;line-height:0;pointer-events:none}
.icon-action .action-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.icon-action:hover::after,.icon-action:focus-visible::after{content:attr(title);position:absolute;z-index:var(--z-tooltip,30);left:50%;top:calc(100% + 7px);transform:translateX(-50%);max-width:min(240px,80vw);padding:4px 8px;border:1px solid var(--border-control);border-radius:5px;background:var(--surface-inverse,var(--nav-background));color:var(--text-inverse,var(--nav-text));font-size:var(--text-xs);line-height:1.35;font-weight:500;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-float);text-align:center}
.icon-action.icon-action--danger{color:var(--danger)}
.icon-action:disabled::after{display:none}
.nav-toggle.icon-action,.nav-close.icon-action{display:none}
.admin-row-actions .icon-action,.collector-row-actions .icon-action,.report-version-actions .icon-action{min-width:max(34px,var(--touch-target,0px));width:34px;min-height:max(34px,var(--touch-target,0px));padding:5px!important}
.icon-action[data-iconified][data-theme-toggle] .action-icon{width:20px;height:20px}
@media(max-width:767px){
.nav-toggle.icon-action,.nav-close.icon-action{display:inline-flex}
.icon-action{width:44px;min-width:44px;min-height:44px}
.admin-row-actions .icon-action,.collector-row-actions .icon-action,.report-version-actions .icon-action{width:40px;min-width:max(40px,var(--touch-target,0px));min-height:max(40px,var(--touch-target,0px))}
.icon-action:hover::after{display:none}
}
.ai-config-commandbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.ai-config-commandbar .ai-config-tabs{margin:0;border:0;padding:0}
.ai-config-commandbar .toolbar{margin:0;gap:6px}
.ai-config-layout{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:12px;align-items:start}
.ai-config-layout>*{min-width:0}
.ai-model-sidebar{padding:12px;position:sticky;top:calc(var(--header-height) + 12px)}
.ai-model-sidebar h2{font-size:14px;margin-bottom:10px}
.ai-model-choice{display:block;width:100%;text-align:left;padding:12px;margin:0 0 6px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface);color:var(--text-primary);min-width:0;font:inherit;overflow-wrap:anywhere}
.ai-model-choice>strong,.ai-model-choice>span,.ai-model-choice>small{display:block}
.ai-model-choice>strong{font-size:14px;font-weight:600}
.ai-model-choice>span{font-size:12px;color:var(--text-secondary);margin-top:4px}
.ai-model-choice>small{font-size:12px;color:var(--text-muted);margin-top:8px}
.ai-model-choice:hover{background:var(--surface-hover)}
.ai-model-choice.active{background:var(--surface-selected);border-color:var(--link);box-shadow:inset 3px 0 0 var(--link)}
.ai-reasoning-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}
.ai-custom-capability{margin-top:12px}
.ai-custom-capability summary{font-size:13px}
.ai-custom-capability>.ai-checkbox{margin:12px 0}
.ai-custom-capability .field-grid{margin-top:12px}
.ai-routing{margin-top:0}
.ai-routing>.section-row{margin-top:0}
.ai-route-primary{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}
.ai-route-primary>label:first-child{display:grid;gap:6px;flex:1;min-width:180px}
.ai-route-primary>.ai-checkbox{min-height:var(--control-height)}
.ai-fallback-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}
.ai-fallback-head h3{font-size:14px}
.ai-route-add{display:flex;gap:8px;min-width:0}
.ai-route-add select{min-width:0;max-width:320px}
.ai-fallback-list{list-style:none;padding:0;margin:12px 0}
.ai-fallback-list li{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-subtle)}
.ai-fallback-list li>div:first-child{min-width:0;overflow-wrap:anywhere}
.ai-fallback-list strong,.ai-fallback-list span{display:block}
.ai-fallback-list strong{font-size:14px}
.ai-fallback-list span{font-size:12px;color:var(--text-secondary);margin-top:4px}
.ai-fallback-list .toolbar{flex:none;margin:0;gap:6px}
.ai-fallback-list .btn{padding:6px 10px}
.ai-routing .form-actions>span{margin-right:auto}
.ai-attempts{margin-bottom:16px}
.ai-attempt-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--border-subtle)}
.ai-attempt-row:last-child{border:0}
.ai-attempt-row>div{min-width:0;flex:1}
.ai-attempt-row strong,.ai-attempt-row span{overflow-wrap:anywhere}
.ai-attempt-row>div>span{display:block;color:var(--text-secondary);font-size:12px;margin-top:4px}
.ai-attempt-row p{flex-basis:100%;margin:0;color:var(--text-secondary);font-size:13px}
.oa-commandbar{margin:0}
.oa-dashboard{margin-bottom:12px}
.oa-sync-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.oa-sync-numbers{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.oa-sync-numbers>div{display:flex;align-items:baseline;gap:8px}
.oa-sync-numbers span{font-size:var(--text-sm);color:var(--text-secondary)}
.oa-sync-numbers strong{font-size:20px;font-variant-numeric:tabular-nums}
.oa-sync-status{display:flex;flex-direction:column;gap:4px;min-width:0}
.oa-sync-summary>.toolbar{margin-left:auto;margin-bottom:0}
.oa-sync-overview{margin-bottom:12px}
.oa-todo-table td:last-child{white-space:nowrap}
.oa-todo-table td:nth-child(2){min-width:180px;max-width:460px;white-space:normal;overflow-wrap:anywhere}
@media(max-width:767px){
.oa-sync-summary{gap:10px}
.oa-sync-numbers{gap:12px}
.oa-sync-numbers>div{gap:6px}
.oa-sync-summary>.toolbar{width:100%;margin-left:0;flex-wrap:nowrap}
.oa-sync-summary>.toolbar>.btn{flex:1;padding:8px}
.oa-sync-status{width:100%}
}
@media(max-width:1100px){
.ai-config-layout{grid-template-columns:190px minmax(0,1fr)}
.ai-settings .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ai-config-footer>.toolbar{margin-left:0;width:100%;justify-content:flex-end}
}
@media(max-width:767px){
.ai-config-layout{grid-template-columns:1fr}
.ai-model-sidebar{position:static}
.ai-settings .field-grid{grid-template-columns:1fr}
.admin-navigation{gap:8px}
.admin-navigation>#admin-refresh{padding:8px}
.admin-navigation .admin-tabs{margin:0}
.ai-model-sidebar #ai-model-list-panel{display:flex;gap:8px;overflow-x:auto;padding:4px 2px;max-height:180px}
.ai-model-choice{flex:0 0 220px;margin:0}
.ai-route-add{width:100%}
.ai-route-add select{flex:1;max-width:none}
.ai-fallback-list li{flex-wrap:wrap}
.ai-fallback-list li>.toolbar{margin-left:auto}
.ai-routing>.section-row{gap:8px}
.ai-config-commandbar{gap:8px}
.ai-config-commandbar .toolbar{margin-left:auto}
.ai-route-primary>label:first-child{min-width:0;flex-basis:100%}
.ai-fallback-head{margin-top:16px}
}
.oa-dashboard{background:var(--surface-heading);border-color:var(--accent-line);box-shadow:0 1px 3px rgb(8 38 74 / 6%)}
.oa-dashboard .form-hint{display:flex;align-items:center;gap:8px;min-height:22px}
.oa-dashboard .form-hint::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 3px var(--warning-bg);flex:none}
.detail-toolbar{box-shadow:0 1px 3px rgb(8 38 74 / 5%)}
.case-context{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.case-context .case-entry{overflow-wrap:anywhere}
.case-section-tabs{box-shadow:0 1px 3px rgb(8 38 74 / 4%)}
.record-card{transition:border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}
.record-card:hover{border-color:var(--accent-line);box-shadow:var(--shadow-float);transform:translateY(-1px)}
.login-shell{border-color:var(--accent-line);background:var(--surface)}
@media(max-width:767px){
.oa-dashboard .form-hint{align-items:flex-start}
.case-context{width:100%;gap:6px}
.record-card:hover{transform:none;box-shadow:var(--shadow-panel)}
}
.case-table td:nth-child(6) .link-btn,.oa-row-actions .link-btn,.index-table td:last-child .link-btn{padding:5px 8px;border:1px solid transparent;border-radius:var(--radius-control);text-decoration:none}
.case-table td:nth-child(6) .link-btn:hover,.oa-row-actions .link-btn:hover,.index-table td:last-child .link-btn:hover{border-color:var(--accent-line);text-decoration:none}
.case-table td:nth-child(6) .danger,.oa-row-actions .danger,.index-table td:last-child .danger{color:var(--danger);background:var(--surface);border-color:var(--danger-border)}
.case-table--trash td:nth-child(6) .link-btn{color:var(--link);background:var(--surface-selected);border-color:var(--accent-line)}
.oa-table{table-layout:fixed;min-width:1100px}
.oa-table th:nth-child(1){width:13%}
.oa-table th:nth-child(2){width:14%}
.oa-table th:nth-child(3){width:10%}
.oa-table th:nth-child(4){width:19%}
.oa-table th:nth-child(5){width:10%}
.oa-table th:nth-child(6){width:13%}
.oa-table th:nth-child(7){width:13%}
.oa-table th:nth-child(8){width:8%}
.oa-table td{overflow-wrap:anywhere}
.oa-table .oa-row-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.oa-table .oa-row-actions .badge{flex:none}
.oa-source-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.index-scroll-hint{display:none}
.knowledge-document{transition:background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}
.knowledge-document:hover{border-color:var(--accent-line);box-shadow:var(--shadow-float)}
.knowledge-document-grid:empty{display:none}
.knowledge-status{box-shadow:var(--shadow-panel)}
@media(max-width:767px){
.list-workspace .table-panel.panel{overflow:visible;background:transparent}
.list-workspace .case-table,.oa-table{display:block;width:100%;min-width:0;border-spacing:0}
.list-workspace .case-table thead,.oa-table thead{display:none}
.list-workspace .case-table tbody,.oa-table tbody{display:grid;gap:8px;padding:8px 12px;background:var(--background)}
.list-workspace .case-table tr,.oa-table tr{display:grid;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface);box-shadow:var(--shadow-panel);overflow:hidden}
.list-workspace .case-table tbody tr:nth-child(even) td,.oa-table tbody tr:nth-child(even) td{background:transparent}
.list-workspace .case-table td,.oa-table td{display:grid;grid-template-columns:minmax(86px,30%) minmax(0,1fr);gap:8px;align-items:start;padding:9px 10px;border-bottom:1px solid var(--border-subtle);min-width:0;white-space:normal!important}
.list-workspace .case-table td:last-child,.oa-table td:last-child{border-bottom:0}
.list-workspace .case-table td::before,.oa-table td::before{content:attr(data-label);color:var(--text-muted);font-size:var(--text-xs);font-weight:550;line-height:1.6}
.list-workspace .case-table td:first-child,.oa-table td:first-child{padding-top:11px}
.list-workspace .case-table td:first-child .case-open,.oa-table td:first-child .link-btn{font-weight:650}
.oa-table tbody{padding:8px 0}
.oa-table td{grid-template-columns:minmax(90px,34%) minmax(0,1fr);font-size:var(--text-sm)}
.oa-table .oa-row-actions{align-items:flex-start;gap:6px}
.oa-table .oa-row-actions .danger{margin-left:auto}
.index-scroll-hint{display:block;margin:0;padding:7px 12px;color:var(--text-muted);font-size:var(--text-xs);text-align:right;border-top:1px solid var(--border-subtle);background:var(--surface-subtle)}
.index-table-scroll:has(.index-scroll-hint){max-height:62vh}
.knowledge-document-grid{gap:10px}
.knowledge-document{padding:12px}
.knowledge-document-actions{width:100%;margin-left:0}
.knowledge-document-actions .btn{flex:1;justify-content:center}
.knowledge-status{padding:12px;gap:8px 0}
.knowledge-summary>div{padding-left:8px}
.knowledge-summary>div:first-child{padding-left:0}
.knowledge-summary strong{font-size:24px}
}
@media(max-width:767px){
.intake-workspace{gap:10px}
.intake-workspace .source-panel,.intake-workspace .intake-form{padding:12px}
.source-panel .panel-head{align-items:center}
.source-panel .panel-head h2{font-size:15px}
.source-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px}
.source-actions .btn{min-width:0;justify-content:center;padding:8px 6px;font-size:var(--text-xs)}
.source-actions .scan-option{grid-column:1/-1;padding-top:7px;border-top:1px solid var(--border-subtle);font-size:var(--text-xs)}
.intake-tabs{margin-bottom:10px;padding-bottom:10px}
.intake-tabs button{min-width:0;flex:1;padding:8px 6px}
.intake-tabs button span:last-child{overflow:hidden;text-overflow:ellipsis}
.intake-form .form-actions{margin-top:12px}
}
.record-modal.is-drawer{place-items:stretch end;padding:0}
.record-modal.is-drawer .record-backdrop{background:color-mix(in srgb,var(--overlay) 82%,transparent)}
.record-modal.is-drawer .record-dialog{width:min(760px,100vw);height:100dvh;max-height:none;border-radius:0;border-block:0;box-shadow:-18px 0 44px rgb(8 38 74 / 18%);animation:drawer-in var(--motion-normal) ease-out both}
.record-modal.is-drawer .record-dialog>header{padding:14px 20px;min-height:56px}
.record-modal.is-drawer .record-dialog form{flex:1}
.record-modal.is-drawer #dialog-body{flex:1;align-content:start;padding:20px;scrollbar-gutter:stable}
.record-modal.is-drawer .record-dialog footer{padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
.drawer-modal{place-items:stretch end!important;padding:0!important}
.drawer-modal .admin-modal-backdrop,.drawer-modal .profile-modal-backdrop{background:color-mix(in srgb,var(--overlay) 82%,transparent)}
.drawer-modal .admin-modal-dialog,.drawer-modal .profile-modal-dialog{width:min(760px,100vw);height:100dvh;max-height:none;border-radius:0;border-block:0;box-shadow:-18px 0 44px rgb(8 38 74 / 18%);animation:drawer-in var(--motion-normal) ease-out both}
.drawer-modal .admin-modal-dialog form,.drawer-modal .profile-modal-dialog form{flex:1}
.drawer-modal .admin-modal-header{padding:14px 20px;min-height:56px}
.drawer-modal .admin-modal-body,.drawer-modal .profile-modal-body{flex:1;align-content:start;padding:20px;scrollbar-gutter:stable}
.drawer-modal .admin-modal-footer{padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
@keyframes drawer-in{from{opacity:.65;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){
.record-modal.is-drawer .record-dialog,.drawer-modal .admin-modal-dialog,.drawer-modal .profile-modal-dialog{animation:none}
}
@media(max-width:767px){
.record-modal.is-drawer .record-dialog,.drawer-modal .admin-modal-dialog,.drawer-modal .profile-modal-dialog{width:100vw;box-shadow:0 -14px 36px rgb(8 38 74 / 18%);animation-name:drawer-up}
.record-modal.is-drawer .record-dialog,.drawer-modal .admin-modal-dialog,.drawer-modal .profile-modal-dialog{height:min(100dvh,100%);border-radius:14px 14px 0 0}
.record-modal.is-drawer .record-dialog>header,.drawer-modal .admin-modal-header{padding:12px 16px}
.record-modal.is-drawer #dialog-body,.drawer-modal .admin-modal-body,.drawer-modal .profile-modal-body{padding:16px}
.record-modal.is-drawer .record-dialog footer,.drawer-modal .admin-modal-footer{padding-inline:16px}
}
@keyframes drawer-up{from{opacity:.65;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.admin-navigation{padding:4px 6px;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface-heading);box-shadow:var(--shadow-panel)}
.admin-navigation .admin-tabs{gap:2px;scrollbar-width:thin}
.admin-navigation .admin-tab{min-height:max(34px,var(--touch-target,0px));padding:6px 11px;border:1px solid transparent;border-radius:var(--radius-control);gap:6px}
.admin-navigation .admin-tab.active{border-color:var(--accent-line);background:var(--surface);box-shadow:0 1px 2px rgb(8 38 74 / 8%)}
.admin-navigation>#admin-refresh{min-height:max(34px,var(--touch-target,0px));padding:6px 10px}
.admin-commandbar{border:1px solid var(--border-subtle);background:var(--surface-heading);border-radius:var(--radius-panel);box-shadow:none}
.admin-org-layout .admin-panel,.admin-role-layout .admin-panel{box-shadow:0 1px 3px rgb(8 38 74 / 5%)}
.admin-panel>.panel-head{min-height:max(32px,var(--touch-target,0px));margin-bottom:8px;padding-bottom:7px}
.admin-count{padding:2px 7px;border-radius:999px;background:var(--surface-subtle);font-variant-numeric:tabular-nums}
.admin-tree,.admin-list{scrollbar-width:thin;scrollbar-color:var(--border-control) transparent}
.org-tree-line{transition:background-color var(--motion-fast),border-color var(--motion-fast)}
.org-tree-line:focus-within{background:var(--surface-selected);box-shadow:inset 2px 0 0 var(--link)}
.admin-row-actions{gap:4px}
.admin-row-actions .link-btn{min-height:max(30px,var(--touch-target,0px));padding:4px 6px;border-radius:4px}
.admin-row-actions .link-btn.danger{color:var(--danger)}
.collector-empty{padding:10px 14px 14px;border-top:1px solid var(--border-subtle)}
.collector-empty .workspace-empty{min-height:0;padding:18px 16px;border:1px dashed var(--border-control);border-radius:var(--radius-control);background:var(--surface-subtle);display:grid;place-items:center;gap:12px}
.collector-empty .workspace-empty p{max-width:36ch}
.collector-files>.workspace-commandbar{background:var(--surface-heading)}
.collector-files>.workspace-commandbar .muted{font-variant-numeric:tabular-nums;white-space:nowrap}
.collector-files>.collector-boundary{padding:8px 14px;margin:0;border-bottom:1px solid var(--border-subtle)}
.collector-client-actions{padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}
.collector-steps{margin:12px 0;padding:10px 12px}
.preview-dialog{width:min(1320px,calc(100vw - 32px))}
.preview-header{background:var(--surface-heading);background:color-mix(in srgb,var(--surface-heading) 94%,var(--link));backdrop-filter:blur(8px)}
.preview-header-actions .btn{min-height:max(34px,var(--touch-target,0px));padding:6px 11px}
.preview-body{padding:10px;background:var(--surface-subtle)}
.preview-body .preview-frame{display:block;width:100%;height:min(78vh,920px);border-color:var(--border-control);border-radius:var(--radius-control);box-shadow:var(--shadow-panel)}
.preview-body>.preview-document,.preview-body>.preview-text{max-width:1080px;margin:0 auto;padding:clamp(16px,3vw,36px);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-control);box-shadow:var(--shadow-panel)}
.user-menu-trigger{transition:background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}
.user-menu-trigger[aria-expanded=true]{border-color:var(--accent-line);background:var(--surface-selected);box-shadow:0 0 0 2px rgb(28 148 164 / 12%);box-shadow:0 0 0 2px color-mix(in srgb,var(--link) 12%,transparent)}
@media(max-width:767px){
.admin-navigation{padding:3px;gap:6px;align-items:stretch}
.admin-navigation .admin-tabs{overflow-x:auto;overscroll-behavior:contain}
.admin-navigation .admin-tab{min-height:max(40px,var(--touch-target,0px));padding:8px 10px}
.admin-navigation>#admin-refresh{align-self:center}
.admin-commandbar{border-radius:var(--radius-control)}
.admin-org-layout .admin-panel,.admin-role-layout .admin-panel{box-shadow:none}
.collector-files>.workspace-commandbar{gap:6px}
.collector-files>.workspace-commandbar .muted{grid-column:1/-1}
.collector-empty{padding:8px 12px 12px}
.collector-empty .workspace-empty{min-height:0}
.collector-client-actions{gap:10px}
.preview-dialog{width:calc(100vw - 24px)}
.preview-header{align-items:flex-start;padding:10px 12px}
.preview-header>h2{padding-top:6px;max-width:34vw}
.preview-header-actions{flex-wrap:wrap;justify-content:flex-end}
.preview-header-actions .btn{min-height:max(40px,var(--touch-target,0px));padding:8px 10px}
.preview-body{padding:6px}
.preview-body .preview-frame{height:calc(100dvh - 132px);min-height:420px;border-radius:8px}
.preview-body>.preview-document,.preview-body>.preview-text{padding:14px 12px;border-radius:8px}
}
@media(max-width:380px){
.admin-navigation .admin-tab{padding-inline:8px}
.admin-navigation>#admin-refresh{padding-inline:8px}
.preview-header>h2{max-width:26vw;font-size:16px}
.preview-header-actions .btn{padding-inline:8px}
}

#collectors-root,
#view-knowledge,
#view-admin,
#view-index,
#view-intake{min-width:0}
#view-intake .source-panel,
#view-intake .intake-form{border-top:2px solid var(--brand-accent)}
#view-intake .source-panel .panel-head{align-items:center}
#view-intake .source-panel .panel-head h2{font-size:15px;letter-spacing:.01em}
#view-intake .intake-form{display:flex;flex-direction:column;min-width:0}
#view-intake .intake-form>#intake-fields{flex:1;min-width:0}
#view-intake .intake-form>.form-actions{margin-top:14px;padding-top:10px;border-top:1px solid var(--border-subtle)}
#view-intake .source-empty{min-height:112px;padding:20px 14px;font-size:var(--text-sm)}
#view-index .index-workspace{border-top:2px solid var(--brand-accent)}
#view-index .index-actions{padding-top:9px;padding-bottom:9px}
#view-index #index-count{display:inline-flex;align-items:center;min-height:max(28px,var(--touch-target,0px));padding:3px 9px;border:1px solid var(--accent-line);border-radius:999px;background:var(--surface-selected);color:var(--link);font-size:var(--text-xs);font-weight:600;white-space:nowrap}
#view-index #index-stats{gap:5px}
#view-index #index-stats .badge{padding-inline:7px}
#view-index .index-empty-state{display:grid;place-items:center;padding:20px 16px}
#view-knowledge.active-view{display:grid;gap:10px}
#view-knowledge>#knowledge-root{display:grid;gap:10px;min-width:0}
#view-knowledge .knowledge-status{margin:0;border-top:2px solid var(--accent-line)}
#view-knowledge .knowledge-document-grid{gap:10px}
#view-knowledge>#knowledge-root>.pager{margin:0;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface-subtle)}
#collectors-root{display:grid;gap:10px}
#collectors-root>.collector-navigation{margin:0;padding:3px 4px;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-panel)}
#collectors-root>.collector-navigation .detail-tabs{margin:0;border:0}
#collectors-root>.collector-files,
#collectors-root>article.panel:not(.collector-files){border-top:2px solid var(--brand-accent)}
#collectors-root .collector-boundary{margin:0;background:var(--surface-heading)}
#collectors-root .collector-empty .workspace-empty{min-height:0}
#view-admin.active-view{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
#view-admin.active-view>*{min-width:0;max-width:100%}
#view-admin>.admin-navigation{position:sticky;top:0;z-index:4;margin:0}
#view-admin>.admin-tab-panel{min-width:0}
#view-admin .admin-org-layout,
#view-admin .admin-role-layout{gap:12px}
#view-admin .admin-panel{border-top:2px solid var(--accent-line)}
#view-admin .admin-panel>.panel-head h3{font-size:14px;letter-spacing:.01em}
#view-admin .admin-commandbar{margin-bottom:0}
@media(min-width:1025px){
#view-intake .intake-form>.form-actions{position:sticky;bottom:0;background:var(--surface);z-index:2}
#view-index .index-actions{align-items:center}
}
@media(max-width:767px){
#view-intake .intake-form>.form-actions{margin-top:12px}
#view-index #index-count{justify-self:start;min-height:28px;min-width:0;padding:0;border:0;background:none;white-space:normal;overflow-wrap:anywhere}
#view-index .index-actions{display:grid;grid-template-columns:minmax(0,1fr) 44px auto;gap:6px}
#view-index #index-stats{grid-column:1/-1;order:-1;margin:0;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:2px}
#view-index #index-stats:empty{display:none}
#view-index #index-stats .badge{flex:none;max-width:none}
#view-index .index-actions>.toolbar{display:flex;gap:4px;width:auto;margin:0}
#view-index .index-actions>.toolbar .btn{width:44px;min-width:44px;padding:0}
#view-index .index-column-picker>summary{width:44px;height:44px;justify-content:center;border:1px solid var(--border-control);border-radius:var(--radius-control);background:var(--surface)}
#view-index .index-column-picker>summary>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#view-index .index-column-picker>div{position:fixed;right:auto;overflow:auto}
#view-knowledge>#knowledge-root{gap:8px}
#view-knowledge>#knowledge-root>.pager{padding:10px}
#collectors-root>.collector-navigation{padding:2px}
#view-admin>.admin-navigation{top:0}
#view-admin .admin-panel{border-top-width:1px}
}
@media(max-width:380px){
#view-index .index-actions>.toolbar .btn{padding-inline:5px;font-size:12px}
#view-admin>.admin-navigation{top:0}
}
.oa-mobile-cards{display:none}
.btn-danger-quiet{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-border);box-shadow:none}
.btn-danger-quiet:hover{color:var(--danger);background:var(--surface);border-color:var(--danger)}
@media(max-width:767px){
.oa-desktop-table{display:none}
.oa-mobile-cards{display:grid;gap:8px;padding:8px 0;background:var(--background)}
.oa-mobile-card{min-width:0;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface);box-shadow:var(--shadow-panel)}
.oa-mobile-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-bottom:9px;border-bottom:1px solid var(--border-subtle)}
.oa-mobile-card-title{min-width:0;display:grid;gap:1px}
.oa-mobile-card-title .link-btn{max-width:100%;padding:0;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oa-mobile-card-head .badge{flex:none}
.oa-mobile-facts,.oa-mobile-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:10px 0 0}
.oa-mobile-facts>div,.oa-mobile-extra>div{min-width:0;display:grid;gap:2px}
.oa-mobile-facts dt,.oa-mobile-extra dt{color:var(--text-muted);font-size:var(--text-xs);line-height:1.5}
.oa-mobile-facts dd,.oa-mobile-extra dd{margin:0;min-width:0;color:var(--text-primary);font-size:var(--text-sm);line-height:1.45;overflow-wrap:anywhere}
.oa-mobile-facts .oa-mobile-owner{grid-column:1/-1;padding-top:8px;border-top:1px dashed var(--border-subtle)}
.oa-mobile-owner .sub{margin-top:0;line-height:1.45}
.oa-mobile-more{margin-top:9px;border-top:1px solid var(--border-subtle)}
.oa-mobile-more summary::-webkit-details-marker{display:none}
.oa-mobile-more summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:max(36px,var(--touch-target,0px));padding:5px 0;color:var(--link);font-size:var(--text-xs)}
.oa-mobile-more summary::after{content:"";width:7px;height:7px;flex:none;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 3px 4px 0}
.oa-mobile-more[open] summary::after{transform:rotate(225deg);margin-bottom:0}
.oa-mobile-extra{margin:0 0 2px;padding:8px 0 2px;border-top:1px dashed var(--border-subtle)}
.oa-mobile-card-actions{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-subtle)}
.oa-mobile-card-actions .btn{min-height:max(40px,var(--touch-target,0px));flex:1;justify-content:center;padding:8px 10px;font-size:var(--text-sm)}
.oa-mobile-card-actions .btn-danger-quiet{flex:0 1 auto}
}
@media(max-width:380px){
.oa-mobile-card{padding:10px}
.oa-mobile-facts,.oa-mobile-extra{gap:8px}
.oa-mobile-card-actions{gap:6px}
.oa-mobile-card-actions .btn{padding-inline:8px;font-size:var(--text-xs)}
}
.brand-mark-image{object-fit:contain;padding:2px;background:linear-gradient(145deg,#123b5b 0%,#0a2744 100%);border:1px solid color-mix(in srgb,var(--brand-accent) 55%,#08264A);border-radius:8px;box-shadow:inset 0 0 0 1px rgb(255 255 255 / 9%),0 0 12px rgb(48 196 238 / 16%)}
.brand .brand-mark-image{width:42px;height:42px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;object-fit:contain}
.brand-logo{display:block;width:clamp(120px,16vw,190px);height:72px;object-fit:contain;object-position:left center}
.login-brand{flex-wrap:wrap}
.login-brand .brand-logo{flex-basis:100%;width:min(240px,100%);height:96px;object-position:left center}
.site-legal{display:flex;flex:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;margin:0 -16px;padding:8px 12px;color:var(--text-muted);background:var(--surface);border-top:1px solid var(--border-subtle);font-size:11px;line-height:1.4;text-align:center}
.site-legal a{display:inline;padding:0;min-height:0;color:var(--link);border:0;background:none}
@media(max-width:767px){
.login-brand .brand-logo{height:80px}
}
.oa-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0;padding:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface-subtle)}
.oa-summary-strip>div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:5px 8px;border-left:2px solid var(--brand-accent)}
.oa-summary-strip span{min-width:0;color:var(--text-muted);font-size:11px;line-height:1.4}
.oa-summary-strip strong{flex:none;margin:0;color:var(--text-primary);font:650 20px var(--font-mono)}
@media(max-width:767px){
.site-legal{margin-inline:-16px;padding:6px 10px;font-size:10px;line-height:1.4;gap:3px 10px}
}
@media(max-width:767px){
.oa-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px}
.oa-summary-strip strong{font-size:19px}
}
.oa-field-dictionary{margin-top:12px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-subtle)}
.oa-field-dictionary>summary{cursor:pointer;color:var(--link);font-weight:600}
.oa-field-dictionary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;align-items:start}
.oa-field-card{min-width:0;padding:8px 10px;border:1px solid var(--border-subtle);border-radius:5px;background:var(--surface)}
.oa-field-card>header{display:flex;align-items:start;justify-content:space-between;gap:8px}
.oa-field-card strong{min-width:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.oa-field-card em{flex:none;padding-top:1px;color:var(--text-muted);font-size:11px;font-style:normal;white-space:nowrap}
.oa-field-card em.is-mapped{color:var(--success)}
.oa-field-card em.is-warning{color:var(--warning)}
.oa-field-mapping{min-width:0;margin-top:5px;font-size:12px}
.oa-field-mapping>summary{width:fit-content;max-width:100%;min-height:28px;display:list-item;align-content:center;cursor:pointer;color:var(--text-muted);font-size:11px;font-weight:500;overflow-wrap:anywhere}
.oa-field-mapping>summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:3px}
.oa-field-mapping dl{display:grid;gap:5px;margin:4px 0 0;padding-top:6px;border-top:1px solid var(--border-subtle)}
.oa-field-mapping dl>div{display:grid;grid-template-columns:minmax(70px,.7fr) minmax(0,1fr);gap:8px}
.oa-field-mapping dt{color:var(--text-muted);font-size:11px}
.oa-field-mapping dd{min-width:0;margin:0;font-size:12px;overflow-wrap:anywhere}
.oa-field-mapping code{font:11px var(--font-mono);white-space:normal;overflow-wrap:anywhere}
.oa-field-mapping .form-hint{margin:6px 0 0}
.oa-field-mapping>span[data-raw]{display:block;overflow-wrap:anywhere}
.oa-field-dictionary[open]>summary{margin-bottom:8px}
@media(max-width:767px){
.oa-field-dictionary-grid{grid-template-columns:1fr}
.oa-field-mapping>summary{min-height:44px}
}
@media(max-width:767px){
.case-evidence .attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.case-evidence .attachment-tile img{height:112px}
.case-evidence .file-type,.case-evidence .video-tile{height:112px}
.case-evidence .attachment-tile>span{padding:6px;font-size:var(--text-xs)}
}
.loading-dot{width:7px;height:7px;border-radius:50%;background:var(--warning)}
.oa-dashboard{padding:0;margin:0;border-color:var(--border-subtle);background:var(--surface);overflow:hidden}
.oa-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px}
.oa-dashboard-head .oa-sync-summary{flex:1;min-width:0}
.oa-dashboard-head .oa-sync-numbers{gap:14px}
.oa-dashboard-actions{margin:0;flex:none}
.oa-dashboard-empty{padding:8px 12px;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--text-xs)}
.oa-dashboard-todo-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:var(--text-sm);border-top:1px solid var(--border-subtle)}
.oa-dashboard-todo-head small{color:var(--text-muted);font-size:var(--text-xs);font-weight:400}
.oa-dashboard-todos{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px;padding:0 12px 12px}
.oa-dashboard-todo{min-width:0;padding:9px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface)}
.oa-dashboard-todo header{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:6px}
.oa-dashboard-request{color:var(--link);font:550 11px var(--font-mono);white-space:nowrap}
.oa-dashboard-title{color:var(--text-primary);font-size:var(--text-sm);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.oa-dashboard-facts{display:grid;gap:4px;margin:8px 0}
.oa-dashboard-facts span{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-width:0}
.oa-dashboard-facts small{font-size:var(--text-xs);color:var(--text-muted)}
.oa-dashboard-facts b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);font-weight:400;color:var(--text-secondary)}
.oa-dashboard-todo footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:6px;border-top:1px solid var(--border-subtle)}
.knowledge-content-search{min-width:0;flex:none}
.knowledge-content-search[open]{flex:1 1 100%;order:40}
.knowledge-content-search>summary{font-size:12px;font-weight:550;display:flex;align-items:center;color:var(--link);min-height:var(--control-height);padding:6px 8px;border:1px solid var(--border-control);border-radius:var(--radius-control)}
.knowledge-content-search[open] form{margin:8px 0 0}
.knowledge-content-search .form-message:not(:empty){margin-top:8px}
@media(max-width:767px){
.oa-dashboard-head{display:flex;flex-wrap:wrap;padding:8px 10px;gap:6px}
.oa-dashboard-actions{width:100%;justify-content:flex-end;gap:6px}
.oa-dashboard-head .oa-sync-summary{gap:6px}
.oa-dashboard-head .oa-sync-numbers{gap:10px}
.oa-dashboard-head .oa-sync-status{width:auto}
.oa-dashboard .form-hint{margin:0}
.oa-dashboard-todos{grid-template-columns:1fr 1fr;padding:0 10px 10px;gap:6px}
.knowledge-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.knowledge-summary>div{display:grid;gap:2px}
.knowledge-summary>.knowledge-summary-note{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--border-subtle);padding-top:4px}
.knowledge-summary-note details p{width:calc(100vw - 56px)}
.knowledge-content-search{grid-column:1/4}
.knowledge-content-search[open]{grid-column:1/-1;order:2}
.knowledge-content-search form{display:flex;flex-wrap:nowrap}
.knowledge-content-search form>input{min-width:0}
.admin-access-reference-body{grid-template-columns:1fr}
.source-fact-group>summary,.oa-case-source>summary,.oa-history-source>summary{display:flex;align-items:center}
}
@media(max-width:380px){
.site-legal{margin-inline:-12px}
.oa-dashboard-todos{grid-template-columns:1fr}
}
.nav-secondary{border-top:1px solid var(--nav-line);padding-top:12px}
.request-workspace-nav{display:flex;gap:4px;flex:none;margin:0 0 10px;border-bottom:1px solid var(--border-subtle);overflow-x:auto;scrollbar-width:thin}
.request-workspace-nav>button{border:0;border-radius:3px 3px 0 0;background:transparent;color:var(--text-secondary);min-height:36px;padding:7px 14px;white-space:nowrap}
.request-workspace-nav>button.active{background:var(--surface-selected);color:var(--link);box-shadow:inset 0 -2px var(--link);font-weight:600}
.query-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;margin:8px 0}
.list-commandbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.list-commandbar-form,.query-mount,.list-commandbar .query-toolbar{display:contents}
.list-keyword{display:flex;align-items:center;gap:6px;flex:1 1 200px;min-width:0;margin:0}
.list-keyword>input{flex:1 1 100px;min-width:0;width:100%;max-width:none}
.list-keyword>.btn{flex:none}
.list-select-group{display:flex;align-items:center;gap:8px;flex:1 1 240px;min-width:0}
.list-select-group>label{display:flex;align-items:center;gap:8px;flex:1 1 110px;min-width:110px;max-width:none;white-space:nowrap}
.list-select-group select{width:100%;min-width:0;max-width:none}
.list-commandbar>h2{font-size:14px;line-height:1.4;margin:0 6px 0 0}
.list-result-count{font-size:12px;color:var(--text-muted);white-space:nowrap;margin-inline-start:auto}
.list-command-message{flex:1 1 100%;order:50;font-size:12px;color:var(--text-muted);overflow-wrap:anywhere}
.list-command-message:empty,.list-result-count:empty{display:none}
.list-help{position:relative;min-width:0;flex:none}
.list-help>summary{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;min-height:var(--control-height);padding:6px 8px;border:1px solid transparent;border-radius:var(--radius-control);color:var(--text-muted);font-size:12px}
.list-help>summary::-webkit-details-marker{display:none}
.list-help[open]{flex:1 1 100%;order:45}
.list-help[open]>summary{width:fit-content;background:var(--surface-subtle);color:var(--link)}
.list-help>.form-hint{padding:8px 10px;margin:4px 0 0;background:var(--surface-subtle);border-inline-start:2px solid var(--accent-line);max-width:85ch}
.query-quick{display:flex;align-items:center;gap:6px;flex:none}
.query-complaint-switch{display:inline-flex;align-items:center;flex:none;gap:2px;padding:3px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-subtle);max-width:100%;white-space:nowrap}
.query-complaint-switch button{border:0;background:transparent;color:var(--text-secondary);border-radius:6px;padding:5px 10px;min-height:30px;line-height:1.4;font-size:var(--text-sm);white-space:nowrap}
.query-complaint-switch button[aria-pressed=true]{background:var(--surface);color:var(--link);box-shadow:var(--shadow-selected);font-weight:650}
.query-complaint-switch button:hover{color:var(--link);background:var(--surface-hover)}
@media(max-width:767px),(pointer:coarse){
.query-complaint-switch button{min-height:44px;padding-inline:8px;font-size:12px}
.query-complaint-switch{padding:2px}
}
.query-disclosure{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.query-disclosure[aria-expanded=true]{color:var(--link);background:var(--surface-selected);border-color:var(--accent-line)}
.query-active-count{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:4px;background:var(--surface-selected);color:var(--link);font:600 11px var(--font-mono)}
.query-toolbar>.query-chips{flex-basis:100%;order:20}
.query-toolbar>.query-tools{flex-basis:100%;order:30;padding:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-subtle)}
.query-toolbar>.query-error{flex-basis:100%;order:40}
.query-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.query-tools label{margin:0;min-width:0}
.query-tools select{width:auto;max-width:180px}
.query-sort-select{max-width:180px}
.query-filter-trigger{display:inline-flex;gap:6px;align-items:center}
.query-direction{width:36px;min-width:36px;padding:0;font-size:18px}
.query-date-details{position:relative;min-width:0;max-width:100%}
.query-date-details>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;min-height:36px;padding:6px 10px;border:1px solid var(--border-control);border-radius:var(--radius-control);background:var(--surface);color:var(--text-secondary);font-size:var(--text-sm)}
.query-date-details>summary::-webkit-details-marker{display:none}
.query-date-details>summary::after{content:'⌄';margin-left:auto}
.query-date-details[open]>summary,.query-date-details:has(.query-date-summary)>summary{color:var(--link);border-color:var(--accent-line);background:var(--surface-selected)}
.query-date-summary{font-size:12px;white-space:nowrap}
.query-dates{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;padding:10px;border:1px solid var(--border-subtle);border-radius:4px;margin-top:6px;background:var(--surface-subtle)}
.query-date-details[open]{flex-basis:100%}
.query-date-details[open]>summary{width:fit-content}
.query-dates input[type=date]{width:144px;max-width:100%;padding:6px 8px}
.query-date-separator{color:var(--text-muted);font-size:12px}
.query-chips,.query-draft-chips{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.query-chips:empty{display:none}
.query-chips:not(:empty){margin-top:2px}
.query-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 8px;border:1px solid var(--accent-line);border-radius:4px;background:var(--surface-selected);color:var(--text-primary);font-size:12px;max-width:100%;overflow-wrap:anywhere}
.query-chip-group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px;min-width:0;max-width:100%;padding-left:8px;border:1px solid var(--accent-line);border-radius:4px;background:var(--surface-selected)}
.query-chip-name{font-size:12px;color:var(--text-secondary);margin-right:4px}
.query-chip-group>.query-chip{border:0;padding-left:2px;background:transparent}
.query-chip>button{flex:none;border:0;background:transparent;color:var(--text-secondary);width:24px;min-height:26px;padding:0;font-size:18px}
.query-header{display:flex;align-items:center;gap:3px;min-width:0}
.query-header-label{display:inline-flex;align-items:center;gap:5px;min-width:0;padding:4px 0;border:0;background:transparent;color:inherit;text-align:left;line-height:1.4;font-size:inherit;font-weight:inherit}
.query-sort-mark{color:var(--text-muted);font-size:12px;flex:none}
th[aria-sort=ascending] .query-sort-mark,th[aria-sort=descending] .query-sort-mark{color:var(--link)}
.query-header-filter{display:inline-grid;place-items:center;flex:none;width:28px;min-height:28px;padding:3px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--text-muted)}
.query-header-filter:hover,.query-header-filter.active{background:var(--surface-selected);color:var(--link);border-color:var(--accent-line)}
.query-popover{padding:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--border-control);border-radius:8px;background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-float);font-size:var(--text-sm)}
.query-popover::backdrop{background:rgb(3 16 30 / 20%)}
.query-popover-form,.query-field-picker{display:grid;gap:12px;padding:16px;min-width:0}
.query-popover header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.query-popover h3{margin:0;font-size:15px}
.query-popover header>button{border:0;background:transparent;color:var(--text-secondary);width:32px;min-height:32px;padding:0;font-size:24px;line-height:1}
.query-match-mode{display:flex;align-items:center;gap:12px;justify-content:space-between}
.query-match-mode select{width:auto;max-width:180px}
.query-search-label{display:block}
.query-search-label input{width:100%}
.query-options{display:grid;max-height:min(240px,35dvh);overflow:auto;overscroll-behavior:contain;gap:2px;min-width:0}
.query-choice{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:3px;min-height:36px;cursor:pointer;overflow-wrap:anywhere}
.query-choice:hover,.query-choice:has(input:checked){background:var(--surface-selected)}
.query-choice input{width:16px;height:16px;min-height:0;flex:none;margin:0;accent-color:var(--link)}
.query-popover .query-draft-chips:empty,.query-options:empty{display:none}
.query-custom-add{justify-self:start}
.query-no-options{margin:0;padding:8px;color:var(--text-muted);font-size:12px}
.query-popover .form-hint{margin:0;font-size:12px}
.query-popover footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid var(--border-subtle)}
.query-field-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.query-field-list>button{justify-content:flex-start;text-align:left;white-space:normal}
.query-error{margin:8px 0 0;color:var(--danger);font-size:12px}
.query-local-tools{padding:0 0 2px}
@media(max-width:767px){
.request-workspace-nav>button{min-height:44px;padding:8px 12px}
.list-keyword{flex-basis:200px;flex-wrap:wrap;min-width:min(100%,150px)}
.list-keyword:has(>.btn + .btn){min-width:min(100%,200px)}
.list-keyword>input{min-width:min(100%,100px)}
.list-keyword>.btn{min-width:44px}
.list-commandbar .query-disclosure{position:relative;width:44px;min-width:44px;height:44px;justify-content:center;padding:6px}
.list-commandbar .query-disclosure>[data-ui]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.list-commandbar .query-active-count{position:absolute;right:-3px;top:-3px;min-width:16px;height:16px;font-size:10px;border:1px solid var(--surface)}
.list-commandbar .query-quick{margin-left:auto}
.list-commandbar>.btn{min-height:44px}
.admin-tree-query{flex-basis:100%}
.query-tools{gap:6px}
.query-sort-select{flex:1;max-width:none;min-width:100px!important}
.query-sort-select select{width:100%;max-width:none}
.query-direction{width:44px;min-width:44px}
.query-date-details>summary{min-height:44px}
.query-date-summary{white-space:normal}
.query-dates{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:8px}
.query-dates>label:first-child{grid-column:1/-1}
.query-dates select,.query-dates input[type=date]{width:100%;max-width:none;min-width:0}
.query-date-separator{display:none}
.query-dates>button{grid-column:1/-1}
.query-header-label,.query-header-filter{min-height:44px;min-width:44px}
.query-header-filter{width:44px}
.query-choice,.query-popover header>button{min-height:44px}
.query-chip>button{width:44px;min-height:44px}
.index-table .link-btn{min-width:44px}
.query-field-list{gap:8px}
.query-popover-form,.query-field-picker{padding:12px}
}
.assistant-launcher{position:fixed;right:12px;bottom:calc(44px + env(safe-area-inset-bottom,0px));z-index:10020;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;min-height:48px;padding:9px;border:1px solid var(--primary);border-radius:50%;background:var(--primary);color:var(--on-primary);box-shadow:0 6px 20px rgb(0 35 58 / 24%);touch-action:manipulation}
.assistant-launcher:hover{background:var(--primary-hover)}
.assistant-launcher[aria-expanded=true]{box-shadow:0 0 0 3px var(--surface),0 6px 20px rgb(0 35 58 / 24%)}
.assistant-launcher svg{flex:none;pointer-events:none}
.assistant-launcher:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}
.record-meta>span{display:inline-flex;align-items:baseline;gap:4px}
.record-meta>span>small{font-size:var(--text-xs);color:var(--text-muted)}
.record-meta>span>strong{font-size:var(--text-xs);font-weight:550;color:var(--text-secondary);overflow-wrap:anywhere}
.tiff-thumb{display:block;width:100%;height:140px;object-fit:contain;background:var(--surface-subtle)}
.attachment-grid.compact .tiff-thumb{height:100px}
.complaint-badge{background:#fff0e8;color:#9e3514;border-color:#d88867;white-space:nowrap;font-weight:650;display:inline-flex;margin-inline-start:6px;gap:5px}
.complaint-badge::before{content:"!";display:inline-grid;place-items:center;width:14px;height:14px;border:1px solid currentColor;border-radius:50%;font:700 10px/1 var(--font)}
:root[data-theme=dark] .complaint-badge{background:#40241f;color:#ffbd9f;border-color:#b6755c}

/* WeEn soft-precision workspace ------------------------------------------------
   The reference uses a quiet porcelain canvas, violet structure and small
   teal signals. Keep the layout dense: every card owns a useful decision. */
body:not(.data-screen-view)::before{content:"";position:fixed;inset:-18%;z-index:0;pointer-events:none;background:radial-gradient(circle at 10% 12%,var(--ambient-a),transparent 28%),radial-gradient(circle at 88% 76%,var(--ambient-b),transparent 30%);filter:blur(28px);opacity:.85;animation:fa-soft-drift 24s ease-in-out infinite alternate}
@keyframes fa-soft-drift{0%{transform:translate3d(-1%,0,0) scale(1)}100%{transform:translate3d(1%,1%,0) scale(1.04)}}
body:not(.data-screen-view) .app-shell,body:not(.data-screen-view) .topbar,body:not(.data-screen-view) .main{position:relative;z-index:1}
body:not(.data-screen-view) .sidebar{background:linear-gradient(165deg,var(--nav-background),var(--nav-surface));border-right:1px solid var(--border-subtle);box-shadow:8px 0 22px rgb(41 52 112 / 5%)}
body:not(.data-screen-view) .brand{background:transparent;border-top-color:var(--primary)}
body:not(.data-screen-view) .topbar{background:color-mix(in srgb,var(--surface) 90%,transparent);border-bottom-color:var(--border-subtle);backdrop-filter:blur(16px);box-shadow:0 8px 24px rgb(42 53 110 / 7%)}
body:not(.data-screen-view) .panel,body:not(.data-screen-view) .metrics{background:color-mix(in srgb,var(--surface) 94%,transparent);border-color:var(--border-subtle);box-shadow:var(--shadow-panel);backdrop-filter:blur(12px)}
body:not(.data-screen-view) .panel{border-radius:var(--radius-panel)}
body:not(.data-screen-view) .dashboard-metric{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--surface-selected) 58%,transparent));border-radius:12px;min-height:70px;box-shadow:var(--shadow-panel)}
body:not(.data-screen-view) .btn-primary{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#8A78D6 30%));border-color:var(--link);box-shadow:var(--shadow-button)}

/* Workbench command center */
.overview-workbench{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.8fr);gap:10px;align-items:start}
.overview-rail,.overview-content{display:grid;gap:10px;min-width:0}
.overview-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(90deg,var(--surface-heading),transparent)}
.overview-panel-head h2{font-size:14px;font-weight:650}
.overview-summary .dashboard-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;background:none;border:0;box-shadow:none}
.overview-summary .dashboard-metric{padding:10px 11px;min-height:64px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;border-left:3px solid var(--link)}
.overview-summary .dashboard-metric>span{font-size:12px;color:var(--text-muted)}
.overview-summary .dashboard-metric>strong{font:700 23px/1 var(--font-mono)}
.overview-summary .dashboard-metric-info{border-left-color:var(--info)}.overview-summary .dashboard-metric-warn{border-left-color:var(--warning)}.overview-summary .dashboard-metric-good{border-left-color:var(--success)}
.overview-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.overview-classifications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}
.overview-classification{padding:10px;border:1px solid var(--border-subtle);border-radius:10px;background:linear-gradient(140deg,var(--surface),var(--surface-subtle));min-width:0}
.overview-classification.is-complaint{border-color:color-mix(in srgb,var(--danger) 42%,var(--border-subtle));background:linear-gradient(140deg,color-mix(in srgb,var(--danger-bg) 64%,var(--surface)),var(--surface))}
.overview-classification header{display:flex;align-items:center;gap:7px;margin-bottom:9px}.overview-classification h3{font-size:14px}.overview-class-share{margin-left:auto;color:var(--text-muted);font:11px var(--font-mono)}
.overview-class-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--surface-selected);color:var(--link);font-weight:700}.is-complaint .overview-class-mark{background:var(--danger-bg);color:var(--danger)}
.overview-class-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.overview-count-link{display:grid;gap:3px;padding:6px 5px;border:1px solid var(--border-subtle);border-radius:7px;background:var(--surface);color:var(--text-primary);text-align:left}.overview-count-link:hover{background:var(--surface-hover);border-color:var(--accent-line)}.overview-count-link span{font-size:10px;color:var(--text-muted)}.overview-count-link strong{font:650 16px var(--font-mono)}
.overview-class-flow{margin-top:10px;padding:10px;border-top:1px solid rgb(89 213 255 / 18%)}.overview-class-flow-head,.overview-class-flow-row{display:grid;grid-template-columns:1.2fr repeat(4,minmax(64px,1fr));gap:6px;align-items:center}.overview-class-flow-head{padding:0 8px 6px;color:#7faabd;font-size:10px}.overview-class-flow-row{padding:5px 8px;border-top:1px solid rgb(89 213 255 / 12%)}.overview-class-flow-row>strong{font-size:12px}.overview-class-flow-row.is-complaint>strong{color:#ffbd9f}.overview-class-flow-row .overview-count-link{padding:4px 5px;background:rgba(6,31,62,.55)}
.overview-complaints{display:grid;padding:7px 10px}.overview-complaint-row{display:grid;grid-template-columns:minmax(125px,.7fr) minmax(0,1.2fr) auto;align-items:center;gap:8px;width:100%;padding:8px 4px;border:0;border-bottom:1px solid var(--border-subtle);background:none;color:var(--text-primary);text-align:left}.overview-complaint-row:hover{background:var(--surface-hover)}.overview-complaint-identity{display:grid;gap:2px;min-width:0}.overview-complaint-identity strong{color:var(--danger);font:600 12px var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-complaint-identity small{color:var(--text-muted);font:10px var(--font-mono)}.overview-complaint-product{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.overview-state{color:var(--warning);font-size:11px;white-space:nowrap}.overview-state.is-linked{color:var(--success)}.overview-empty,.overview-unavailable{padding:18px 12px;color:var(--text-muted);font-size:12px;text-align:center}
.overview-status-ring{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:10px;padding:12px}.overview-ring{display:grid;place-items:center;width:130px;height:130px;margin:auto;border-radius:50%;background:conic-gradient(var(--success) var(--overview-progress),var(--surface-subtle) 0);position:relative}.overview-ring::after{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-subtle)}.overview-ring>div{z-index:1;display:grid;gap:3px;text-align:center}.overview-ring strong{font:700 22px var(--font-mono)}.overview-ring span{font-size:10px;color:var(--text-muted)}.overview-ring-legend{display:grid;gap:8px;font-size:12px;color:var(--text-secondary)}.overview-ring-legend span{display:flex;gap:6px;align-items:center}.overview-ring-legend i{width:8px;height:8px;border-radius:50%;background:var(--warning)}.overview-ring-legend i.is-closed{background:var(--success)}.overview-ring-legend b{margin-left:auto;font:600 12px var(--font-mono)}
.overview-test-progress{padding:10px 12px;border-top:1px solid var(--border-subtle)}.overview-test-progress>div:first-child,.overview-test-progress p{display:flex;justify-content:space-between;gap:8px;align-items:center}.overview-test-progress strong{font:650 18px var(--font-mono)}.overview-progress-track{height:7px;margin:8px 0;background:var(--surface-subtle);border-radius:99px;overflow:hidden}.overview-progress-track i{display:block;width:var(--overview-progress);height:100%;background:linear-gradient(90deg,var(--brand-accent),var(--primary));border-radius:99px}.overview-test-progress p{margin:0;color:var(--text-muted);font-size:11px}.overview-test-progress p b{color:var(--text-primary);font-family:var(--font-mono)}
.overview-assets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px}.overview-assets div{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-subtle);font-size:11px}.overview-assets strong{font:650 16px var(--font-mono)}
.dashboard-recent .recent-case-list{padding:0 12px}

@media(max-width:900px){.overview-workbench{grid-template-columns:1fr}.overview-rail{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.overview-summary{grid-column:1/-1}.overview-content{min-width:0}}
@media(max-width:767px){.overview-classifications{grid-template-columns:1fr}.overview-rail{grid-template-columns:1fr}.overview-summary{grid-column:auto}.overview-bottom-grid{grid-template-columns:1fr}.overview-status-ring{grid-template-columns:130px minmax(0,1fr)}.overview-class-flow{overflow:auto}.overview-class-flow-head,.overview-class-flow-row{min-width:540px}}
@media(prefers-reduced-motion:reduce){body:not(.data-screen-view)::before{animation:none}}

/* Workbench analytics: keep distribution data visually legible instead of
   rendering it as an unstyled text block. */
.dashboard-analytics-grid{grid-template-columns:minmax(0,1fr);align-items:start}
.dashboard-distribution{overflow:hidden;border-top:2px solid var(--accent-line)}
.dashboard-distribution .overview-panel-head{margin-bottom:0}
.dashboard-distribution-list{display:grid;gap:11px;padding:11px 12px 13px}
.dashboard-distribution-row{display:grid;gap:6px;min-width:0}
.dashboard-distribution-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;color:var(--text-secondary);font-size:var(--text-sm)}
.dashboard-distribution-row>div:first-child span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard-distribution-row>div:first-child strong{flex:none;color:var(--text-primary);font:650 12px var(--font-mono)}
.dashboard-distribution-track{height:6px;overflow:hidden;border-radius:99px;background:var(--surface-subtle);box-shadow:inset 0 0 0 1px var(--border-subtle)}
.dashboard-distribution-track i{display:block;width:var(--dashboard-distribution-width);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-accent),var(--primary));box-shadow:0 0 10px color-mix(in srgb,var(--brand-accent) 35%,transparent)}
.overview-complaint-panel{border-top:2px solid var(--accent-line)}

@media(max-width:767px){
 .dashboard-analytics-grid{grid-template-columns:1fr}
 .list-select-group{flex-basis:100%;align-items:stretch;flex-wrap:wrap}
 .list-select-group>label{display:grid;gap:4px;white-space:normal}
 .pager{flex-wrap:wrap;overflow:visible;white-space:normal;justify-content:flex-start}
 .pager>label{white-space:nowrap;flex:0 0 auto}
 .collector-files>.pager{display:flex;flex-wrap:wrap;overflow:visible;justify-content:flex-start}
}
/* Refresh stays in the footer flow. The fixed legal bar and dock never cover
   chart labels or mobile content, while the input keeps a stable clear-button
   reserve at every width. */
.title-block{min-width:0;flex:1}.title-row{display:flex;align-items:center;gap:12px;min-width:0}.title-row h1{flex:none}.view-title-actions{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}.view-title-actions::-webkit-scrollbar{display:none}.view-title-actions .dashboard-scope{margin:0;color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap}.view-title-actions .toolbar{margin:0;gap:6px}.view-title-actions .request-workspace-nav{margin:0;border:0}.view-title-actions .request-workspace-nav>button{min-height:32px;padding:5px 10px;border-radius:6px}.title-block>#view-subtitle:empty{display:none}
.overview-between-grid{display:grid;gap:8px;min-width:0}.overview-between-grid .overview-complaint-row{grid-template-columns:minmax(105px,.8fr) minmax(0,1fr) auto}

/* Dashboard queues remain semantic rows on every browser, including first
   paint before a theme or locale observer runs. */
.dashboard-work-queue{display:grid;padding:2px 10px}.dashboard-queue-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto 12px;align-items:center;gap:8px;min-height:52px;width:100%;padding:8px 2px;border:0;border-bottom:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);text-align:left}.dashboard-queue-row:last-child{border-bottom:0}.dashboard-queue-row:hover{background:var(--surface-hover)}.dashboard-queue-index{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;background:var(--surface-selected);color:var(--link);font:600 10px var(--font-mono)}.dashboard-queue-copy{display:grid;gap:2px;min-width:0}.dashboard-queue-copy strong{font-size:var(--text-sm);font-weight:600}.dashboard-queue-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:var(--text-xs)}.dashboard-queue-row b{font:650 18px var(--font-mono);color:var(--text-primary)}.dashboard-queue-row i{font-style:normal;color:var(--link)}
@media(max-width:767px){.brand .brand-mark-image{width:38px;height:38px}}

/* Commercial operations console: the OA queue is a decision surface, not a
   plain data dump. Keep the signal hierarchy visible while retaining the
   existing data, permission and filter contracts. */
#request-workspace-nav{padding:4px;border:1px solid color-mix(in srgb,var(--brand-accent) 24%,var(--border-subtle));border-radius:12px;background:color-mix(in srgb,var(--surface) 82%,var(--brand-accent) 18%);box-shadow:0 4px 16px rgb(43 56 130 / 6%)}
#request-workspace-nav>button{border-radius:8px;transition:background-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}
#request-workspace-nav>button:hover{transform:translateY(-1px)}
#request-workspace-nav>button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--surface)),color-mix(in srgb,var(--brand-accent) 12%,var(--surface)));box-shadow:inset 0 -2px var(--brand-accent),0 3px 10px rgb(41 141 166 / 10%)}
#view-oa-todos.active-view{display:grid;gap:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-accent) 4%,transparent),transparent 26%)}
#view-oa-todos .oa-sync-overview{position:relative;display:grid;gap:0;overflow:hidden;padding:0;border:1px solid color-mix(in srgb,var(--brand-accent) 34%,var(--border-subtle));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 93%,var(--brand-accent) 7%),color-mix(in srgb,var(--surface) 98%,var(--primary) 2%));box-shadow:0 10px 28px rgb(45 61 132 / 9%)}
#view-oa-todos .oa-sync-overview::before{content:"";position:absolute;inset:-60% -12% auto 42%;height:240px;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--brand-accent) 17%,transparent),transparent 68%);opacity:.9}
#view-oa-todos .oa-sync-overview>.oa-sync-summary{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.4fr);align-items:center;gap:20px;padding:18px 20px 16px}
#view-oa-todos .oa-sync-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch}
#view-oa-todos .oa-sync-numbers>div{display:grid;gap:4px;padding:0 18px;border-inline-start:1px solid color-mix(in srgb,var(--brand-accent) 26%,var(--border-subtle))}
#view-oa-todos .oa-sync-numbers>div:first-child{padding-inline-start:0;border-inline-start:0}
#view-oa-todos .oa-sync-numbers span{font-size:11px;color:var(--text-muted);letter-spacing:.05em}
#view-oa-todos .oa-sync-numbers strong{font:700 29px/1 var(--font-mono);letter-spacing:-.04em;color:var(--text-primary)}
#view-oa-todos .oa-sync-status{justify-self:end;align-items:flex-end;gap:6px;max-width:100%;text-align:right}
#view-oa-todos .oa-sync-status .badge{padding:4px 10px;border-radius:999px;font-weight:650}
#view-oa-todos .oa-sync-status .form-hint{max-width:30ch;line-height:1.5}
#view-oa-todos .oa-sync-overview>.toolbar{position:relative;z-index:1;margin:0;padding:10px 20px;border-top:1px solid color-mix(in srgb,var(--brand-accent) 17%,var(--border-subtle));background:color-mix(in srgb,var(--surface-subtle) 74%,transparent);gap:6px}
#view-oa-todos .oa-sync-overview>.toolbar>.btn{min-height:34px;padding-inline:13px}
#view-oa-todos .oa-sync-overview>.toolbar>.btn-primary{box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 25%,transparent)}
#view-oa-todos .oa-sync-overview>.list-commandbar{position:relative;z-index:1;margin:0;padding:8px 20px 11px;border-top:1px solid color-mix(in srgb,var(--brand-accent) 14%,var(--border-subtle));background:color-mix(in srgb,var(--surface) 64%,transparent)}
#view-oa-todos .oa-sync-overview>.list-commandbar .query-toolbar{margin:0}
.oa-sync-overview>.oa-sync-message{padding:8px 20px;margin:0}
#view-oa-todos .oa-todo-table-panel{min-height:260px;border:1px solid color-mix(in srgb,var(--brand-accent) 21%,var(--border-subtle));border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 8px 24px rgb(45 61 132 / 6%)}
#view-oa-todos .oa-todo-table{border-spacing:0}
#view-oa-todos .oa-todo-table th{position:sticky;top:0;z-index:2;padding:11px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-heading) 92%,var(--brand-accent) 8%),var(--surface-heading));color:var(--text-muted);font-size:11px;letter-spacing:.025em;border-bottom:1px solid color-mix(in srgb,var(--brand-accent) 24%,var(--border-subtle))}
#view-oa-todos .oa-todo-table td{padding:12px 14px;border-bottom:1px solid color-mix(in srgb,var(--brand-accent) 10%,var(--border-subtle));transition:background-color var(--motion-fast),box-shadow var(--motion-fast)}
#view-oa-todos .oa-todo-table tbody tr:hover td{background:color-mix(in srgb,var(--surface-hover) 78%,var(--brand-accent) 22%)}
#view-oa-todos .oa-todo-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 var(--brand-accent)}
#view-oa-todos .oa-todo-table td:first-child{color:var(--link);font:600 12px var(--font-mono)}
#view-oa-todos .oa-todo-table td:nth-child(2){font-weight:550}
#view-oa-todos #oa-todos-root>.pager{margin:0;padding:9px 12px;border:1px solid var(--border-subtle);border-radius:12px;background:color-mix(in srgb,var(--surface-subtle) 82%,transparent);box-shadow:0 4px 16px rgb(45 61 132 / 4%)}
#view-oa-todos #oa-todos-root>.pager>span{display:inline-flex;align-items:center;min-height:32px;padding:0 9px;border:1px solid var(--border-subtle);border-radius:7px;background:var(--surface);color:var(--link);font:600 12px var(--font-mono)}
.oa-todo-mobile-cards{display:none}
.oa-todo-mobile-card{min-width:0;padding:13px;border:1px solid color-mix(in srgb,var(--brand-accent) 22%,var(--border-subtle));border-radius:13px;background:var(--surface);box-shadow:0 6px 18px rgb(45 61 132 / 7%)}
.oa-todo-mobile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}
.oa-todo-mobile-title{display:grid;gap:4px;min-width:0}
.oa-todo-mobile-id{color:var(--link);font:600 11px var(--font-mono);letter-spacing:.04em}
.oa-todo-mobile-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.oa-todo-mobile-badges{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex:none}
.oa-todo-mobile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:12px 0 0}
.oa-todo-mobile-facts>div{display:grid;gap:2px;min-width:0}
.oa-todo-mobile-facts dt{color:var(--text-muted);font-size:11px}
.oa-todo-mobile-facts dd{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--text-primary);font-size:13px}
.oa-todo-mobile-actions{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border-subtle)}
.oa-todo-mobile-actions .link-btn{flex:1;min-height:40px;padding:8px 10px;text-align:center;border:1px solid var(--border-control);border-radius:8px;background:var(--surface-subtle);text-decoration:none}
.oa-todo-mobile-actions .link-btn:hover{background:var(--surface-hover);border-color:var(--link)}
@media(max-width:767px){
 #view-oa-todos .oa-sync-overview>.oa-sync-summary{grid-template-columns:1fr;gap:12px;padding:15px 14px 13px}
 #view-oa-todos .oa-sync-numbers>div{padding-inline:10px}
 #view-oa-todos .oa-sync-numbers>div:first-child{padding-inline-start:0}
 #view-oa-todos .oa-sync-numbers strong{font-size:23px}
 #view-oa-todos .oa-sync-status{justify-self:stretch;align-items:flex-start;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--brand-accent) 17%,var(--border-subtle));text-align:left}
 #view-oa-todos .oa-sync-overview>.toolbar,#view-oa-todos .oa-sync-overview>.list-commandbar{padding-inline:12px}
 #view-oa-todos .oa-sync-overview>.toolbar{flex-wrap:nowrap;overflow-x:auto}
 #view-oa-todos .oa-sync-overview>.toolbar>.btn{flex:0 0 auto}
 #view-oa-todos .oa-todo-table-panel{display:none}
 #view-oa-todos .oa-todo-mobile-cards{display:grid;gap:8px;padding:8px 0}
 #view-oa-todos #oa-todos-root>.pager{justify-content:flex-start;padding:9px 10px}
 #view-oa-todos #oa-todos-root>.pager>label{white-space:nowrap}
}

/* WeEn Insight premium shell -------------------------------------------------
   A single visual system for the product: dark navigation, porcelain work
   surface, cyan signal accents and deliberate data hierarchy. */
body:not(.data-screen-view){background:var(--background);color:var(--text-primary)}
body:not(.data-screen-view) .sidebar{background:linear-gradient(180deg,#071A2C 0%,#0A253A 56%,#0B1C30 100%);border-right:1px solid rgb(100 213 228 / 16%);box-shadow:14px 0 36px rgb(4 24 41 / 12%)}
body:not(.data-screen-view) .brand{min-height:72px;margin:0 -10px;padding:12px 16px;border-top:2px solid transparent;border-bottom:1px solid rgb(116 222 233 / 16%);background:linear-gradient(90deg,rgb(31 116 142 / 18%),transparent)}
body:not(.data-screen-view) .brand::after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--brand-accent),transparent);opacity:.65}
body:not(.data-screen-view) .brand strong{color:#F1FCFF;font-size:17px;letter-spacing:.055em}
body:not(.data-screen-view) .brand .brand-mark-image{width:44px;height:44px;filter:drop-shadow(0 0 12px rgb(55 216 235 / 28%))}
body:not(.data-screen-view) .sidebar .nav{gap:6px}
body:not(.data-screen-view) .sidebar .nav-item{min-height:44px;padding:9px 14px;border:1px solid transparent;border-radius:10px;color:#A5BFCE;font-size:14px;letter-spacing:.01em}
body:not(.data-screen-view) .sidebar .nav-item:hover{background:rgb(75 192 211 / 10%);border-color:rgb(94 214 227 / 18%);color:#E8FAFF}
body:not(.data-screen-view) .sidebar .nav-item.active{padding-left:14px;background:linear-gradient(90deg,rgb(42 190 211 / 22%),rgb(56 95 181 / 20%));border-color:rgb(105 220 232 / 30%);border-left:3px solid var(--brand-accent);box-shadow:inset 0 0 18px rgb(26 184 204 / 8%),0 7px 18px rgb(0 0 0 / 12%);color:#F1FCFF}
body:not(.data-screen-view) .sidebar .nav-secondary{border-top-color:rgb(116 222 233 / 16%)}
body:not(.data-screen-view) .sidebar .system-nav-group{border-top-color:rgb(116 222 233 / 16%)}
body:not(.data-screen-view) .sidebar-note{border-top-color:rgb(116 222 233 / 16%);color:#89AABD}
body:not(.data-screen-view) .topbar{min-height:var(--header-height);margin:0 -16px var(--workspace-gap);padding:10px 20px;background:color-mix(in srgb,var(--surface) 86%,transparent);border-top:2px solid var(--brand-accent);border-bottom:1px solid color-mix(in srgb,var(--brand-accent) 21%,var(--border-subtle));box-shadow:0 10px 28px rgb(13 55 78 / 8%);backdrop-filter:blur(20px)}
body:not(.data-screen-view) .topbar .title-block{min-width:0;flex:1 1 180px}
body:not(.data-screen-view) .topbar .title-row{min-width:0;flex:1}
body:not(.data-screen-view) .topbar .title-row h1{min-width:30px}
body:not(.data-screen-view) .topbar h1{font-size:22px;font-weight:720;letter-spacing:-.035em;color:var(--text-primary)}
body:not(.data-screen-view) .topbar p{color:var(--text-muted)}
body:not(.data-screen-view) .top-actions{gap:10px}
body:not(.data-screen-view) .btn-primary{background:var(--action-background);color:var(--on-primary);border-color:var(--primary);box-shadow:var(--shadow-button)}
body:not(.data-screen-view) .btn-primary:hover{background:var(--primary-hover);color:var(--on-primary);border-color:var(--primary-hover)}
body:not(.data-screen-view) .theme-toggle,.language-select,.user-menu-trigger{background:color-mix(in srgb,var(--surface) 88%,var(--brand-accent) 12%);border-color:color-mix(in srgb,var(--brand-accent) 24%,var(--border-control))}
/* Theme owns paint only. Component padding and overflow must remain intact. */
body:not(.data-screen-view) .panel{border-color:color-mix(in srgb,var(--brand-accent) 17%,var(--border-subtle));border-radius:18px;background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:var(--shadow-panel)}
.panel.panel-flush{padding:0}
.panel-head{padding:0 0 10px;margin-bottom:12px;border-bottom:1px solid var(--border-subtle)}
.overview-panel-head{padding:12px 14px;margin:0;border-bottom:1px solid color-mix(in srgb,var(--brand-accent) 14%,var(--border-subtle));background:linear-gradient(100deg,color-mix(in srgb,var(--surface-heading) 92%,var(--brand-accent) 8%),transparent)}
body:not(.data-screen-view) .panel-head h2,body:not(.data-screen-view) .panel-head h3,.overview-panel-head h2{font-size:14px;font-weight:720;letter-spacing:.01em;color:var(--text-primary)}
body:not(.data-screen-view) .panel-head h2::before,body:not(.data-screen-view) .panel-head h3::before,.overview-panel-head h2::before{content:"";display:inline-block;width:4px;height:16px;margin-right:8px;vertical-align:-3px;border-radius:99px;background:linear-gradient(180deg,var(--brand-accent),var(--primary))}
body:not(.data-screen-view) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),body:not(.data-screen-view) select,body:not(.data-screen-view) textarea{border-color:color-mix(in srgb,var(--brand-accent) 20%,var(--border-control));background:color-mix(in srgb,var(--surface) 92%,var(--brand-accent) 8%)}
body:not(.data-screen-view) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus,body:not(.data-screen-view) select:focus,body:not(.data-screen-view) textarea:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px rgb(39 196 212 / 16%)}

/* Workbench: an executive overview with a clear first-glance hierarchy. */
#view-dashboard.active-view{padding-bottom:18px}
#view-dashboard .dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:0 2px}
#view-dashboard .dashboard-scope{display:flex;align-items:center;gap:9px;margin:0;color:var(--text-muted);font-size:12px}
#view-dashboard .dashboard-scope::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand-accent);box-shadow:0 0 0 4px rgb(39 196 212 / 14%)}
#view-dashboard .dashboard-toolbar .toolbar{margin:0}
#view-dashboard .overview-workbench{grid-template-columns:minmax(290px,.76fr) minmax(0,1.85fr);gap:14px}
#view-dashboard .overview-rail,#view-dashboard .overview-content{gap:14px}
#view-dashboard .overview-summary{border-top:3px solid var(--brand-accent)}
#view-dashboard .overview-summary .dashboard-metrics{gap:10px;padding:14px 16px}
#view-dashboard .overview-summary .dashboard-metric{min-height:84px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--brand-accent) 14%,var(--border-subtle));border-top:3px solid var(--link);border-left:0;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--surface-selected) 68%,transparent));box-shadow:0 8px 18px rgb(14 73 98 / 6%)}
#view-dashboard .overview-summary .dashboard-metric-info{border-top-color:#3BA8B8}.overview-summary .dashboard-metric-warn{border-top-color:var(--warning)}.overview-summary .dashboard-metric-good{border-top-color:var(--success)}
#view-dashboard .overview-summary .dashboard-metric>span{font-size:11px;color:var(--text-muted);letter-spacing:.02em}
#view-dashboard .overview-summary .dashboard-metric>strong{font-size:28px;color:var(--text-primary)}
#view-dashboard .overview-asset-panel,#view-dashboard .overview-complaint-panel,#view-dashboard .dashboard-distribution,#view-dashboard .dashboard-task-panel,#view-dashboard .overview-class-panel,#view-dashboard .dashboard-recent{border-top:3px solid var(--accent-line)}
#view-dashboard .overview-class-panel{border-top-color:var(--primary)}
#view-dashboard .dashboard-task-panel{border-top-color:var(--accent-ai)}
#view-dashboard .overview-classifications{gap:10px;padding:14px 16px}
#view-dashboard .overview-classification{padding:13px;border-radius:13px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-subtle) 86%,var(--brand-accent) 14%));box-shadow:0 7px 16px rgb(14 73 98 / 5%)}
#view-dashboard .overview-classification.is-complaint{background:linear-gradient(145deg,color-mix(in srgb,var(--danger-bg) 66%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--danger) 32%,var(--border-subtle))}
#view-dashboard .overview-class-metrics{gap:6px}
#view-dashboard .overview-count-link{padding:8px 7px;border-radius:9px;background:color-mix(in srgb,var(--surface) 90%,var(--brand-accent) 10%)}
#view-dashboard .overview-count-link strong{font-size:18px}
#view-dashboard .dashboard-recent .recent-case-list{padding:2px 16px 10px}
#view-dashboard .recent-case-list>li{padding:13px 4px;border-bottom-color:color-mix(in srgb,var(--brand-accent) 13%,var(--border-subtle));border-radius:9px}
#view-dashboard .recent-case-list>li:hover{padding-inline:10px;background:color-mix(in srgb,var(--surface-hover) 82%,var(--brand-accent) 18%)}
#view-dashboard .dashboard-work-queue{padding:4px 16px 10px}
#view-dashboard .dashboard-queue-row{min-height:58px;padding:10px 4px;border-bottom-color:color-mix(in srgb,var(--brand-accent) 13%,var(--border-subtle))}
#view-dashboard .dashboard-queue-index{width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--surface-selected) 70%,var(--brand-accent) 30%);color:var(--link)}
#view-dashboard .dashboard-queue-row b{font-size:20px;color:var(--link)}
#view-dashboard #oa-dashboard{border-top:3px solid var(--brand-accent)}
#view-dashboard .oa-dashboard-todo{border-color:color-mix(in srgb,var(--brand-accent) 16%,var(--border-subtle));box-shadow:0 7px 16px rgb(14 73 98 / 5%)}

/* Administration: make every tab feel like one product, not separate tools. */
#view-admin.active-view{gap:14px}
#view-admin>.admin-navigation{padding:5px;border:1px solid color-mix(in srgb,var(--brand-accent) 20%,var(--border-subtle));border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,var(--brand-accent) 12%);box-shadow:0 6px 18px rgb(14 73 98 / 6%)}
#view-admin .admin-tabs{gap:4px;border:0}
#view-admin .admin-tab{min-height:40px;padding:8px 13px;border:0;border-radius:9px;color:var(--text-secondary);font-weight:600}
#view-admin .admin-tab:hover{background:var(--surface-hover);color:var(--link)}
#view-admin .admin-tab.active{background:linear-gradient(135deg,var(--surface-selected),color-mix(in srgb,var(--surface) 70%,var(--brand-accent) 30%));color:var(--link);box-shadow:0 4px 12px rgb(7 95 141 / 10%)}
#view-admin .admin-tab em{background:color-mix(in srgb,var(--surface-selected) 70%,var(--brand-accent) 30%);color:var(--link)}
#view-admin .admin-commandbar,#view-admin .admin-table-panel,#view-admin .admin-panel{border-top:3px solid var(--brand-accent)}
#view-admin .admin-commandbar{border-radius:16px;background:color-mix(in srgb,var(--surface) 95%,transparent)}
#view-admin .admin-panel{border-radius:16px}
#view-admin .admin-panel>.panel-head{background:linear-gradient(100deg,var(--surface-heading),transparent)}
#view-admin .admin-list{padding:12px 14px}

/* Situation overview: retain the dark cockpit, but give it a premium glass
   frame and a more deliberate signal hierarchy. */

@media(max-width:1024px){:root{--sidebar-width:192px}}
@media(max-width:767px){
 body:not(.data-screen-view) .brand{min-height:64px;padding-inline:14px}
 body:not(.data-screen-view) .topbar{padding:9px 12px}
 body:not(.data-screen-view) .topbar h1{font-size:19px}
 body:not(.data-screen-view):has(#view-dashboard.active-view) .view-title-actions{display:none}
 #view-dashboard .dashboard-toolbar{align-items:flex-start;flex-direction:column;gap:8px}
 #view-dashboard .dashboard-toolbar .toolbar{width:100%;justify-content:flex-end}
 #view-dashboard .overview-summary .dashboard-metrics{padding:12px}
 #view-dashboard .overview-summary .dashboard-metric{min-height:76px;padding:10px}
 #view-dashboard .overview-summary .dashboard-metric>strong{font-size:24px}
 #view-admin>.admin-navigation{overflow-x:auto}
 #view-admin .admin-tabs{min-width:max-content}
}
@media(max-width:900px){#view-dashboard .overview-workbench{grid-template-columns:1fr}.view-title-actions{max-width:100%}}

/* Operational workspaces -----------------------------------------------------
   Lists, knowledge, intake and previews share the same high-value surface:
   one command deck, one data surface and one quiet footer. */
#view-cases.active-view,#view-index.active-view,#view-knowledge.active-view,#view-oa.active-view,#view-intake.active-view{padding-bottom:18px}
#view-cases .list-workspace,#view-index .index-workspace,#view-oa .oa-workspace{border-top:3px solid var(--brand-accent);background:color-mix(in srgb,var(--surface) 96%,transparent)}
#view-cases .filter-panel,#view-oa .oa-commandbar,#view-index .index-workspace>#index-filter-form,#view-knowledge .knowledge-toolbar{background:linear-gradient(100deg,color-mix(in srgb,var(--surface-heading) 90%,var(--brand-accent) 10%),transparent);border-bottom-color:color-mix(in srgb,var(--brand-accent) 18%,var(--border-subtle))}
#view-cases .list-commandbar,#view-index .list-commandbar,#view-knowledge .list-commandbar,#view-oa .list-commandbar{gap:8px}
#view-cases .list-keyword input,#view-index .list-keyword input,#view-knowledge .list-keyword input,#view-oa .list-keyword input{background:color-mix(in srgb,var(--surface) 92%,var(--brand-accent) 8%);border-color:color-mix(in srgb,var(--brand-accent) 23%,var(--border-control))}
#view-cases #cases-list .table-panel,#view-oa #oa-root .table-panel{border:0;border-radius:0;box-shadow:none;background:transparent}
#view-cases .case-table thead th,#view-oa .oa-table thead th{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-heading) 92%,var(--brand-accent) 8%),var(--surface-heading));border-bottom:1px solid color-mix(in srgb,var(--brand-accent) 24%,var(--border-subtle));color:var(--text-secondary);font-size:11px;letter-spacing:.02em}
#view-cases .case-table tbody tr:hover td,#view-oa .oa-table tbody tr:hover td{background:color-mix(in srgb,var(--surface-hover) 82%,var(--brand-accent) 18%)}
#view-cases .case-table tbody tr:hover td:first-child,#view-oa .oa-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 var(--brand-accent)}
#view-cases .case-table td,#view-oa .oa-table td{border-bottom-color:color-mix(in srgb,var(--brand-accent) 11%,var(--border-subtle))}
#view-cases .case-table td:first-child .case-open,#view-oa .oa-table td:first-child .link-btn{color:var(--link);font-weight:700}
#view-cases .case-table .badge,#view-oa .oa-table .badge{border-radius:999px}
#view-cases .list-workspace>.pager,#view-index .index-workspace>.pager,#view-oa .oa-workspace>.workspace-footer{background:color-mix(in srgb,var(--surface-subtle) 84%,var(--brand-accent) 16%);border-top-color:color-mix(in srgb,var(--brand-accent) 19%,var(--border-subtle))}
#view-cases .list-workspace>.pager>span,#view-index .index-workspace>.pager>span,#view-oa .workspace-footer .pager>span{color:var(--link);font-weight:650}

/* Index is intentionally wide, but its controls and pinned identity column
   remain calm and readable while the data surface scrolls. */
#view-index .index-workspace{border-top-color:var(--primary)}
#view-index .index-actions{gap:8px;background:linear-gradient(100deg,var(--surface-heading),color-mix(in srgb,var(--surface-heading) 76%,var(--brand-accent) 24%));border-top-color:color-mix(in srgb,var(--brand-accent) 17%,var(--border-subtle));border-bottom:1px solid var(--border-subtle)}
#view-index #index-count{background:color-mix(in srgb,var(--surface-selected) 70%,var(--brand-accent) 30%);border-color:color-mix(in srgb,var(--brand-accent) 35%,var(--accent-line));color:var(--link)}
#view-index #index-stats .badge{border-radius:999px;background:var(--surface);border-color:color-mix(in srgb,var(--brand-accent) 22%,var(--border-subtle))}
#view-index .index-table-scroll{border:1px solid color-mix(in srgb,var(--brand-accent) 20%,var(--border-subtle));border-radius:0 0 14px 14px;background:var(--surface)}
#view-index .index-table th{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-heading) 90%,var(--brand-accent) 10%),var(--surface-heading));color:var(--text-secondary);border-bottom-color:color-mix(in srgb,var(--brand-accent) 24%,var(--border-subtle))}
#view-index .index-table td{border-bottom-color:color-mix(in srgb,var(--brand-accent) 11%,var(--border-subtle))}
#view-index .index-table tbody tr:hover td{background:color-mix(in srgb,var(--surface-hover) 82%,var(--brand-accent) 18%)}
#view-index .index-table th:first-child,#view-index .index-table td:first-child{box-shadow:2px 0 0 color-mix(in srgb,var(--brand-accent) 23%,var(--border-subtle))}

/* Knowledge library: cards carry the evidence status, source and actions in a
   compact reading order instead of a loose collection of text blocks. */
#view-knowledge .knowledge-toolbar{border-top:3px solid var(--accent-ai);border-radius:16px;padding:12px 14px}
#view-knowledge .knowledge-summary{border-left:0;border-top:1px solid color-mix(in srgb,var(--brand-accent) 18%,var(--border-subtle));border-radius:12px;background:color-mix(in srgb,var(--surface) 90%,var(--brand-accent) 10%);padding:10px 12px}
#view-knowledge .knowledge-summary strong{color:var(--link)}
#view-knowledge .knowledge-document-grid{gap:14px}
#view-knowledge .knowledge-document{padding:16px;border:1px solid color-mix(in srgb,var(--brand-accent) 18%,var(--border-subtle));border-top:3px solid var(--accent-ai);border-radius:14px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-subtle) 86%,var(--brand-accent) 14%));box-shadow:var(--shadow-panel)}
#view-knowledge .knowledge-document .knowledge-title{font-size:16px;color:var(--text-primary)}
#view-knowledge .knowledge-document-source{color:var(--text-muted)}
#view-knowledge .knowledge-document>footer{padding-top:10px;border-top:1px solid color-mix(in srgb,var(--brand-accent) 13%,var(--border-subtle))}
#view-knowledge>#knowledge-root>.pager{background:color-mix(in srgb,var(--surface-subtle) 84%,var(--brand-accent) 16%);border-color:color-mix(in srgb,var(--brand-accent) 19%,var(--border-subtle))}

/* Intake: source capture is a command deck; the step form is a deliberate
   sequence with a consistent cyan rail. */
#view-intake .source-panel,#view-intake .intake-form{border-top:3px solid var(--brand-accent);border-radius:16px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow-panel)}
#view-intake .source-panel .panel-head{padding:0 0 10px;background:transparent}
#view-intake .source-actions{padding:0}
#view-intake .intake-form{padding:0 16px 14px}
#view-intake .intake-tabs{padding-top:14px;margin-bottom:14px;border-bottom:0}
#view-intake .intake-tabs button{min-height:44px;border-radius:11px;background:var(--surface-subtle);border-color:color-mix(in srgb,var(--brand-accent) 16%,var(--border-subtle))}
#view-intake .intake-tabs button.active{background:linear-gradient(100deg,color-mix(in srgb,var(--surface-selected) 82%,var(--brand-accent) 18%),var(--surface));border-color:var(--brand-accent);box-shadow:0 5px 14px rgb(7 95 141 / 9%)}
#view-intake .intake-form>.form-actions{padding-top:12px;border-top:1px solid color-mix(in srgb,var(--brand-accent) 16%,var(--border-subtle))}

/* Embedded report preview uses the same premium frame as standalone HTML. */
#preview-modal .preview-dialog{width:min(1360px,calc(100vw - 30px));border-top:3px solid var(--brand-accent);border-color:color-mix(in srgb,var(--brand-accent) 28%,var(--border-subtle));border-radius:18px}
#preview-modal .preview-header{background:linear-gradient(100deg,var(--surface-heading),color-mix(in srgb,var(--surface-heading) 78%,var(--brand-accent) 22%));padding:11px 16px}
#preview-modal .preview-header h2{position:relative;padding-left:12px}
#preview-modal .preview-header h2::before{content:"";position:absolute;left:0;top:3px;bottom:8px;width:4px;border-radius:99px;background:linear-gradient(180deg,var(--brand-accent),var(--primary))}
#preview-modal .preview-body{padding:10px;background:linear-gradient(135deg,var(--surface-subtle),color-mix(in srgb,var(--surface-subtle) 78%,var(--brand-accent) 22%))}

@media(max-width:767px){
 #view-cases .filter-panel,#view-index .index-workspace>#index-filter-form,#view-knowledge .knowledge-toolbar,#view-oa .oa-commandbar{padding:10px 12px}
 #view-cases .list-workspace>.pager,#view-index .index-workspace>.pager{padding:10px 12px}
 #view-index .index-actions{gap:6px}
 #view-index .index-table-scroll{border-radius:0 0 12px 12px}
 #view-index .index-case-identity .complaint-badge{padding:4px;font-size:0;gap:0}
 #view-index .index-table th:first-child,#view-index .index-table td:first-child{min-width:96px;width:96px}
 #view-knowledge .knowledge-toolbar{border-radius:13px}
 #view-intake .source-panel,#view-intake .intake-form{border-radius:14px}
 #view-intake .source-actions,#view-intake .intake-form{padding-inline:12px}
 #preview-modal .preview-dialog{width:calc(100vw - 16px);border-radius:14px}
 #preview-modal .preview-header{padding:9px 10px}
}