:root {
  color-scheme:light;
  --bg:#f3f6fa; --panel:#ffffff; --line:#d4deea; --text:#182638; --muted:#536579;
  --accent:#087f68; --accent-dark:#e2f3ed; --accent-line:#a2cdbf; --primary-text:#ffffff;
  --control:#ffffff; --control-line:#acbacb; --soft-bg:#eaf0f7; --soft-text:#40566e;
  --highlight:#e7f4ef; --scope:#e5f4ee; --row-line:#e4eaf1;
  --danger-bg:#fff0f2; --danger-text:#a32940; --danger-line:#e8b1bd;
  --warning-bg:#fff3df; --warning-text:#78511b; --warning-line:#ba7921;
  font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text); background:var(--bg);
}
@media(prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) {
    color-scheme:dark;
    --bg:#0d131d; --panel:#141d29; --line:#273344; --text:#e8eef7; --muted:#98a7ba;
    --accent:#62dec0; --accent-dark:#163b35; --accent-line:#326d60; --primary-text:#09251f;
    --control:#101824; --control-line:#354358; --soft-bg:#1b2838; --soft-text:#becdde;
    --highlight:#16312e; --scope:#152d2c; --row-line:#202c3b;
    --danger-bg:#3a232a; --danger-text:#ffb3bc; --danger-line:#68404a;
    --warning-bg:#342a1e; --warning-text:#eacb98; --warning-line:#e7b463;
  }
}
:root[data-theme="dark"] {
  color-scheme:dark;
  --bg:#0d131d; --panel:#141d29; --line:#273344; --text:#e8eef7; --muted:#98a7ba;
  --accent:#62dec0; --accent-dark:#163b35; --accent-line:#326d60; --primary-text:#09251f;
  --control:#101824; --control-line:#354358; --soft-bg:#1b2838; --soft-text:#becdde;
  --highlight:#16312e; --scope:#152d2c; --row-line:#202c3b;
  --danger-bg:#3a232a; --danger-text:#ffb3bc; --danger-line:#68404a;
  --warning-bg:#342a1e; --warning-text:#eacb98; --warning-line:#e7b463;
}
* { box-sizing:border-box; }
body { margin:0; }
[hidden] { display:none !important; }
a { color:inherit; text-decoration:none; }
button,.button { font:inherit; font-weight:600; cursor:pointer; border:1px solid transparent; border-radius:8px; padding:10px 16px; display:inline-block; }
button:disabled { opacity:.45; cursor:not-allowed; }
.option-control input:disabled,.option-control select:disabled { opacity:.5; cursor:not-allowed; }
button:hover:not(:disabled),.button:hover { filter:brightness(1.12); }
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.primary { background:var(--accent); color:var(--primary-text); }
.quiet { background:transparent; color:var(--text); border-color:var(--line); }
.danger { background:var(--danger-bg); color:var(--danger-text); border-color:var(--danger-line); }
.topbar { height:76px; padding:0 34px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:flex; align-items:center; gap:12px; min-width:0; font-size:20px; font-weight:750; letter-spacing:-.6px; }
#product-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.brand-mark { color:var(--accent); border:1px solid var(--accent-line); border-radius:8px; padding:0 10px; font-size:25px; flex-shrink:0; }
.brand-sub { color:var(--muted); font-size:10px; letter-spacing:2px; padding-left:8px; }
.account { display:flex; align-items:center; gap:12px; flex-shrink:0; position:relative; }
.account > .badge { max-width:180px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.account-name { font-weight:500; }
.account-name:disabled { opacity:1; cursor:default; }
.emulation-panel { position:absolute; z-index:60; right:0; top:calc(100% + 12px); width:350px; max-width:calc(100vw - 24px); max-height:calc(100vh - 100px); overflow:auto; padding:18px; border:1px solid var(--line); border-radius:12px; background:var(--panel); box-shadow:0 12px 40px #0003; }
.emulation-panel h2 { font-size:16px; }
.emulation-users { display:grid; gap:6px; max-height:290px; overflow:auto; }
.emulation-users button { width:100%; text-align:left; background:var(--soft-bg); color:var(--text); border-color:var(--line); }
.emulation-users small { display:block; color:var(--muted); font-weight:400; overflow-wrap:anywhere; }
.emulation-pager { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:12px; font-size:12px; }
.emulation-pager button { padding:6px 9px; }
.emulation-banner { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; padding:9px 18px; background:var(--warning-bg); color:var(--warning-text); border-bottom:1px solid var(--warning-line); font-size:13px; }
.emulation-banner button { padding:5px 10px; color:inherit; border-color:var(--warning-line); }
.user-menu { position:relative; }
.user-menu summary { display:flex; align-items:center; gap:8px; padding:10px 12px; border:1px solid var(--line); border-radius:8px; cursor:pointer; list-style:none; font-size:13px; font-weight:600; }
.user-menu summary::-webkit-details-marker { display:none; }
.user-menu[open] summary { background:var(--accent-dark); border-color:var(--accent-line); }
.user-menu-panel { position:absolute; z-index:50; right:0; top:calc(100% + 10px); width:290px; max-width:calc(100vw - 32px); padding:22px; border:1px solid var(--line); border-radius:12px; background:var(--panel); box-shadow:0 12px 40px #0003; }
.user-menu-panel h2 { font-size:16px; margin-bottom:18px; }
.user-menu-panel p:last-child { margin-bottom:0; }
.badge { border:1px solid var(--line); border-radius:7px; background:var(--soft-bg); color:var(--soft-text); font:12px/1.5 ui-monospace,monospace; padding:6px 10px; }
.badge.demo { color:var(--accent); background:var(--accent-dark); border-color:var(--accent-line); }
.workspace { display:grid; grid-template-columns:270px minmax(0,1fr); min-height:calc(100vh - 76px); }
.sidebar { border-right:1px solid var(--line); padding:30px 22px; position:relative; display:flex; flex-direction:column; }
.eyebrow { color:var(--muted); letter-spacing:1.8px; font-size:10px; font-weight:700; margin:0 0 10px; }
label { display:block; font-size:12px; color:var(--muted); margin-bottom:7px; }
select,input,textarea { background:var(--control); border:1px solid var(--control-line); border-radius:7px; color:var(--text); font:inherit; padding:10px 12px; min-width:0; width:100%; }
.sidebar select { margin-bottom:28px; }
.page-menu { display:grid; gap:6px; margin-bottom:28px; }
.page-link { padding:10px 12px; border:1px solid transparent; border-radius:8px; font-size:14px; color:var(--muted); }
.page-link.active { color:var(--accent); border-color:var(--accent-line); background:var(--highlight); }
.table-wrap { overflow-x:auto; }
.attacks-table { width:100%; border-collapse:collapse; text-align:left; font-size:13px; }
.attacks-table th,.attacks-table td { padding:14px 12px; border-bottom:1px solid var(--row-line); vertical-align:top; }
.attacks-table th { color:var(--muted); font-weight:600; }
.attack-ip { font-family:ui-monospace,monospace; white-space:nowrap; }
.attack-link { padding:0; border:0; border-radius:2px; color:var(--accent); background:transparent; font:inherit; text-decoration:underline; text-underline-offset:3px; }
.attack-origin { white-space:nowrap; }
.attack-summary { min-width:200px; }
#attack-dialog { width:min(850px,calc(100vw - 32px)); max-width:calc(100vw - 32px); max-height:calc(100vh - 32px); overflow:auto; }
#attack-dialog h2 { overflow-wrap:anywhere; }
#attack-detail-status { margin:18px 0; }
.attack-pdf-status { display:block; margin-top:6px; min-width:140px; max-width:240px; }
.attack-pdf-status:empty { display:none; }
#attack-history { margin-top:24px; padding-top:20px; border-top:1px solid var(--line); min-width:0; }
#attack-history h2 { overflow-wrap:anywhere; }
.attack-detail-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.attack-detail-summary dt { color:var(--muted); font-size:12px; }
.attack-detail-summary dd { margin:4px 0 0; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.attack-dump { margin-top:24px; }
.attack-dump h3 { font-size:14px; }
.ai-summary-text { white-space:pre-wrap; overflow-wrap:anywhere; }
.attack-dump pre { background:var(--control); border:1px solid var(--line); border-radius:7px; padding:14px; max-height:320px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.6 ui-monospace,monospace; }
@media(max-width:720px) { .attack-detail-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.sidebar-heading,.section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.sidebar h2 { font-size:12px; font-weight:650; }
.whitelist-heading { margin-top:24px; border-top:1px solid var(--line); padding-top:18px; }
.count { color:var(--muted); border:1px solid var(--line); padding:1px 7px; border-radius:5px; font:11px/1.5 ui-monospace,monospace; margin-left:8px; }
.network-button { display:block; text-align:left; margin:9px 0; width:100%; background:transparent; color:var(--muted); border:1px solid transparent; font:13px/1.5 ui-monospace,monospace; }
.network-button.active { color:var(--accent); border-color:var(--accent-line); background:var(--highlight); }
.sidebar-prefix-list { display:grid; grid-template-columns:minmax(0,1fr); grid-auto-rows:44px; gap:4px; max-height:236px; overflow-y:auto; overscroll-behavior:contain; }
.sidebar-prefix-list .network-button { width:100%; height:44px; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sidebar-note { border-top:1px solid var(--line); padding-top:20px; margin-top:50px; display:flex; gap:9px; font-size:12px; color:var(--muted); }
.sidebar-note p { margin:0; }
.sidebar-footer { margin-top:auto; padding-top:30px; }
.sidebar-footer .sidebar-note { margin-top:0; }
.api-documentation-link { display:block; margin-top:10px; }
.status-dot { flex:none; height:6px; width:6px; background:var(--accent); border-radius:50%; margin-top:6px; }
.content { padding:36px 42px 60px; max-width:1300px; width:100%; margin:auto; }
.page-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:30px; }
h1 { font-size:30px; letter-spacing:-1px; margin:0 0 8px; line-height:1.2; }
h2 { font-size:18px; font-weight:650; margin:0 0 6px; }
p { margin:0 0 12px; }
.muted { color:var(--muted); font-size:13px; }
.small { font-size:12px; margin-top:10px; }
.panel { background:var(--panel); border:1px solid var(--line); border-radius:12px; margin-bottom:20px; padding:25px 28px; }
.traffic-values { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:22px 0 16px; }
.traffic-values dt { color:var(--muted); font-size:12px; }
.traffic-values dd { margin:4px 0 0; font-size:24px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.traffic-panel > p { margin:0; }
@media(max-width:720px) { .traffic-values { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.scope-panel { display:flex; align-items:center; justify-content:space-between; gap:15px; background:linear-gradient(110deg,var(--scope),var(--panel) 70%); border-color:var(--accent-line); }
.history-panel { min-width:0; }
.history-panel h2 { overflow-wrap:anywhere; }
.history-chart { margin:22px 0 16px; color:var(--accent); }
.history-pps { color:var(--soft-text); }
.history-chart figcaption { font-size:13px; font-weight:600; margin-bottom:8px; }
.history-plot-row { display:grid; grid-template-columns:78px minmax(0,1fr); height:140px; gap:8px; }
.history-scale { display:flex; flex-direction:column; justify-content:space-between; text-align:right; font-size:11px; color:var(--muted); }
.history-chart svg { display:block; width:100%; height:140px; overflow:visible; cursor:crosshair; }
.history-chart svg:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.history-grid { stroke:var(--line); vector-effect:non-scaling-stroke; }
.history-line { fill:none; stroke:currentColor; stroke-width:2; vector-effect:non-scaling-stroke; }
.history-dot { fill:currentColor; }
.history-cursor { stroke:var(--muted); stroke-dasharray:3 3; vector-effect:non-scaling-stroke; pointer-events:none; }
.history-times { display:flex; justify-content:space-between; margin:7px 0 8px 86px; font-size:11px; color:var(--muted); }
.history-detail { display:block; min-height:2em; }
.scope-panel h2,#editing-prefix { font:22px/1.3 ui-monospace,monospace; letter-spacing:-.7px; }
.scope-panel p:last-child,.section-heading p:last-child { margin:0; }
.prefix-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.prefix-chip { background:var(--soft-bg); border-color:var(--line); color:var(--soft-text); font:12px/1.5 ui-monospace,monospace; }
.prefix-chip.active { background:var(--accent-dark); color:var(--accent); border-color:var(--accent-line); }
#empty-overrides { margin:18px 0 0; }
.editor > .section-heading { margin-bottom:28px; }
.option-group { border-top:1px solid var(--line); padding:18px 0 8px; }
.option-group h3 { font-size:13px; color:var(--accent); margin:0 0 8px; }
.policy-section { padding:0; }
.policy-section > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 0; cursor:pointer; list-style:none; }
.policy-section > summary::-webkit-details-marker { display:none; }
.policy-section > summary h3 { margin:0; }
.policy-section > summary::after { content:""; width:7px; height:7px; margin-right:4px; border-right:2px solid var(--accent); border-bottom:2px solid var(--accent); transform:rotate(-45deg); }
.policy-section[open] > summary::after { transform:rotate(45deg); }
.policy-section > summary:focus-visible { outline:2px solid var(--accent); outline-offset:3px; border-radius:3px; }
.policy-section-note { margin:0 0 8px; }
.option-row { display:grid; grid-template-columns:minmax(0,1fr) 210px; align-items:center; gap:30px; padding:14px 0; border-bottom:1px solid var(--row-line); }
.option-row:last-child { border-bottom:0; }
.policy-comment-field { border-top:1px solid var(--line); margin-top:18px; padding-top:18px; }
.policy-comment-field textarea { resize:vertical; }
.policy-comment-field .batch-apply-label { display:flex; align-items:center; gap:8px; color:var(--text); font-size:14px; }
.policy-comment-field .muted { margin:6px 0 0; }
.option-row label { color:var(--text); font-size:14px; margin:0 0 4px; }
.option-row p { margin:0; font-size:12px; color:var(--muted); max-width:530px; }
.option-control .source { margin-top:7px; font-size:10px; color:var(--muted); }
.option-control .limit-hint { margin-top:5px; font-size:11px; color:var(--muted); }
.option-control .limit-hint.limit-exceeded { color:var(--danger-text); font-weight:600; }
.policy-overridden { background:var(--danger-bg); border-left:3px solid var(--danger-line); border-radius:8px; padding-left:12px; padding-right:12px; }
.policy-overridden :is(label,p,input,select) { color:var(--danger-text); }
.policy-overridden .source { color:var(--danger-text); }
.policy-overridden :is(input,select) { border-color:var(--danger-line); }
.policy-inherited { background:var(--warning-bg); border-left:3px solid var(--warning-line); border-radius:8px; padding-left:12px; padding-right:12px; }
.policy-inherited :is(label,p,input,select) { color:var(--warning-text); }
.policy-inherited .source { color:var(--warning-text); }
.policy-inherited :is(input,select) { border-color:var(--warning-line); }
.save-bar { border-top:1px solid var(--line); margin-top:18px; padding-top:20px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.notice { padding:12px 34px; color:var(--danger-text); background:var(--danger-bg); border-bottom:1px solid var(--danger-line); }
.notice.success { color:var(--accent); background:var(--highlight); border-color:var(--accent-line); }
.inline-warning { border-left:3px solid var(--warning-line); padding:10px 15px; background:var(--warning-bg); color:var(--warning-text); font-size:12px; }
.as-downstream-label { display:flex; align-items:center; gap:10px; color:var(--text); }
.as-downstream-label input { width:auto; }
.as-policy-choices { display:grid; grid-auto-flow:column; grid-template-columns:repeat(var(--as-policy-columns, 1),minmax(0,1fr)); grid-template-rows:repeat(var(--as-policy-rows, 1),auto); gap:6px 16px; margin:16px 0; }
.as-policy-choices .as-downstream-label { margin:0; min-width:0; overflow-wrap:anywhere; }
.as-policy-pager { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:14px 0; }
.as-policy-pager span { color:var(--muted); font-size:12px; }
.notifications-table { width:100%; border-collapse:collapse; table-layout:fixed; margin:20px 0; }
.notifications-table th,.notifications-table td { text-align:left; padding:10px 6px; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.notifications-table th:first-child { width:20%; }
.notifications-table th:nth-child(2) { width:40%; }
.notifications-table button { white-space:nowrap; padding:8px 10px; margin:3px 6px 3px 0; }
.as-notification-fields { display:grid; grid-template-columns:150px minmax(0,1fr); gap:16px; }
@media(max-width:720px) { .as-notification-fields { grid-template-columns:1fr; } }
.empty-state { padding:60px 30px; text-align:center; }
.login-panel { margin:100px auto; padding:30px; max-width:650px; }
.login-panel p { color:var(--muted); margin:20px 0; }
dialog { background:var(--panel); color:var(--text); border:1px solid var(--line); border-radius:14px; padding:30px; width:min(460px,calc(100% - 30px)); box-shadow:0 20px 100px #0009; }
dialog::backdrop { background:#0009; backdrop-filter:blur(3px); }
dialog h2 { font-size:23px; margin-bottom:12px; }
dialog label { margin-top:22px; }
.dialog-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:26px; }
@media(max-width:1000px) { .content { padding:28px 24px; } .workspace { grid-template-columns:230px minmax(0,1fr); } .option-row { grid-template-columns:minmax(0,1fr) 170px; gap:20px; } }
@media(max-width:720px) { .settings-label { display:none; } .account { gap:8px; } .account > .badge { max-width:120px; padding:5px 7px; } .account > button { padding:8px; font-size:12px; } .user-menu summary { width:38px; justify-content:center; padding:8px; } }
@media(max-width:720px) { .topbar { padding:0 16px; } .brand-sub { display:none; } .workspace { display:block; } .sidebar { border-right:0; border-bottom:1px solid var(--line); padding:20px; } .sidebar select { margin-bottom:12px; } .sidebar-note { margin-top:15px; } .content { padding:24px 16px; } .panel { padding:20px; } .section-heading { align-items:flex-start; flex-wrap:wrap; } .option-row { grid-template-columns:1fr; gap:10px; } .option-control { max-width:100%; } .scope-panel { flex-wrap:wrap; } .save-bar { flex-wrap:wrap; } h1 { font-size:26px; } }

.batch-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:12px 0; }
.batch-apply-label input[type="checkbox"] { width:18px; height:18px; margin:0; flex-shrink:0; }
.option-row .batch-apply-label { display:flex; align-items:center; gap:8px; margin-bottom:10px; font-size:12px; }
#batch-status { overflow-wrap:anywhere; }
.all-overrides-comment { white-space:pre-wrap; overflow-wrap:anywhere; margin:12px 0; }

.simulation-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 24px; }
.users-table { width:100%; min-width:850px; table-layout:fixed; border-collapse:collapse; font-size:13px; }
.users-table th,.users-table td { text-align:left; vertical-align:top; padding:12px 8px; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.users-table p { margin:0 0 6px; }
.user-admin-toggle { display:flex; align-items:center; gap:8px; }
.user-admin-toggle input { width:18px; height:18px; flex-shrink:0; }
.users-pagination { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; margin-top:16px; }
.simulation-checks { display:flex; flex-wrap:wrap; gap:12px 20px; margin:18px 0; }
.simulation-checks label { display:flex; gap:8px; align-items:center; margin:0; }
.simulation-checks input { width:auto; margin:0; }
.simulation-event { border-top:1px solid var(--line); padding:10px 0; }
.simulation-event pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:400px; overflow:auto; }
#simulation-suite-status { white-space:pre-wrap; overflow-wrap:anywhere; }
#simulation-run-heading { overflow-wrap:anywhere; }
@media(max-width:720px) { .simulation-fields { grid-template-columns:1fr; } }

.api-token-user-picker { position:relative; min-width:0; }
#api-config-user-options { position:absolute; z-index:10; top:calc(100% + 4px); left:0; right:0; max-height:240px; overflow:auto; background:var(--panel); border:1px solid var(--control-line); border-radius:7px; box-shadow:0 8px 24px #0002; }
#api-config-user-options button { display:block; width:100%; border:0; border-radius:0; text-align:left; overflow-wrap:anywhere; }
#api-config-user-options button[aria-selected="true"] { background:var(--highlight); }
#api-config-user:disabled { opacity:0.55; cursor:not-allowed; }
.api-token-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.api-token-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
#api-config-secret-panel input { font-family: monospace; }
#api-config-rows button { margin: .2rem; }
#api-config-origins { width: 100%; box-sizing: border-box; }
@media (max-width: 640px) { .api-token-fields { grid-template-columns: 1fr; } }

.configuration-prefixes { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1rem 0; }
.configuration-prefixes button { font-family: monospace; }
.override-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; margin-top:1rem; }
.override-prefix-row { display:inline-flex; flex-wrap:wrap; align-items:center; gap:.5rem; max-width:100%; }
.override-prefix-row input { width:18px; height:18px; margin:0; flex-shrink:0; }
.override-prefix-row button { overflow-wrap:anywhere; }
.override-prefix-row .prefix-comment-preview { flex-basis:100%; padding-left:26px; margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.override-delete-targets { max-height:180px; overflow:auto; padding-left:1.5rem; font-family:monospace; }

.assigned-prefix-pagination { display:grid; grid-template-columns:1fr auto; align-items:center; gap:.75rem; margin-top:1rem; }
#assigned-prefix-page-status { grid-column:1 / -1; grid-row:1; margin:0; }
#assigned-prefix-prev { grid-column:1; grid-row:2; justify-self:start; }
#assigned-prefix-next { grid-column:2; grid-row:2; justify-self:end; }

.all-overrides-summary { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1.25rem; }
.all-overrides-controls { display:grid; grid-template-columns:minmax(220px,1fr) minmax(150px,220px) auto; align-items:end; gap:.75rem; }
.all-overrides-controls button { margin-bottom:0; }
.all-overrides-list { display:grid; gap:.75rem; margin-top:1rem; }
.all-overrides-card { border:1px solid var(--line); border-radius:8px; background:var(--control); overflow:hidden; }
.all-overrides-card summary { cursor:pointer; display:flex; flex-wrap:wrap; align-items:baseline; gap:.3rem 1rem; padding:.85rem 1rem; }
.all-overrides-card summary::before { content:"▸"; color:var(--muted); }
.all-overrides-card[open] summary::before { content:"▾"; }
.all-overrides-card summary strong { font-family:ui-monospace,monospace; overflow-wrap:anywhere; }
.all-overrides-card summary .small { flex-basis:100%; }
.all-overrides-card summary .all-overrides-comment { margin:0; }
.all-overrides-body { padding:0 1rem 1rem; }
.all-overrides-body .table-wrap { margin-top:.75rem; }
.all-overrides-body table { width:100%; border-collapse:collapse; text-align:left; }
.all-overrides-body th,.all-overrides-body td { padding:.5rem .75rem; border-bottom:1px solid var(--row-line); vertical-align:top; }
.all-overrides-body th { color:var(--muted); font-weight:600; }
#all-overrides-page-status { grid-column:1 / -1; grid-row:1; margin:0; }
#all-overrides-prev { grid-column:1; grid-row:2; justify-self:start; }
#all-overrides-next { grid-column:2; grid-row:2; justify-self:end; }
@media(max-width:720px) { .all-overrides-controls { grid-template-columns:1fr; } .all-overrides-controls button { justify-self:start; } }

#host-whitelists-link { display:block; margin-top:12px; }
#host-whitelists-input { width:100%; min-height:120px; box-sizing:border-box; font:inherit; }
.host-whitelists-table { width:100%; border-collapse:collapse; text-align:left; }
.host-whitelists-table th,.host-whitelists-table td { padding:.7rem .6rem; border-bottom:1px solid var(--row-line); vertical-align:middle; }
.host-whitelists-table th { color:var(--muted); font-weight:600; }
.host-whitelists-table input[type="checkbox"] { width:18px; height:18px; margin:0; }
.host-whitelist-prefix { font-family:ui-monospace,monospace; white-space:nowrap; }
#host-whitelists-page-status { grid-column:1 / -1; grid-row:1; margin:0; }
#host-whitelists-prev { grid-column:1; grid-row:2; justify-self:start; }
#host-whitelists-next { grid-column:2; grid-row:2; justify-self:end; }