:root{--bg:#0b0f14;--card:#121a23;--text:#e7eef7;--muted:#9bb0c5;--line:#223142;--accent:#6aa6ff;--danger:#ff6a6a;--ok:#5ad68f}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:18px}
.nav{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);background:#0a121b;position:sticky;top:0}
.nav a{margin-right:12px}
.brand{font-weight:700}
.nav-right{display:flex;gap:10px;align-items:center}
.user-pill{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:6px 10px;border-radius:999px}
.card{background:var(--card);border:1px solid var(--line);padding:14px;border-radius:10px;max-width:640px}
label{display:block;margin:10px 0}label span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
input,select,textarea,button{width:100%;padding:10px;border-radius:8px;border:1px solid var(--line);background:#0b131c;color:var(--text)}
button,.button{display:inline-block;width:auto;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:#0e1722;color:var(--text)}
.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.table{width:100%;border-collapse:collapse;margin-top:12px}th,td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600;text-align:left}
.flash{margin:12px 0}.flash-item{padding:10px 12px;border-radius:8px;margin:8px 0;border:1px solid var(--line)}
.flash-success{border-color:rgba(90,214,143,.4);color:var(--ok)}.flash-error{border-color:rgba(255,106,106,.4);color:var(--danger)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.stat{background:var(--card);border:1px solid var(--line);padding:14px;border-radius:10px}.stat-label{color:var(--muted);font-size:12px}.stat-value{font-size:24px;font-weight:700}
.tenant-switcher select{width:auto;min-width:220px}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.filters label{margin:0}
.muted{color:var(--muted)}
.thread .msg{border:1px solid var(--line);background:var(--card);padding:12px;border-radius:10px;margin:10px 0}.msg-meta{color:var(--muted);font-size:12px;margin-bottom:8px}
.pre{white-space:pre-wrap;word-break:break-word}
.tenant-assignments{margin-top:10px}.tenant-row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px;border:1px solid var(--line);border-radius:10px;margin:8px 0;background:var(--card)}
.checkbox{display:flex;gap:10px;align-items:center;margin:0}.checkbox input{width:auto}
.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.logout button{width:auto}
@media (max-width:900px){.grid{grid-template-columns:1fr}.nav{flex-direction:column;align-items:flex-start}.nav-right{width:100%;flex-wrap:wrap}.tenant-switcher select{min-width:180px}}
