/* ===== Simple Cookie Consent — banner (site-neutral) =====
   Theme via CSS custom properties:
   --scc-bg        banner background     (default #1f2937)
   --scc-text      banner text           (default #ffffff)
   --scc-accent    accept button         (default #ffffff)
   --scc-on-accent accept button text    (default #1f2937)
   --scc-border    decline button border (default rgba(255,255,255,.55))
   --scc-link      policy link           (default #cbd5e1)
   --scc-font      banner font           (default system stack)
   --scc-focus     focus ring            (default #ffffff) */
#scc-banner{position:fixed !important;bottom:0;left:0;right:0;z-index:99998 !important;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;padding:14px 20px;background:var(--scc-bg,#1f2937) !important;color:var(--scc-text,#fff);font-family:var(--scc-font,system-ui,-apple-system,Segoe UI,Arial,sans-serif);font-size:14px;line-height:1.6;box-shadow:0 -2px 12px rgba(0,0,0,.25)}
html.scc-consented #scc-banner{display:none !important}
#scc-banner .scc-message{margin:0;max-width:640px;color:var(--scc-text,#fff)}
#scc-banner .scc-policy{color:var(--scc-link,#cbd5e1);text-decoration:underline;margin-inline-start:6px}
#scc-banner .scc-actions{display:flex;gap:10px;flex-shrink:0}
/* equal prominence: both choices get the exact same visual weight */
#scc-banner .scc-actions button{min-height:42px;padding:8px 22px;border-radius:3px;font-size:14px;cursor:pointer;font-family:inherit;letter-spacing:.5px;background:var(--scc-accent,#fff);color:var(--scc-on-accent,#1f2937);border:1px solid var(--scc-accent,#fff)}
#scc-banner .scc-actions button:hover{filter:brightness(1.1)}
#scc-banner .scc-actions button:focus-visible{outline:3px solid var(--scc-focus,#fff);outline-offset:2px}
.scc-manage{background:none;border:none;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}
.scc-manage:focus-visible{outline:3px solid var(--scc-focus,#111827);outline-offset:2px}
/* dashboard category filter */
.scc-dash-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.scc-dash-filter button{border:1px solid var(--scc-dash-border,#d1d5db);background:transparent;border-radius:16px;padding:4px 14px;font-size:13px;cursor:pointer;font-family:inherit}
.scc-dash-filter button[aria-pressed="true"]{background:var(--scc-bg,#1f2937);color:var(--scc-text,#fff);border-color:var(--scc-bg,#1f2937)}
.scc-dash-filter button:focus-visible{outline:3px solid var(--scc-focus,#111827);outline-offset:1px}
/* deep-info sections */
.scc-dash-h{margin:26px 0 8px}
.scc-dashboard ul{padding-inline-start:1.2em}
.scc-live-yes{color:#166534;font-weight:700}
.scc-live-no{opacity:.45}
.scc-gate-blocked{opacity:.75}
.scc-dash-note{font-size:12px;opacity:.7;margin-top:20px}
.scc-dash-conn li,#scc-dash-storage li,#scc-dash-unknown li,#scc-dash-gates li{line-height:1.9}
/* ===== Dashboard ([scc_dashboard]) ===== */
.scc-dashboard{margin:1em 0}
.scc-dash-status{border:1px solid var(--scc-dash-border,#d1d5db);border-radius:8px;padding:16px 20px;margin-bottom:22px;background:var(--scc-dash-bg,rgba(0,0,0,.03))}
.scc-dash-status h3{margin:0 0 10px}
.scc-dash-status ul{list-style:none;margin:0 0 10px;padding:0}
.scc-dash-status li{line-height:2}
.scc-dash-status .scc-manage{font-weight:600}
.scc-dash-updated{font-size:12px;opacity:.75}
.scc-dash-table{width:100%;border-collapse:collapse;font-size:14px}
.scc-dash-table th,.scc-dash-table td{border:1px solid var(--scc-dash-border,#d1d5db);padding:8px 12px;text-align:start}
.scc-dash-table th{background:var(--scc-dash-bg,rgba(0,0,0,.04))}
.scc-dash-table code{direction:ltr;unicode-bidi:embed;font-size:12px}
@media (max-width:640px){.scc-dash-table{display:block;overflow-x:auto}}
@media (max-width:640px){#scc-banner{flex-direction:column;text-align:center}#scc-banner .scc-actions{width:100%;justify-content:center}}
