:root { --bg:#10151c; --bg-surface:#171e28; --bg-elevated:#1d2733; --border:#2b3644; --text:#e9eef4; --text-muted:#9aaabc; --accent:#91c7e8; --danger:#d96f76; --warning:#dfb77b; --success:#82c7ac; }
html,body { font-size:15px; line-height:1.55; color-scheme:dark; scrollbar-color:#40505d #131a21; scrollbar-width:thin; }
* { scrollbar-width:thin; scrollbar-color:#40505d #131a21; }
.fact-details { color:var(--text-muted); font-size:.8rem; margin:.5rem 0 .8rem; }
.fact-details summary { cursor:pointer; color:var(--accent); }
.fact-details ul { padding-left:1.2rem; }
h1,h2,h3,p { overflow-wrap:anywhere; }
h1 { font-size:1.8rem; letter-spacing:-.035em; margin:.2rem 0 .45rem; font-weight:650; }
h2 { font-size:1.18rem; letter-spacing:-.02em; margin:.25rem 0 .75rem; }
h3 { font-size:1rem; margin:0 0 .55rem; }
button,input,select,textarea { font:inherit; }
button,a,input,select,textarea,summary { outline-offset:4px; }
:focus-visible { outline:2px solid var(--accent); }
input[type=checkbox] { width:17px; height:17px; accent-color:#8ecbb5; cursor:pointer; }
input:not([type=checkbox]),select,textarea { color:var(--text); background:var(--bg); border:1px solid var(--border); border-radius:7px; padding:.6rem .75rem; }
textarea { min-height:90px; resize:vertical; width:100%; }
.btn { background:var(--bg-elevated); color:var(--text); border:1px solid var(--border); border-radius:7px; padding:.5rem .9rem; font-weight:550; line-height:1.4; white-space:normal; }
.btn:hover { background:#293646; text-decoration:none; }
.btn-primary { background:#abd8c7; border-color:#abd8c7; color:#152a23; }
.btn-primary:hover { background:#c3e6d9; }
.btn-danger,.btn-danger-all { background:#40252c; border-color:#73414b; color:#ffbdc3; }
.btn-danger:hover,.btn-danger-all:hover { background:#563039; }
.btn:disabled { opacity:.45; cursor:default; }
.btn-sm { font-size:.8rem; padding:.35rem .6rem; }
.page-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.8rem; }
.page-heading p { color:var(--text-muted); margin:0; max-width:780px; }
.page-heading h1 .muted { font-weight:400; font-size:1.1rem; letter-spacing:0; }
.eyebrow { display:block; text-transform:uppercase; font-size:.7rem; font-weight:650; letter-spacing:.12em; color:#91bea9; margin-bottom:.35rem; }
.queue-stats { display:flex; gap:2.4rem; border-bottom:1px solid var(--border); padding:0 0 1.5rem; margin-bottom:1.6rem; }
.queue-stats>div { display:flex; align-items:baseline; gap:.65rem; }
.queue-stats strong { font-size:1.8rem; font-weight:600; }
.queue-stats span,.queue-caption,.queue-pagination { color:var(--text-muted); font-size:.85rem; }
.queue-tools { display:flex; gap:1rem; align-items:end; margin-bottom:1rem; }
.queue-tools label { display:flex; flex-direction:column; gap:.35rem; color:var(--text-muted); font-size:.8rem; }
.queue-tools .search-field { flex:1; max-width:600px; }
.queue-tools input { width:100%; }
.queue-caption { display:flex; justify-content:space-between; align-items:center; margin:1rem 0; }
.case-queue { display:grid; gap:.65rem; }
.queue-case { display:flex; align-items:center; gap:1.4rem; background:var(--bg-surface); border:1px solid var(--border); border-radius:10px; padding:1.15rem 1.3rem; }
.queue-case:hover { border-color:#465766; }
.queue-case-main { flex:1; min-width:0; }
.case-title { display:flex; align-items:center; flex-wrap:wrap; gap:.65rem; }
.case-title>a { font-size:1.05rem; font-weight:650; color:var(--text); }
.case-title>.muted { font-size:.75rem; }
.quiet-badge { display:inline-block; border:1px solid #3e504f; color:#aed2c1; border-radius:4px; padding:.1rem .4rem; font-size:.7rem; font-weight:500; margin-left:.3rem; white-space:normal; }
.quiet-badge.lead { color:#d9c7a7; border-color:#564b3b; }
.case-reason { margin:.5rem 0 .6rem; color:#b8c6d4; font-size:.88rem; }
.account-tags { display:flex; gap:.4rem; flex-wrap:wrap; max-height:220px; overflow:auto; }
.account-tags>a,.account-tags>span { font-size:.75rem; padding:.1rem .4rem; background:#202c37; color:#bfcdda; border-radius:4px; border:1px solid #2c3a46; overflow-wrap:anywhere; }
.queue-case-count { display:flex; flex-direction:column; min-width:118px; }
.queue-case-count strong { font-size:1.55rem; font-weight:600; line-height:1.2; }
.queue-case-count span,.queue-case-count small { color:var(--text-muted); font-size:.74rem; }
.queue-pagination { display:flex; gap:.6rem; justify-content:flex-end; align-items:center; margin:1.2rem 0; }
.queue-pagination>span { margin-right:auto; }
.review-brief { border:1px solid #35483f; background:#17251f; border-radius:10px; padding:1.3rem; display:flex; gap:2rem; margin:1.25rem 0 .8rem; }
.review-brief-main { flex:1; }
.review-brief-counts { display:grid; gap:.8rem; min-width:215px; }
.review-brief-counts>div { display:flex; align-items:baseline; gap:.7rem; }
.review-brief-counts strong { font-size:1.4rem; width:2.2rem; }
.review-brief-counts span { font-size:.78rem; color:#aac4b7; }
.reason-list { margin:.4rem 0 0; padding-left:1.2rem; font-size:.88rem; color:#c0d6cc; }
.review-caution { background:#28251f; border:1px solid #484236; border-radius:7px; padding:.8rem 1rem; font-size:.86rem; color:#d9c8a7; display:flex; flex-wrap:wrap; gap:.8rem; align-items:center; }
.workspace-section { margin:1.7rem 0; }
.section-heading { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.evidence-layout { display:grid; grid-template-columns:minmax(280px,440px) minmax(0,1fr); align-items:start; gap:1.25rem; max-width:1440px; }
.evidence-layout.without-device { grid-template-columns:minmax(0,1fr); }
.primary-device-evidence { min-width:0; }
.primary-device-evidence > .eyebrow { display:block; margin-bottom:.65rem; }
.supporting-evidence { min-width:0; }
.supporting-evidence > h3 { font-size:.95rem; margin:0 0 .35rem; }
.supporting-evidence > p { font-size:.82rem; margin:0 0 .85rem; }
.evidence-support-group { border:1px solid var(--border); border-radius:8px; background:var(--bg-surface); margin-bottom:.55rem; }
.evidence-support-group > summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; list-style:none; cursor:pointer; padding:.85rem 1rem; }
.evidence-support-group > summary::-webkit-details-marker { display:none; }
.evidence-support-group > summary:hover { background:var(--bg-elevated); border-radius:8px; }
.evidence-support-group > summary:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.support-group-heading { display:grid; gap:.25rem; }
.support-group-heading strong { font-size:.86rem; }
.support-group-heading > span { color:var(--text-muted); font-size:.76rem; }
.support-group-toggle { color:var(--accent); transition:transform .15s; }
.evidence-support-group[open] .support-group-toggle { transform:rotate(180deg); }
.support-group-body { border-top:1px solid var(--border); padding:.75rem 1rem; }
.support-group-body > p { font-size:.8rem; margin:0 0 .65rem; }
.support-connection-list { max-height:340px; overflow-y:auto; }
.support-connection { padding:.65rem 0; }
.support-connection + .support-connection { border-top:1px solid var(--border); }
.support-connection > p { color:var(--text-muted); font-size:.8rem; margin:.5rem 0; }
@media (max-width:900px) { .evidence-layout { grid-template-columns:minmax(0,1fr); } }
.evidence-fact { padding:1rem 1.15rem; background:var(--bg-surface); border:1px solid var(--border); border-radius:8px; }
.evidence-fact h3 { font-size:.95rem; }
.evidence-device-id { margin:.6rem 0; }
.evidence-device-id span { display:block; color:var(--text-muted); font-size:.7rem; margin-bottom:.2rem; }
.evidence-device-id code { display:block; font-size:.78rem; overflow-wrap:anywhere; user-select:text; }
.other-device-evidence { margin-top:.9rem; padding-top:.7rem; border-top:1px solid var(--border); font-size:.8rem; }
.other-device-evidence summary { cursor:pointer; color:var(--accent); }
.other-device-evidence ul { list-style:none; padding:0; margin:.6rem 0 0; }
.other-device-evidence li + li { margin-top:.7rem; }
.other-device-evidence li > * { display:block; overflow-wrap:anywhere; }
.other-device-evidence small { color:var(--text-muted); margin-top:.2rem; }
.evidence-fact p { color:var(--text-muted); font-size:.83rem; margin:.4rem 0 .8rem; }
.text-link { display:inline-block; font-size:.8rem; margin-top:.65rem; }
.table-scroll { overflow-x:auto; max-width:100%; }
.detail-table,.cluster-table { width:100%; border-collapse:separate; border-spacing:0; background:var(--bg-surface); border:1px solid var(--border); border-radius:8px; overflow:hidden; }
.detail-table th,.cluster-table th { background:#1e2934; color:var(--text-muted); font-size:.7rem; letter-spacing:.06em; padding:.7rem .9rem; }
.detail-table td,.cluster-table td { padding:.85rem .9rem; border-bottom:1px solid var(--border); font-size:.85rem; vertical-align:top; }
.detail-table tr:last-child td { border-bottom:0; }
.detail-table tbody tr:hover,.cluster-table tbody tr:hover { background:#1e2934; }
.case-members td:nth-child(4) { color:var(--text-muted); }
.case-members td:first-child { width:40px; }
.queue-categories { display:flex; gap:.7rem; flex-wrap:wrap; margin:1rem 0; }
.queue-category { display:flex; align-items:center; gap:.7rem; border:1px solid var(--border); border-radius:8px; background:var(--bg-surface); color:var(--text-muted); padding:.8rem 1.1rem; cursor:pointer; }
.queue-category strong { color:var(--text); font-size:1.4rem; }
.queue-category.active { border-color:var(--success); background:#20352d; color:#cde6db; }
.queue-explanation { max-width:1000px; color:var(--text-muted); font-size:.9rem; }
.history-alert { color:var(--warning); font-size:.83rem; margin:.3rem 0; }
.focus-reason { color:var(--success); font-size:.85rem; margin:.5rem 0; }
.character-meta { color:var(--text-muted); font-size:.76rem; margin-top:.35rem; }
.activity-status { display:block; font-size:.82rem; }
.case-members td:nth-child(2) { min-width:190px; }
.case-members td:nth-child(3) { min-width:180px; }
.member-connections { display:grid; gap:.4rem; min-width:250px; }
.member-connection { display:flex; align-items:baseline; flex-wrap:wrap; gap:.4rem; border-left:2px solid #475362; padding-left:.6rem; font-size:.81rem; }
.member-connection.strength-0,.member-connection.strength-1,.member-connection.strength-2 { border-color:var(--success); }
.member-connection > span:first-child { color:var(--text-muted); }
.member-connection a { font-weight:600; }
.banned-marker { font-size:.68rem; color:var(--warning); border:1px solid #65553d; border-radius:3px; padding:0 .3rem; }
.additional-connections { font-size:.78rem; }
.additional-connections summary { cursor:pointer; color:var(--accent); margin:.3rem 0; }
.additional-connections .member-connection { margin:.45rem 0; }
.banned-history { border-top:2px solid #65553d; padding-top:1.2rem; }
.banned-history > p { font-size:.85rem; color:var(--text-muted); max-width:1000px; }
.connection-people { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; font-size:.85rem; font-weight:600; }
.connection-dates { font-size:.76rem; color:var(--text-muted); padding-left:1.1rem; margin:.45rem 0; }
.connection-people a + a::before { content:'and'; color:var(--text-muted); margin-right:.5rem; font-weight:400; }
.support-connection > p.connection-observation { color:var(--text); line-height:1.6; max-width:760px; margin:.45rem 0; }
.support-group-body > .evidence-limitation { padding-top:.75rem; margin-top:.7rem; border-top:1px solid var(--border); font-size:.75rem; color:var(--text-muted); }
.decision-section { background:var(--bg-surface); border:1px solid var(--border); border-radius:10px; padding:1.3rem; }
.review-note-field { display:block; font-size:.85rem; color:var(--text-muted); }
.review-note-field textarea { display:block; margin:.5rem 0 .8rem; }
.decision-actions { display:flex; flex-wrap:wrap; gap:.65rem; align-items:center; margin:.8rem 0; }
.disclosure { border:1px solid var(--border); border-radius:8px; background:var(--bg-surface); margin:.8rem 0; }
.disclosure>summary { cursor:pointer; padding:.85rem 1rem; color:#bfccd8; font-size:.88rem; font-weight:550; }
.disclosure[open]>summary { border-bottom:1px solid var(--border); }
.disclosure-content { padding:1rem; }
.disclosure-content code { white-space:pre-wrap; overflow-wrap:anywhere; font-size:.75rem; }
.ban-disclosure { margin-top:1.2rem; border-color:#553a42; }
.bulk-review { display:block; }
.bulk-review fieldset { border:0; padding:0; }
.bulk-case { margin:1rem 0; }
.bulk-case label { display:inline-flex; gap:.4rem; align-items:center; margin:.4rem .8rem .4rem 0; }
.back-link { display:inline-block; margin-bottom:.8rem; font-size:.85rem; }
.review-note { border-left:3px solid #8cb6a1; padding:.5rem 1rem; margin:1rem 0; color:var(--text-muted); }
.empty-state { padding:2rem; text-align:center; color:var(--text-muted); }
@media(max-width:950px) { .queue-case { flex-wrap:wrap; gap:.9rem; } .queue-case-main { flex-basis:65%; } .queue-stats { gap:1.2rem; flex-wrap:wrap; } .review-brief { flex-direction:column; gap:.8rem; } .review-brief-counts { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); } }
@media(max-width:600px) { .page-heading { align-items:flex-start; flex-direction:column; } .queue-tools { align-items:stretch; flex-direction:column; } .queue-case-main { flex-basis:100%; } .queue-case-count { flex:1; } h1 { font-size:1.5rem; } .queue-stats>div { gap:.45rem; } .queue-stats span { font-size:.75rem; } }