
:root{
  --bg:#090b0e;--panel:#14181d;--line:#29313a;--text:#f4f6f8;
  --muted:#9da7b2;--red:#e34242;--orange:#ff7043;--purple:#9a6cff;
  --blue:#4a90ff;--yellow:#e3b341
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at top right,rgba(227,66,66,.13),transparent 30rem),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:14px max(22px,calc((100vw - 1180px)/2));background:rgba(9,11,14,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.brand{font-weight:850}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:var(--muted)}
.debug{border:1px dashed #596575;border-radius:12px;padding:8px 10px}.debug form{display:flex;gap:6px;flex-wrap:wrap}.debug b{display:block;font-size:.65rem;color:#ffb86b;letter-spacing:.15em}.debug small{display:block;text-align:right;margin-top:3px}
.container{max-width:1180px;margin:auto;padding:42px 24px 80px}
.hero{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:28px}.compact{align-items:center}
h1{font-size:clamp(2rem,4vw,3.3rem);margin:5px 0 8px;letter-spacing:-.04em}h2{margin-top:0}
.eyebrow{color:var(--orange);font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.muted,small,.hero p{color:var(--muted)}
.grid{display:grid;gap:22px;margin-bottom:22px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:linear-gradient(180deg,#181d23,var(--panel));border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:22px}.narrow{max-width:760px;margin:auto}.steward{border-color:rgba(154,108,255,.35)}.tech{border-style:dashed}.admin-callout{border-color:rgba(255,112,67,.28)}
.case-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px;margin:10px 0;border:1px solid var(--line);border-radius:12px;transition:.15s ease}.case-row:hover{border-color:#3a4652;background:rgba(255,255,255,.012)}.case-row small{display:block;margin-top:5px}
.status{display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;min-width:190px;min-height:40px;padding:6px 14px;border:1px solid #3a4450;border-radius:999px;font-size:.8rem}.big{min-width:220px;padding:9px 13px}
.form{display:grid;gap:16px}label{display:grid;gap:7px;font-weight:750;font-size:.92rem}
input,textarea,select{width:100%;padding:12px 13px;background:#0d1115;color:var(--text);border:1px solid #303945;border-radius:10px;font:inherit}select[multiple]{min-height:160px}textarea{resize:vertical}
.button,.mini,button{cursor:pointer;color:var(--text);background:#20262d;border:1px solid #36404b;border-radius:10px;font-weight:800}.button{width:fit-content;padding:11px 15px}.primary{background:linear-gradient(135deg,var(--red),var(--orange));border:0}.mini{padding:7px 9px}.danger{color:#ff9b9b}
.member{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.badge{padding:4px 7px;border-radius:999px;font-size:.72rem;font-weight:850}.participant{color:#9cc3ff;border:1px solid rgba(74,144,255,.3)}.steward{color:#ffaaaa}.temporary_steward{color:#c7adff;border:1px solid rgba(154,108,255,.35)}.member small{display:block;margin-top:5px}
.note{padding:14px 0;border-top:1px solid var(--line)}.note small{float:right}.body{line-height:1.7}.decision{padding:16px;border:1px solid rgba(63,185,80,.3);border-radius:12px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line)}th{font-size:.75rem;color:var(--muted);text-transform:uppercase}
.flash{padding:12px 15px;margin-bottom:20px;border:1px solid rgba(63,185,80,.35);border-radius:10px;color:#a8e8b2}
.empty{color:var(--muted);padding:16px 0}code{display:block;padding:13px;background:#0a0d10;border:1px solid #242b33;border-radius:10px;overflow-wrap:anywhere;font-size:.78rem}.inline-code{display:inline-block;padding:3px 7px}
hr{border:0;border-top:1px solid var(--line);margin:22px 0}.info{padding:12px 14px;margin-bottom:18px;border:1px solid rgba(74,144,255,.3);border-radius:10px;background:rgba(74,144,255,.06)}
.section-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.text-link{color:#cbd3dc;font-size:.9rem}
.upload-box{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:18px;border:1px dashed #44515e;border-radius:12px;background:#0d1115}.upload-box input{flex:1;min-width:280px}
.evidence-grid{display:grid;gap:18px;margin-top:18px}.evidence-item{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:18px;padding:16px;border:1px solid var(--line);border-radius:14px}.evidence-item video{width:100%;max-height:280px;background:#000;border-radius:10px}.evidence-meta{display:grid;align-content:start;gap:10px}
.archive-action{margin-top:16px}.archive-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.archive-row small{display:block;margin-top:5px}.archive-result{text-align:right}.archive-result small{display:block;margin-top:5px}
.archive-panel{border-color:rgba(74,144,255,.28)}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.archive-grid>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:#0d1115}.archive-grid small{display:block;margin-bottom:5px}
.retention-hold{margin-top:18px;padding:16px;border:1px solid rgba(227,179,65,.35);background:rgba(227,179,65,.06);border-radius:12px}.retention-form{margin-top:18px}.hold-badge{display:inline-block;margin-top:7px;padding:4px 8px;border-radius:999px;border:1px solid rgba(227,179,65,.4);color:#ffd56a;font-size:.72rem}
.audit-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.audit-row div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.setting-preview{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.security-note{margin-top:22px;padding:16px;border:1px solid rgba(255,112,67,.28);background:rgba(255,112,67,.05);border-radius:12px}
@media(max-width:900px){.topbar{grid-template-columns:1fr}.two{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.evidence-item{grid-template-columns:1fr}.archive-grid{grid-template-columns:1fr}.archive-row{align-items:flex-start;flex-direction:column}.archive-result{text-align:left}}
.filterbar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px}.table-scroll{overflow-x:auto}.inactive{opacity:.45}.action-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.preview-grid>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:#0d1115}.preview-grid small{display:block}.inline-form{display:flex;gap:8px}.upload-box{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto}.evidence-meta{display:grid;gap:8px;align-content:start}@media(max-width:900px){.filterbar,.preview-grid,.upload-box{grid-template-columns:1fr}}

/* v8 */
.auth-panel{display:flex;align-items:center;gap:10px}.discord-login{white-space:nowrap;background:#5865f2;border-color:#6f7af4}.oauth-state{display:grid;gap:3px;padding:8px 11px;border:1px solid rgba(88,101,242,.45);border-radius:10px}.oauth-state b{font-size:.65rem;letter-spacing:.14em;color:#9da7ff}.oauth-state small{white-space:nowrap}.footer{max-width:1180px;margin:0 auto;padding:0 24px 32px;display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:.82rem}.footer-links{display:flex;gap:16px}.footer a:hover,nav a:hover{color:var(--text)}.guide-actions,.form-actions{display:flex;gap:8px;align-items:center}.guide-actions form{margin:0}.reopen-form{display:flex;align-items:center;gap:10px;flex:1;max-width:700px}.reopen-form input{flex:1;min-width:260px}.reopen-form .button{white-space:nowrap}.action-row>form:first-child{margin:0}.action-row .button{min-height:44px}.reopen-form input{min-height:44px}.inactive{opacity:.42}.inactive td{text-decoration:none}
@media(max-width:900px){.auth-panel{align-items:flex-start;flex-wrap:wrap}.footer{flex-direction:column}.reopen-form{flex-basis:100%;flex-wrap:wrap}.reopen-form input{min-width:100%}.guide-actions{flex-wrap:wrap}}

/* v9 release-candidate additions */
.login-shell{min-height:58vh;display:grid;place-items:center}.login-card{max-width:560px;width:100%;text-align:center;padding:40px}.big-login{margin-top:18px;display:inline-flex}.identity-box{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line,#343434);border-radius:10px;background:rgba(255,255,255,.025)}.success-box{padding:18px;border:1px solid rgba(80,200,120,.35);border-radius:10px}.error-code{font-size:3rem;font-weight:800;margin:0;opacity:.55}.danger{border-color:rgba(240,80,80,.55)!important;color:#ff8b8b!important}.bootstrap-link{border-color:rgba(255,170,50,.55)!important}.guide-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.guide-actions form{margin:0}.inactive{opacity:.42}.inactive:hover{opacity:.62}.table-scroll input,.table-scroll select{min-width:130px}.auth-panel form{margin:0}
