.preferences{display:flex;gap:10px;align-items:center}.preferences select{padding:7px;min-height:30px;max-width:65px}.theme-toggle{border:1px solid var(--border);background:var(--surface,#fff);color:var(--ink);border-radius:7px;width:32px;height:32px;font-size:19px}.topbar{gap:15px}.topbar-right{margin-left:auto}.guest-preferences{position:absolute;top:15px;right:20px;z-index:2}.compact-title{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:25px}.compact-title h1{font-size:23px;margin:0}.form-panel.compact{max-width:900px;margin:0 auto}.attachment-actions{display:flex;gap:18px;margin-top:8px;font-size:11px}.attachment-name{min-width:0;overflow-wrap:anywhere}.text-button{border:0;background:transparent;color:var(--accent);padding:0;font-size:11px}.btn-close{background:#fff0f1;color:#b84d5c;border-color:#e4b5bd}.btn-close:hover{background:#b84d5c;color:#fff}.btn-reopen{background:#248269;color:white;border-color:#248269}.btn-reopen:hover{background:#196750}.sla-late{background:#fff0f1;color:#b84d5c}.file-preview{width:min(1000px,95vw);height:85vh;border:1px solid var(--border);border-radius:14px;background:var(--surface,#fff);color:var(--ink);padding:20px}.file-preview::backdrop{background:#131828a8}.preview-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}.preview-header h2{margin:0;overflow-wrap:anywhere}.file-preview iframe{width:100%;height:calc(100% - 55px);border:1px solid var(--border);border-radius:7px;background:#fff}.report-filters{padding:22px;margin-bottom:25px}.report-filters form{display:flex;flex-wrap:wrap;gap:15px;align-items:end}.report-filters form>p{flex:1;min-width:140px;margin:0}.report-filters input,.report-filters select{width:100%}.policy-row{border-bottom:1px solid var(--border);padding:20px 0}.policy-row:first-child{padding-top:0}.sla-panel dd{line-height:1.7}input[type=checkbox]{accent-color:var(--accent)}
html[data-theme=dark]{color-scheme:dark;--bg:#161923;--ink:#e1e5ee;--muted:#a0a7b9;--border:#353a4b;--surface:#202533;--accent:#a792fa}
html[data-theme=dark] .panel,html[data-theme=dark] .sidebar,html[data-theme=dark] .topbar,html[data-theme=dark] .stat,html[data-theme=dark] .login-form{background:var(--surface)}
html[data-theme=dark] input:not([type=checkbox]),html[data-theme=dark] select,html[data-theme=dark] textarea{background:#1a1f2c;color:var(--ink);border-color:var(--border)}
html[data-theme=dark] thead,html[data-theme=dark] .help-box{background:#252b3a}html[data-theme=dark] tbody tr:hover{background:#292e3e}html[data-theme=dark] td{border-color:var(--border)}html[data-theme=dark] .btn{background:#7860d2;border-color:#7860d2;color:#fff}html[data-theme=dark] .btn-light{background:#303648;border-color:#464c61;color:#e0e3ed}html[data-theme=dark] .prose,html[data-theme=dark] label{color:#c0c7d7}html[data-theme=dark] .comment.internal{background:#353025;border-color:#665738}html[data-theme=dark] nav .nav-active{background:#383052;color:#d0c1ff}html[data-theme=dark] .count{background:#343b4d;color:#c2c9db}html[data-theme=dark] .login-story{background:#29263e}html[data-theme=dark] .story-card{background:#353047;border-color:#4d4665}html[data-theme=dark] .empty>div{background:#353047}html[data-theme=dark] .btn-close{background:#56303c;border-color:#865064}html[data-theme=dark] .btn-close:hover{background:#a3455e}html[data-theme=dark] .btn-reopen{background:#248269;border-color:#248269}html[data-theme=dark] footer{background:var(--bg)}html[data-theme=dark] .alert{background:#253f36;border-color:#3d6858;color:#b0dfcd}html[data-theme=dark] .errorlist,html[data-theme=dark] .alert.error{background:#4b2d39;color:#f5bbc9;border-color:#724554}
@media(max-width:850px){.topbar{height:auto;min-height:55px;flex-wrap:wrap;padding-block:10px}.preferences{margin-left:auto}.guest-preferences{position:static;justify-content:end;padding:10px;background:var(--surface,#fff)}.compact-title{align-items:flex-start}.compact-title .btn{white-space:normal;text-align:center}.form-panel.compact{padding:20px}.compact-title h1{font-size:20px}}
.quick-action { margin-top: 16px; }