body:has(#console:not([hidden])) main>h1,body:has(#console:not([hidden])) main>.eyebrow{display:none}
body:has(dialog[open]){overflow:hidden}
.toolbar{padding:8px 0 22px;border-bottom:1px solid #303b3b}
nav button[aria-pressed=true]{background:#c3e6a5;color:#172112;border-color:#c3e6a5}
.record-list{display:grid;gap:8px}
.record{display:flex;align-items:center;gap:18px;text-align:left;width:100%;padding:16px 20px;background:#141c1f;border:1px solid #2b383a;color:#e8eee9;border-radius:12px}
.record:hover{background:#1b282a;border-color:#6f8a73}
.record-copy{display:grid;gap:6px;flex:1;min-width:0}
.record-copy strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.record-copy small{font-size:12px;color:#9dafaa;overflow-wrap:anywhere}
.record-arrow{color:#bce298;font-size:20px}
.pill{font-size:10px;text-transform:uppercase;letter-spacing:.7px;border:1px solid #3d534b;border-radius:20px;padding:5px 9px;color:#c6dfc2;flex-shrink:0}
.pagination{justify-content:space-between;margin:18px 0;font-size:12px;color:#a9bab3}
.pagination button{font-size:12px;padding:8px 12px}
.empty-state{padding:24px;text-align:center;border:1px dashed #3a4a46;border-radius:12px}
#inspector{padding:0;border:1px solid #43534f;border-radius:20px;background:#111a1d;color:#e9ede6;width:min(1050px,calc(100vw - 48px));height:min(800px,calc(100dvh - 64px));max-height:none;max-width:none;overflow:hidden;box-shadow:0 30px 120px #000a}
#inspector::backdrop{background:#030809b8;backdrop-filter:blur(5px)}
#detail{display:flex;flex-direction:column;height:100%;min-height:0}
.inspector-header{width:100%;max-width:none;padding:22px 28px;margin:0;flex-shrink:0;align-items:start;background:#182225}
.inspector-header>div{min-width:0;flex:1}
.inspector-header h2{margin:0 0 5px;font-size:22px;overflow-wrap:anywhere}
.inspector-header p{margin:0;font-size:12px}
.inspector-header button{background:transparent;color:#bfcdc5;border-color:#4a5a54;font-size:12px;flex-shrink:0}
.inspector-tabs{gap:6px;padding:12px 22px;border-bottom:1px solid #303b3b;background:#131e21}
.inspector-tabs button{padding:8px 12px;font-size:12px;border-color:transparent}
.inspector-body{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:24px 28px;scrollbar-color:#465d52 #10191c}
.inspector-body>h3{margin-top:16px}
.inspector-body>p{font-size:13px}
.inspector-body>button{font-size:12px;margin:0 8px 16px 0}
.inspector-body pre{padding:20px;border:1px solid #30413b;background:#0b1215;border-radius:12px;font-family:inherit;font-size:14px;line-height:1.7}
.metadata{display:grid;grid-template-columns:180px minmax(0,1fr);margin:18px 0 26px;font-size:13px}
.metadata dt,.metadata dd{margin:0;padding:12px 0;border-bottom:1px solid #283735;overflow-wrap:anywhere;white-space:pre-wrap}
.metadata dt{color:#92a69b;padding-right:20px}
.metadata dd{color:#dae5dc}
.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px}
.summary-grid button{display:grid;text-align:left;gap:8px;background:#1a2828;color:#c4e5ab;border-color:#384c40;padding:18px}
.summary-grid strong{font-size:30px;font-weight:550}
.summary-grid span{font-size:12px;color:#afc0b5}
.access-record{padding:12px 18px;border:1px solid #30413b;border-radius:12px;background:#142023}
.access-record h4{margin:4px 0;color:#c3e6a5}
.access-record .metadata{margin:0;grid-template-columns:140px minmax(0,1fr)}
.admin-setup form{max-width:660px}
.inspector-body form{margin:22px 0;padding:22px;background:#142124;border:1px solid #34443c;border-radius:12px}
.inspector-body form h3{margin-top:0}
.inspector-body form p{font-size:13px}
.inspector-message{margin:0;padding:0 24px;color:#efd5a9;font-size:13px}
.billing-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(2,minmax(150px,1fr)) auto;gap:12px;align-items:end;margin:22px 0 30px;padding:18px;border:1px solid #34443c;border-radius:12px;background:#142124}
.billing-filters label{margin:0;font-size:12px}
.billing-filters button{align-self:end}
@media(max-width:768px){
  .inspector-header{padding:16px;gap:10px}.inspector-header h2{font-size:19px}
  .inspector-header button,.inspector-tabs button,.pagination button{min-height:44px;font-size:14px}
  .inspector-tabs{padding:10px;gap:6px}.inspector-tabs button{padding:8px 10px}
  .inspector-body{padding:16px}.metadata{grid-template-columns:130px minmax(0,1fr);font-size:14px}
  .inspector-body>p,.inspector-body form p,.inspector-body>button{font-size:14px}
  .summary-grid{gap:8px}.summary-grid button{padding:12px}.summary-grid span{font-size:13px}
  .record{padding:14px 12px;gap:10px;flex-wrap:wrap}.record-copy{flex-basis:calc(100% - 32px)}
  .record-copy strong{white-space:normal;overflow-wrap:anywhere}.record-copy small{font-size:14px;line-height:1.5}
  .record-arrow{margin-left:auto}.pill{font-size:12px;padding:5px 9px}
  .inspector-body form{padding:16px}.pagination{gap:8px;font-size:14px}
  .billing-filters{grid-template-columns:1fr;align-items:stretch}.billing-filters button{width:100%}
}
@media(max-width:600px){
  #inspector{width:100%;height:100dvh;margin:0;inset:0;border:0;border-radius:0}
  .inspector-header{padding-top:max(12px,env(safe-area-inset-top));padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}
  .inspector-body{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}
  .metadata,.access-record .metadata{grid-template-columns:minmax(0,1fr);font-size:14px}
  .metadata dt{padding:14px 0 4px;border:0;font-size:13px}.metadata dd{padding:0 0 14px}
  .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inspector-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .inspector-tabs button{padding:8px 4px;font-size:13px}
}