/* Interaction and contrast pass for the unified admin. The surface is monochrome
   so the data and the selected row carry the hierarchy. */
:root{color-scheme:dark;--bg:#000;--panel:#090909;--panel2:#111;--line:#292929;--text:#f5f5f5;--muted:#a8a8a8;--green:#e2e2e2;--orange:#ededed;--red:#ffb0b0}
html,body{background:#000!important;color:var(--text);font-size:16px}
body{font-weight:550;letter-spacing:.005em}
.screen{background:#000!important}
.login-card{background:#090909!important;border-color:#303030!important;box-shadow:0 24px 80px rgba(0,0,0,.72)!important}
.login-card input{background:#050505!important;border-color:#383838!important;color:#f5f5f5!important}
.primary{background:#e8e8e8!important;border-color:#e8e8e8!important;color:#050505!important}
.error{background:#211414!important;border-color:#643e3e!important;color:#ffc5c5!important}
.layout{background:#000!important;border:0}
.sidebar{background:#050505!important;border-right:1px solid #282828!important}
.sidebar nav{padding:6px;background:#090909;border:1px solid #272727;border-radius:16px;gap:3px}
.sidebar nav .nav{border-radius:11px}
.main{background:#000!important}
.brand{font-weight:850;color:#f5f5f5}
.mark{background:#e7e7e7!important;color:#090909!important}
.eyebrow{color:#bdbdbd!important}
.topbar{border-color:#2b2b2b!important}
.topbar h2{font-weight:850;color:#f8f8f8}
.controls select,.button,.date-control,.search{background:#0d0d0d!important;border-color:#343434!important;color:#f3f3f3!important;transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.filters select,select{appearance:none;-webkit-appearance:none;min-height:46px;padding:11px 38px 11px 14px!important;border:1px solid #343434;border-radius:12px;background-color:#0d0d0d!important;background-image:linear-gradient(45deg,transparent 50%,#bcbcbc 50%),linear-gradient(135deg,#bcbcbc 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;color:#f3f3f3;outline:none;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
.filters select:hover,select:hover{background-color:#181818!important;border-color:#707070}
.filters select:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(235,235,235,.14);border-color:#a9a9a9}
.controls select:hover,.button:hover,.date-control:hover{background:#181818!important;border-color:#707070!important}
.button:focus-visible,.controls select:focus-visible,.search:focus-visible,.nav:focus-visible,.primary:focus-visible{outline:2px solid #ededed;outline-offset:2px}
.button:active,.primary:active,.nav:active{transform:translateY(1px) scale(.985)}
.panel,.metric{background:#090909!important;border-color:#292929!important;box-shadow:none!important}
.panel{border-radius:18px!important}
.metric{border-radius:14px!important;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.metric:hover{background:#111!important;border-color:#4a4a4a!important;transform:translateY(-1px)}
.metric span,.metric small,.sub,.sidebar-foot{color:#a8a8a8!important}
.metric strong,.stat-row b,.rank-row>b{color:#f5f5f5!important;font-weight:850}
.notice{background:#0d0d0d!important;border-color:#3a3a3a!important;color:#d0d0d0!important}
.nav{color:#c0c0c0!important;font-weight:700;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.nav:hover,.nav.active{background:#1b1b1b!important;border-color:#414141!important;color:#fff!important}
.nav.active{box-shadow:inset 3px 0 0 #e7e7e7}
.filters{gap:12px;align-items:end}
.filter-control{display:grid;gap:6px;min-width:142px;color:#9f9f9f;font-size:12px;font-weight:700}
.filter-control>span{text-transform:uppercase;letter-spacing:.08em}
.filter-control .search,.filter-control select{width:100%;min-width:0}
.filter-search{min-width:230px}
.person-cell{display:grid;gap:3px;min-width:180px}
.person-cell b{color:#f4f4f4;font-size:15px;font-weight:800}
.person-cell small{color:#a6a6a6;font-size:13px}
.user-row td:first-child{min-width:215px}
.table th{background:#090909!important;color:#bcbcbc!important;border-color:#303030!important;font-weight:750}
.table td{color:#e8e8e8!important;border-color:#242424!important}
.table tbody tr{transition:background-color .16s ease,transform .16s ease}
.table tbody tr:hover td{background:#151515!important}
.user-row,.request-row{cursor:pointer}
.user-row:focus-visible td,.request-row:focus-visible td{background:#1b1b1b!important;box-shadow:inset 0 2px 0 #f0f0f0,inset 0 -2px 0 #f0f0f0}
.request-row td:first-child{min-width:145px}.request-row td:first-child small{display:block;color:#a0a0a0;margin-top:3px}
.request-id{font-variant-numeric:tabular-nums;letter-spacing:.02em}
.pill{background:#222!important;border:1px solid #4c4c4c;color:#f0f0f0!important;font-weight:750}
.pill.red{background:#261818!important;border-color:#744747;color:#ffc0c0!important}
.bar-bg,.stat-track{background:#252525!important}.bar-fill,.stat-track i{background:#d0d0d0!important}
.daily-mini span,.ratio-card,.coverage-grid>div{background:#0e0e0e!important;border-color:#2a2a2a!important}
.detail-overlay{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-end;background:rgba(0,0,0,.76);animation:detail-fade .16s ease-out}
.detail-backdrop{position:absolute;inset:0;border:0;background:transparent;cursor:default}
.detail-drawer{position:relative;z-index:1;width:min(760px,100vw);height:100%;overflow-y:auto;overscroll-behavior:contain;background:#070707;border-left:1px solid #3a3a3a;box-shadow:-24px 0 70px rgba(0,0,0,.62);padding:30px 30px 54px;animation:detail-slide .22s cubic-bezier(.16,1,.3,1)}
.detail-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;border-bottom:1px solid #2e2e2e}
.detail-drawer-head h3{font-size:28px;line-height:1.1;margin:8px 0 6px;font-weight:850;color:#fafafa}
.detail-drawer-head .sub{margin:0}
.icon-button{width:42px;height:42px;border:1px solid #454545;border-radius:12px;background:#111;color:#eee;font-size:26px;line-height:1;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.icon-button:hover{background:#202020;border-color:#8a8a8a}.icon-button:active{transform:scale(.96)}
.detail-status-line{display:flex;align-items:center;gap:12px;padding:17px 0;color:#bdbdbd;flex-wrap:wrap}
.detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 24px}.detail-metrics .metric{padding:14px}.detail-metrics .metric strong{font-size:22px}.detail-metrics .metric span{font-size:12px}
.detail-section{padding:22px 0;border-top:1px solid #2c2c2c}.detail-section h4{margin:0 0 14px;font-size:18px;font-weight:800}.detail-section h5,.raw-details h5{margin:20px 0 10px;font-size:14px;color:#d8d8d8}
.detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.detail-facts>div{padding:11px 13px;border:1px solid #292929;border-radius:11px;background:#0d0d0d;min-width:0}.detail-facts dt{font-size:12px;color:#9c9c9c;margin-bottom:4px}.detail-facts dd{font-size:14px;color:#f0f0f0;margin:0;overflow-wrap:anywhere}
.detail-section .table-wrap{max-height:310px;border:1px solid #292929;border-radius:12px}.detail-section .table{min-width:620px}
.raw-details{border-top:1px solid #2c2c2c;padding-top:20px}.raw-details summary{cursor:pointer;color:#e3e3e3;font-weight:700;padding:8px 0}.raw-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.raw-grid pre{max-height:260px;overflow:auto;background:#030303;border:1px solid #292929;border-radius:11px;padding:14px;color:#cfcfcf;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.detail-loading{display:grid;gap:14px}.skeleton{border-radius:12px;background:linear-gradient(90deg,#101010 20%,#1b1b1b 38%,#101010 60%);background-size:220% 100%;animation:skeleton-wave 1.2s ease-in-out infinite}.skeleton-title{height:40px;width:56%}.skeleton-line{height:16px;width:74%}.skeleton-block{height:145px;width:100%}
body.detail-open{overflow:hidden!important}
@keyframes detail-fade{from{opacity:0}to{opacity:1}}@keyframes detail-slide{from{transform:translateX(28px);opacity:.6}to{transform:translateX(0);opacity:1}}@keyframes skeleton-wave{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.detail-overlay,.detail-drawer,.skeleton{animation:none}.metric,.table tbody tr,.button,.nav{transition:none}}
@media(max-width:900px){.detail-drawer{width:min(680px,100vw);padding:24px 20px 40px}.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.raw-grid{grid-template-columns:1fr}}
@media(max-width:520px){.detail-drawer{padding:20px 15px 32px}.detail-drawer-head h3{font-size:24px}.detail-facts{grid-template-columns:1fr}.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-metrics .metric strong{font-size:19px}.detail-status-line{align-items:flex-start;flex-direction:column;gap:7px}}