/* Public site theme; administration keeps its existing independent preference. */
.header-actions .header-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;padding:0;border:0;background:transparent;color:#17252b;font-size:25px;border-radius:8px}
.header-actions .header-icon:hover{background:#f1f3f2}
.header-actions{gap:12px}
@media(max-width:1100px){.header-inner{gap:12px}.main-nav{gap:14px}.brand{font-size:21px}.header-actions{gap:6px}}
@media(max-width:600px){.header-inner{flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:8px}.site-header{height:auto;min-height:76px}.header-actions{margin-left:auto}.main-nav{top:100%}.brand{font-size:20px}.brand img{width:36px;height:36px}.brand small{font-size:7px}.header-actions .header-icon{width:36px;height:36px}.header-actions .btn{padding:10px;font-size:11px}}
html[data-theme=dark]{--ink:#e4e9ed;--muted:#adb9c1;--line:#34414d;--cream:#151e27;--bs-body-color:#e4e9ed;--bs-body-bg:#10171f;color-scheme:dark}
html[data-theme=dark] body{background:#10171f;color:var(--ink)}
html[data-theme=dark] :is(.site-header,.main-nav,.site-footer,.panel,.auth-card,.outage-card,.search-card,.empty-state,.floating-message,.address-mini,.phone-notification,.contact-support-reply){background:#19232e;border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .site-header.is-scrolled{background:rgba(25,35,46,.92);border-color:var(--line)}
html[data-theme=dark] :is(.latest-section,.phone,.phone-nav,.outage-time,.provider-filter-empty){background:#141e28;border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .hero{background:radial-gradient(ellipse at 76% 36%,#3b3220 0,transparent 45%),var(--cream)}
html[data-theme=dark] .hero-search-fade{background:linear-gradient(var(--cream),transparent)}
html[data-theme=dark] :is(.muted,.detail-body,.legal-text,.hero-copy>p,.section-heading p,.flow-grid .panel p,.price-card ul,.field small,.brand-dot,.brand small,.footer-bottom,.footer-grid p,.footer-grid a,.outage-card p,.category-tab,.phone small,.account-menu a){color:#b4bfc6}
html[data-theme=dark] :is(.btn-outline,.provider-filter,.outage-sort-button){background:#222e3a;color:var(--ink);border-color:#44515c}
html[data-theme=dark] .header-actions .header-icon{color:#e4e9ed}
html[data-theme=dark] .header-actions .header-icon:hover{background:#2c3945}
html[data-theme=dark] .mobile-toggle{color:var(--ink)}
html[data-theme=dark] :is(.field input,.field select,.field textarea,.search-form input,.search-form select){background-color:#121c26;color:var(--ink);border-color:#46535f}
html[data-theme=dark] :is(input,textarea)::placeholder{color:#98a5b0;opacity:1}
html[data-theme=dark] select option{background:#19232e;color:#e4e9ed}
html[data-theme=dark] .field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c8d3dc' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
html[data-theme=dark] :is(.notice,.green,.pill,.sub-channels span,.badge-status.ended){background:#21392f;color:#afd6ba;border-color:#395b48}
html[data-theme=dark] :is(.yellow,.amber,.avatar,.account-menu a.current,.price-card.featured,.badge-status,.pill.pill-paused,.recurring-prices .plan-heading,.footer-grid>div:last-child .text-link){background:#3b3423;color:#edcc7e;border-color:#6b5932}
html[data-theme=dark] :is(.blue){background:#20384b;color:#9fcfeb}
html[data-theme=dark] :is(.purple){background:#342b49;color:#c7b3ed}
html[data-theme=dark] :is(.red,.notice.error,.badge-status.active,.pill.pill-unverified,.subscription-actions .subscription-remove,.detail-active-alert.panel){background:#3a252b;color:#efaeb0;border-color:#76434b}
html[data-theme=dark] :is([data-community] .community-danger,.detail-active-alert .btn){background:#542f36;color:#ffd0d1;border-color:#85505a}
html[data-theme=dark] [data-community] .community-success{background:#274737;color:#c3e8ce;border-color:#49765a}
html[data-theme=dark] [data-community] .community-report-count{color:#e8a1a6}
html[data-theme=dark] .badge-status.cancelled{background:#303842;color:#bec7cc}
html[data-theme=dark] .breadcrumb-bg{background-image:linear-gradient(90deg,rgba(16,23,31,.9),rgba(16,23,31,.65)),url('../img/breadcrumbbg.jpg');background-color:#151e27}
html[data-theme=dark] .cta-banner{background-image:linear-gradient(90deg,rgba(16,23,31,.88),rgba(16,23,31,.48)),url('../img/homeyellowcardbg.jpg');border-color:#655437;background-color:#302b20}
html[data-theme=dark] .cta-banner :is(h2,p){color:#edf0e8;text-shadow:none}
html[data-theme=dark] .cta-bell>span{color:#17252b}
html[data-theme=dark] .hero h1>span:after{background:#695424}
html[data-theme=dark] :is(th,td,.comment,.search-tabs,.stats-row>div,.footer-bottom,.account-menu,.meta-grid){border-color:var(--line)}
html[data-theme=dark] .notification-count{box-shadow:0 0 0 2px #19232e}
html[data-theme=dark] :is(.outage-share-icon:hover,.outage-sort-button.is-active){color:#17252b}
html[data-theme=dark] .outage-map-section{background:#141e28}
html[data-theme=dark] :is(.outage-map-tabs,.outage-map-popup,.outage-map-tooltip,.outage-map-bottom select,.detail-map-preview){background:#19232e;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(.outage-map-tabs button,.map-city-links a,.map-close,.map-city-summary,.outage-map-bottom label,.outage-map-legend,.outage-map-note,.detail-map-note,.detail-map-missing,.detail-map-kicker,.detail-map-card [data-map-status]){color:#b4c2ca}
html[data-theme=dark] .outage-map-tabs button[aria-pressed=true]{color:#fff}
html[data-theme=dark] .outage-map-svg path{stroke:#25333e}
html[data-theme=dark] .detail-map-canvas{background:#23323d}
html[data-theme=dark] :is(.mini-icon,.recurring-prices .plan-heading-free){background:#2e3a45;color:#d8e2e9}
html[data-theme=dark] .provider-filter{--filter-accent:#edcc7e;--filter-tint:#3b3423}
html[data-theme=dark] .provider-filter[data-provider-filter="all"]{--filter-accent:#c5d0d8;--filter-tint:#2c3845}
html[data-theme=dark] .provider-filter[data-provider-filter="2"]{--filter-accent:#9fcfeb;--filter-tint:#20384b}
html[data-theme=dark] .provider-filter[data-provider-filter="3"]{--filter-accent:#efafa0;--filter-tint:#442e2b}
html[data-theme=dark] .provider-filter[data-provider-filter="4"]{--filter-accent:#c7b3ed;--filter-tint:#342b49}
html[data-theme=dark] :is(.provider-filter:hover,.provider-filter.is-active){background:var(--filter-tint);color:var(--filter-accent);border-color:var(--filter-accent)}
html[data-theme=dark] .provider-filter:focus-visible{outline-color:var(--filter-accent)}
@media(min-width:801px) and (max-width:1050px){.site-header{position:sticky}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px;box-shadow:0 10px 20px #0001;flex-direction:column;gap:2px}.main-nav.open{display:flex}.main-nav a{padding:12px;font-size:14px}.main-nav a.active:after{bottom:3px}.mobile-toggle{display:block;border:0;background:transparent;color:var(--ink);font-size:24px;margin-left:auto}}
/* Comfortable search fields and consistent dark separators. */
.search-form input,.search-form select{padding-left:12px;padding-right:12px;border-radius:6px}
.search-form select:not([multiple]):not([size]){padding-right:32px}
html[data-theme=dark] .search-form label{border-right-color:var(--line)}
html[data-theme=dark] .category-card,html[data-theme=dark] .category-status{border-color:var(--line)}
html[data-theme=dark] .category-card{background:#151f29}
html[data-theme=dark] .category-card:hover{border-color:#536575}
html[data-theme=dark] .category-card p,html[data-theme=dark] .category-status{color:#aebbc4}
html[data-theme=dark] .site-footer .footer-bottom{background:#121c26;border-color:var(--line);color:#aebbc4}
html[data-theme=dark] .site-footer .footer-bottom a{color:#c5d0d8}
html[data-theme=dark] .site-footer .footer-grid>div:last-child .text-link{display:inline-flex;width:fit-content;align-items:center;gap:8px;padding:10px 16px;background:#283745;border:1px solid #425566;border-radius:8px;color:#e0e8ee!important}
html[data-theme=dark] .site-footer .footer-grid>div:last-child .text-link:hover{background:#354858;border-color:#617a8e;color:#fff!important}
html[data-theme=dark] .hero-visual .float-icon{border-color:var(--line);box-shadow:0 8px 20px rgba(0,0,0,.18)}
