:root{
 --bg:#05080d;--bg2:#080d14;--panel:#0c141f;--panel2:#101b29;--line:#203149;
 --line2:#2b4362;--text:#edf5ff;--muted:#8ea3ba;--blue:#76baff;--blue2:#3d85cf;
 --green:#7ad7a8;--yellow:#e9c476;--red:#f28e98;--shadow:0 24px 80px rgba(0,0,0,.32)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif}
button,input,select{font:inherit}.muted{color:var(--muted);font-size:11px}.hidden{display:none!important}button{color:var(--text);border:1px solid var(--line2);background:#101a27;border-radius:9px;padding:9px 11px;cursor:pointer;transition:.16s ease}
button:hover{transform:translateY(-1px);border-color:#4e78a8;background:#142236}button.active,button.primary{background:linear-gradient(180deg,#24578a,#183d65);border-color:#5788bd}
button.ghost{background:transparent}.danger-text{color:#ffb0b7}.wide{width:100%}.glass{background:linear-gradient(180deg,rgba(15,25,38,.96),rgba(8,14,22,.96));border:1px solid var(--line);box-shadow:var(--shadow)}
.topbar{height:68px;border-bottom:1px solid #172436;background:rgba(5,9,14,.91);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:30}
.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,#b9dcff,#4a94df);color:#07111d;box-shadow:0 0 34px rgba(98,170,238,.2)}
.brand b{font-size:15px;letter-spacing:.04em}.brand small,.profile-card small{display:block;color:var(--muted);font-size:11px}.top-meta{display:flex;gap:8px;align-items:center}
.soft-chip,.trust-chip,.summary-chip{border:1px solid #29405d;background:#0b121c;border-radius:999px;padding:6px 10px;color:#a9bad0;font-size:11px}.trust-chip{color:#91c6ff}
.login-screen{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 0,#14253a 0,transparent 42%)}
.login-card{width:min(470px,94vw);border-radius:22px;padding:30px}.login-card h1{font-size:31px;margin:4px 0 6px}.login-card p{color:var(--muted);margin:0 0 20px}
.eyebrow{font-size:10px;letter-spacing:.13em;color:#79b8f6;font-weight:700}.segmented{display:flex;gap:5px;background:#08101a;border:1px solid #1b2b40;padding:4px;border-radius:11px;margin:20px 0}.segmented button{flex:1;border:0;background:transparent}.segmented button.active{background:#16283d}
.input,.select{width:100%;border:1px solid #273b55;background:#070d15;color:#fff;border-radius:10px;padding:11px 12px;outline:none}.input:focus,.select:focus{border-color:#5e91c9}
.input.otp{text-align:center;font-size:28px;letter-spacing:.24em;margin:14px 0}.input.compact{min-width:230px}.callout{border:1px solid #213954;background:#0b1724;border-radius:11px;padding:12px;color:#aebfd2}.form-message{min-height:21px;color:var(--yellow);padding-top:8px}
.shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 68px)}.sidebar{border-right:1px solid #172538;background:#070c13;padding:14px;display:flex;flex-direction:column;position:sticky;top:68px;height:calc(100vh - 68px)}
.profile-card{display:flex;align-items:center;gap:10px;border:1px solid #22354d;border-radius:13px;padding:11px}.avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#162943;color:#a9d2ff;font-weight:800}
.nav{display:grid;gap:5px;margin-top:14px}.nav button{display:flex;gap:9px;align-items:center;text-align:left;border:0;background:transparent;color:#a6b8cb}.nav button.active{background:#14243a;color:#fff}
.sidebar-footer{margin-top:auto}.science-lock{border:1px solid #493c26;background:#15120c;border-radius:12px;padding:10px}.science-lock b{display:block;color:#f2cd86;font-size:11px}.science-lock span{color:#9f927b;font-size:10px}
.workspace{padding:22px;min-width:0}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.section-head h2{font-size:27px;margin:3px 0 0}.section-head p{color:var(--muted);margin:2px 0 0}
.toolbar{display:flex;align-items:center;gap:8px;padding:10px;border-radius:13px;margin-bottom:13px}.toolbar .input,.toolbar .select{width:auto;flex:0 1 280px}
.case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:11px}.case-card{border:1px solid #21344c;background:linear-gradient(180deg,#0e1825,#0a111b);border-radius:15px;padding:14px;cursor:pointer;transition:.17s ease;min-height:150px}
.case-card:hover{transform:translateY(-2px);border-color:#436b96;box-shadow:0 15px 50px rgba(0,0,0,.25)}.case-card h3{font-size:16px;margin:7px 0 12px;word-break:break-word}.card-line{display:flex;justify-content:space-between;color:#a6b8ca;font-size:12px;margin-top:6px}
.status-badge{border:1px solid #335172;border-radius:999px;padding:7px 10px;color:#9acbff;background:#0c1826}.case-top{display:flex;align-items:center;gap:12px}.case-title-wrap{flex:1}.case-title-wrap h2{margin:1px 0;font-size:22px}
.case-facts{border-radius:13px;padding:12px;margin:12px 0;display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:8px}.fact{border-right:1px solid #1e3046;padding-right:8px}.fact:last-child{border:0}.fact label{display:block;color:#728aa3;font-size:10px;text-transform:uppercase}.fact b{font-size:14px}
.workspace-tabs{display:flex;gap:6px;margin:12px 0}.workspace-tabs button{background:transparent;border-color:#24364d}.workspace-tabs button.active{background:#142943}
.viewer-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 350px;gap:10px;min-height:680px}.source-rail,.viewer-main,.analysis-panel{border-radius:14px;overflow:hidden}.source-rail,.analysis-panel{padding:10px}.panel-title{font-size:11px;color:#86bdf4;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:8px}
.source-thumb{border:1px solid #263a51;border-radius:10px;padding:7px;margin-bottom:7px;cursor:pointer;background:#09111b}.source-thumb.active{border-color:#5e99d3;background:#102139}.source-thumb img{display:block;width:100%;height:90px;object-fit:contain;background:#030609;border-radius:6px}.source-thumb small{display:block;margin-top:5px;color:#90a5ba}
.viewer-main{display:flex;flex-direction:column}.viewer-toolbar{display:flex;justify-content:space-between;gap:8px;padding:9px;border-bottom:1px solid #1d2e43;flex-wrap:wrap}.tool-group{display:flex;gap:5px}.tool-group button{padding:7px 9px}
.viewer-meta-strip{display:flex;gap:7px;padding:7px 10px;border-bottom:1px solid #17283c;color:#7e99b4;font-size:10px;white-space:nowrap;overflow:auto}
.viewport{height:560px;position:relative;overflow:hidden;background:#010204;touch-action:none}.canvas-layer{position:absolute;transform-origin:0 0;will-change:transform}.canvas-layer canvas{position:absolute;left:0;top:0}.viewer-empty{position:absolute;inset:0;display:grid;place-items:center;color:#60748a}
.wlbar{display:flex;gap:12px;align-items:center;padding:8px 10px;border-top:1px solid #18293d;flex-wrap:wrap}.wlbar label{display:flex;gap:6px;align-items:center;color:#91a7bc;font-size:11px}.wlbar input{width:120px}
.analysis-panel{overflow:auto}.analysis-panel canvas{width:100%;background:#060b12;border:1px solid #1e3046;border-radius:8px}.metric-card{border:1px solid #1f3147;border-radius:10px;padding:8px;margin-top:8px;background:#08101a}.metric-card>span{font-size:10px;text-transform:uppercase;color:#7faedb}.metric-card pre{white-space:pre-wrap;color:#c7d5e4;font:11px/1.42 Consolas,monospace;margin:5px 0 0}
.row-actions{display:flex;gap:6px;margin-top:8px}.row-actions button{flex:1}.quality-note{color:#e8c279;font-size:11px;margin-top:7px}.boundary-note{margin-top:10px;padding:9px;border-radius:9px;background:#17120a;border:1px solid #493c25;color:#c8ad7d;font-size:10px}
.source-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.source-card{border:1px solid #22354d;background:#0a121c;border-radius:13px;overflow:hidden}.source-card img{width:100%;height:180px;object-fit:contain;background:#020305}.source-card .body{padding:10px}.source-card code{word-break:break-all;font-size:9px;color:#7391af}
.annotation-list{display:grid;gap:8px}.annotation-item{border:1px solid #21344b;background:#0a121c;border-radius:12px;padding:10px}.annotation-item pre{white-space:pre-wrap;font-size:10px;color:#91a5ba}
.narrow-view{max-width:620px}.settings-card{border-radius:14px;padding:15px;display:grid;gap:10px}.settings-card label{color:#9bb0c6}.settings-card .input{margin-top:5px}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin-bottom:12px}.kpi-card{border:1px solid #21344a;background:linear-gradient(180deg,#0e1927,#0a121c);border-radius:13px;padding:13px}.kpi-card span{display:block;color:#7f96ae;font-size:10px;text-transform:uppercase}.kpi-card b{font-size:25px}
.table-wrap{border-radius:14px;overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid #1a2b40;text-align:left;vertical-align:top}.admin-table th{font-size:10px;color:#7d96af;text-transform:uppercase}.admin-table a{color:#8ec8ff}.mini-actions{display:flex;gap:5px;flex-wrap:wrap}.mini-actions button{padding:5px 7px;font-size:10px}
.audit-head{margin-top:18px}.audit-list{display:grid;gap:6px}.audit-row{display:grid;grid-template-columns:170px 220px 1fr;gap:10px;border-bottom:1px solid #17273b;padding:8px 4px;color:#a6b7c9}.audit-row b{color:#dbe8f5}
@media(max-width:1250px){.viewer-layout{grid-template-columns:160px 1fr}.analysis-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.analysis-panel .panel-title{grid-column:1/-1}}
@media(max-width:850px){.top-meta .trust-chip{display:none}.shell{grid-template-columns:1fr}.sidebar{position:relative;top:0;height:auto;border-right:0;border-bottom:1px solid #172538}.sidebar-footer{display:none}.nav{grid-template-columns:repeat(3,1fr)}.workspace{padding:12px}.viewer-layout{grid-template-columns:1fr}.source-rail{max-height:170px;overflow:auto}.source-rail #sourceRail{display:flex;gap:6px}.source-thumb{min-width:130px}.analysis-panel{grid-template-columns:1fr}.case-facts{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}.toolbar .input,.toolbar .select{flex:1 1 180px}.viewport{height:430px}}

button.tiny{padding:5px 8px;font-size:10px}.intelligence-title{margin-top:14px;border-top:1px solid #23374f;padding-top:12px}
.candidate-list{display:grid;gap:5px;max-height:230px;overflow:auto;margin-top:8px}
.candidate-row{display:grid;grid-template-columns:32px 1fr;text-align:left;gap:2px 6px;padding:7px 8px;background:#08111b;border-color:#21364f}
.candidate-row b{grid-row:1/3;color:#ffbf70}.candidate-row span{font-size:10px}.candidate-row small{font-size:9px;color:#879db3}
.candidate-row.active{border-color:#ffe08c;background:#172033;box-shadow:inset 0 0 0 1px rgba(255,221,137,.2)}
.profile-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.profile-pair small{color:#819ab2}
.profile-pair canvas{width:100%;height:70px;background:#050a10;border:1px solid #1f3248;border-radius:8px}
.review-card{border:1px solid #2b405a;background:#0a131e;border-radius:11px;padding:9px;margin-top:9px;display:grid;gap:6px}
.review-title{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#8bbfe9}.review-state{font-size:11px;color:#c9d8e7}
button.confirm{border-color:#39745a;color:#b8f0d1}.depth-lock{border:1px solid #514328;background:#16120b;border-radius:10px;padding:9px;margin-top:9px}
.depth-lock b{display:block;color:#f0c976;font-size:11px}.depth-lock span{display:block;color:#a99776;font-size:10px;margin-top:2px}
.analysis-panel{scrollbar-width:thin}.selected-candidate-card pre{max-height:220px;overflow:auto}

.toggle-line{display:flex;align-items:center;gap:7px;color:#8ea3ba;font-size:10px;margin:7px 0}
.toggle-line input{accent-color:#76baff}.reference-note{color:#c6a3ec}

/* R8-06 Reference Vision R2 */
.reference-pair-card{border-color:#3b3051;background:linear-gradient(180deg,#0c111b,#0c1018)}
.ref-candidate{position:relative;grid-template-columns:32px 1fr;overflow:hidden}
.ref-candidate b{color:#c6f7ab}.ref-candidate small{grid-column:2/3}.ref-candidate.rejected{opacity:.46}
.confidence-track{grid-column:2/3;height:3px;border-radius:999px;background:#17283b;overflow:hidden;margin-top:3px}
.confidence-track>i{display:block;height:100%;background:linear-gradient(90deg,#6e89ff,#8fd6ff,#b7f3ac)}
.candidate-row:disabled{opacity:.42;cursor:not-allowed}
#referencePairState{color:#d6e7f8}
#referenceCandidateList .candidate-row.active{box-shadow:inset 0 0 0 1px rgba(205,239,184,.25),0 0 18px rgba(122,190,255,.08)}
