:root{ --brand: #0078D4; --bg:#ffffff; --text:#121212; --muted:#6b6b6b; --radius:10px; --z:9999 }
@media (prefers-color-scheme: dark){ :root{ --bg:#0f1112; --text:#eaeaea } }
.cc-banner, .cc-overlay{ position:fixed; left:0; right:0; bottom:0; max-width:480px; margin:0 auto; background:#ffffff !important; color:#121212 !important; border-radius:12px 12px 0 0; box-shadow:0 -6px 24px rgba(0,0,0,.25); z-index:var(--z); padding:1rem; }
.cc-overlay{ top:0; bottom:auto; border-radius:0 0 12px 12px; max-height:90vh; overflow:auto }
.cc-banner[hidden], .cc-overlay[hidden]{ display:none !important }
.cc-title{ font-weight:600; margin:0 0 .5rem }
/* Ensure cookie consent headings are rendered in black for accessibility/branding */
#blazor-cookie-consent-root h2,
.cc-title {
	color: #000000;
}
.cc-desc{ margin:0 0 .75rem; color:#000000 !important }
.cc-actions{ display:flex; gap:.5rem; flex-wrap:wrap }
.cc-btn{ background:var(--brand); color:#000000 !important; border:none; padding:.5rem .9rem; border-radius:8px; cursor:pointer }
.cc-btn:focus{ outline:3px solid rgba(0,120,212,.25); outline-offset:2px }
.cc-btn.cc-essentials{ background:#e6e6e6; color:#000000 !important }
.cc-btn.cc-settings{ background:transparent; color:#000000 !important; border:1px solid var(--brand) }
.cc-reopen{ position:fixed; right:1rem; bottom:1rem; width:48px; height:48px; border-radius:50%; background:var(--brand); color:#000000 !important; display:flex; align-items:center; justify-content:center; z-index:var(--z); box-shadow:0 8px 20px rgba(0,0,0,.2) }
@media (max-width:600px){ .cc-banner,.cc-overlay{ max-width:100vw; border-radius:0 } .cc-reopen{ right:.5rem; bottom:.5rem } }
@media (prefers-reduced-motion: reduce){ *{ transition:none !important } }