/* Shared theme controls. Dark pages keep their existing component styles. */
/* Dark artwork trial: remove this rule to restore site.css's original background.
 * The original /brand/togethia-background.png is deliberately kept unchanged. */
html[data-theme=dark] body{background:linear-gradient(180deg,rgba(1,5,18,.62),rgba(1,5,18,.86)),url('/brand/togethia-background-dark-preview.png') center top / cover fixed,var(--navy)}
.theme-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;margin:3px 6px;border:1px solid #617c9c;border-radius:999px;background:#07142c}
.theme-switch button{min-height:38px;padding:8px 13px;border:0;border-radius:999px;background:transparent;color:#d5e6f6;font:700 .76rem/1.2 var(--font-display);cursor:pointer}
.theme-switch button[aria-pressed=true]{background:#c2f4ff;color:#152c45}
.theme-switch button:focus-visible{outline:3px solid #58e8ff;outline-offset:3px}
html[data-theme=light]{color-scheme:light;--ink:#172b45;--muted:#40546d;--navy:#f4f8ff;--line:#74869e;--cyan:#005a73;--violet:#6333ab;--pink:#9b246f;--green:#146044;background:#f4f8ff!important}
html[data-theme=light] body{color:#172b45!important;background:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,.6)),url('/brand/togethia-background-light.png') center top / cover fixed,#f4f8ff!important}
html[data-theme=light] .ambient-grid{background:none!important}
html[data-theme=light] .site-header{background:#fff!important;box-shadow:0 12px 40px #21406912!important}
html[data-theme=light] .site-header::before{color:#40546d!important;text-shadow:none!important}
html[data-theme=light] :is(.home-hero-copy,.account-welcome,.availability-intro>div){background:#fff;border:1px solid #b1bfd2;border-radius:22px;padding:24px}
html[data-theme=light] .mailcheck-tile-copy{background:#fff!important}
html[data-theme=light] :is(.queued-section>.section-heading-row,.my-ip-intro>div:last-child,.availability-note,.quiz-disclaimer){background:#fff;border-radius:16px;padding:18px}
html[data-theme=light] :is(.quiz-mode-card::after,.rfc8058-guide::before){display:none}
html[data-theme=light] .header-analyser-form:not(.email-enabled) .header-analyser-delivery .dns-mx-field{opacity:1}
html[data-theme=light] :is(.site-footer,.account-footer){background:#fff;border-radius:16px;padding:20px}
html[data-theme=light] .theme-switch{background:#edf3fc;border-color:#7f92ad}
html[data-theme=light] .theme-switch button{color:#263c58;background:transparent}
html[data-theme=light] .theme-switch button[aria-pressed=true]{background:#2448a6;color:#fff}
html[data-theme=light] .theme-switch button:focus-visible{outline-color:#254caa}
/* Stronger outlines for the light-theme tiles and main menu containers. */
html[data-theme=light] :is(.site-header,.theme-switch,.account-header-status,.tool-card,.home-hero-copy,.home-brand-animation,.account-welcome,.account-card,.account-user-card,.delivery-usage-card,.watch-site,.watch-server,.team-service,.tls-inspector-hero,.tls-inspector-form,.dns-mx-hero,.dns-mx-form,.header-analyser-hero,.header-analyser-form,.password-hero,.password-generator,.availability-form,.availability-result,.availability-watch,.quiz-mode-card,.speed-line-card,.rfc8058-guide){border-width:2px!important}
/* Solid panels and clear labels, including dynamically inserted results. */
html[data-theme=light] :is(input,select,textarea,option){color-scheme:light!important;color:#172b45!important;background-color:#fff!important;caret-color:#172b45!important}
html[data-theme=light] :is(input,textarea)::placeholder{color:#536780!important;opacity:1}
html[data-theme=light] :is(input,select,textarea):focus-visible{outline:2px solid #254caa;outline-offset:2px}
html[data-theme=light] input:autofill,html[data-theme=light] input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f0f6ff inset!important;-webkit-text-fill-color:#172b45!important;caret-color:#172b45!important}
html[data-theme=light] :is(input[type=checkbox],input[type=radio],meter,progress){accent-color:#254caa!important}
html[data-theme=light] :is(button:disabled,input:disabled,select:disabled){opacity:.75}
html[data-theme=light] :is(.account-muted,.account-form small){color:#40546d!important}
/* Selected navigation and primary actions have explicit paired foregrounds. */
html[data-theme=light] :is(.tool-nav a.active,.primary-button,.account-primary-button,.download-button,.quiz-submit,.tls-run-button,.copy-button){background:#4932ac!important;color:#fff!important;border-color:#4932ac!important;text-shadow:none!important}
html[data-theme=light] :is(.primary-button,.account-primary-button,.download-button,.quiz-submit,.tls-run-button,.copy-button) :is(span,strong,small){color:#fff!important}
html[data-theme=light] .tool-nav a.active{background:#2448a6!important;border-color:#2448a6!important}
html[data-theme=light] .account-danger-button{background:#fff0f2!important;color:#a5263d!important;border-color:#a5263d!important}
html[data-theme=light] .bulk-service>span{color:#172b45!important}
html[data-theme=light] .bulk-service small{color:#40546d!important}
html[data-theme=light] .bulk-service:has(input:checked){background:#eaf0ff!important;border-color:#254caa!important}
html[data-theme=light] .bulk-disabled{opacity:.75!important}
html[data-theme=light] .account-form.bulk-picker .bulk-service[data-health]{border-width:3px!important}
html[data-theme=light] .account-form.bulk-picker .bulk-service[data-health=healthy]{border-color:#187749!important}
html[data-theme=light] .account-form.bulk-picker .bulk-service[data-health=problem]{border-color:#b52a43!important}
html[data-theme=light] .account-form.bulk-picker .bulk-service[data-health=unavailable]{border-color:#245ab9!important}
html[data-theme=light] .account-form.bulk-picker .bulk-service[data-health=unchecked]{border-color:#64748b!important}
html[data-theme=light] .account-form .bulk-service:focus-within{outline-color:#6333ab!important}
/* Semantic state colours remain distinct, with readable text on pale surfaces. */
html[data-theme=light] :is(.watch-site-ok,.team-service-ok){background:#eaf7ef!important;border-color:#258058!important}
html[data-theme=light] :is(.watch-site-alert,.watch-server-alert,.team-service-alert){background:#fff0f2!important;border-color:#b52a43!important}
html[data-theme=light] .watch-site-status{color:#146044!important}
html[data-theme=light] .watch-site-alert .watch-site-status{color:#a5263d!important}
html[data-theme=light] :is(.watch-site-name,.watch-site-toggle,.watch-server-name){color:#172b45!important}
html[data-theme=light] [data-state=down]{color:#a5263d!important}
/* SVG text and plots use light-theme colours without changing exported PDFs. */
html[data-theme=light] svg text{fill:#263c58!important;paint-order:stroke;stroke:none!important}
html[data-theme=light] .watch-chart [fill="#53e3b0"]{fill:#187749!important}
html[data-theme=light] .watch-chart [fill="#ffd06a"]{fill:#986500!important}
html[data-theme=light] .watch-chart [fill="#ff668d"]{fill:#b52a43!important}
html[data-theme=light] .watch-chart [fill="#8294af"]{fill:#536780!important}
html[data-theme=light] :is(.network-route-timeline-number,.header-map-marker text){fill:#fff!important}
html[data-theme=light] .header-map-marker text.network-map-hop-time{fill:#263c58!important}
html[data-theme=light] :is(.header-map-land path,.my-ip-land){fill:#e5edf5!important;stroke:#74869e!important}
html[data-theme=light] .account-main>.account-muted{background:#fff;padding:12px;border-radius:12px}
html[data-theme=light] .watch-chart path[stroke="#52e7ff"]{stroke:#005a73!important}
html[data-theme=light] .watch-chart path[stroke="#29425c"]{stroke:#74869e!important}
html[data-theme=light] .watch-chart path[stroke="#64809c"]{stroke:#536780!important}
html[data-theme=light] :is(.blacklist-pass,[style*="--result-color:#39d98a"]){--result-color:#187749!important}
html[data-theme=light] :is(.blacklist-listed,[style*="--result-color:#ff4f64"]){--result-color:#b52a43!important}
html[data-theme=light] :is(.blacklist-timeout,[style*="--result-color:#f3cc49"]){--result-color:#986500!important}
html[data-theme=light] .blacklist-segment{border-color:#566b83!important}
html[data-theme=light] [style*="--route-colour:#43efac"],html[data-theme=light] [style*="--route-colour: #43efac"]{--route-colour:#187749!important}
html[data-theme=light] [style*="--route-colour:#52e7ff"],html[data-theme=light] [style*="--route-colour: #52e7ff"]{--route-colour:#005a73!important}
html[data-theme=light] [style*="--route-colour:#ffd06a"],html[data-theme=light] [style*="--route-colour: #ffd06a"]{--route-colour:#986500!important}
html[data-theme=light] [style*="--route-colour:#ff9862"],html[data-theme=light] [style*="--route-colour: #ff9862"]{--route-colour:#a04712!important}
html[data-theme=light] [style*="--route-colour:#ff668d"],html[data-theme=light] [style*="--route-colour: #ff668d"]{--route-colour:#b52a43!important}
html[data-theme=light] [style*="--route-colour:#a785ff"],html[data-theme=light] [style*="--route-colour: #a785ff"]{--route-colour:#6333ab!important}
/* Preserve photographic/video artwork; controls above it have opaque surfaces. */
html[data-theme=light] :is(.brand-panel,.home-brand-animation){background:#fff!important}
html[data-theme=light] :is(.home-animation-toggle,.ask-baxter-close){background:#fff!important;color:#172b45!important;border-color:#536780!important}
html[data-theme=light] dialog::backdrop{background:rgba(20,35,60,.48)!important}
html[data-theme=light] ::selection{background:#c9dcff;color:#152b46}
/* Keep assistance highlights distinct from ordinary card borders. */
html[data-theme=light] .test-guide-highlight{outline:5px solid #164bc4!important;outline-offset:4px;box-shadow:0 0 0 4px #fff,0 0 0 12px #164bc4,0 0 0 15px #fff,0 0 30px 16px #164bc433,inset 0 0 0 2px #164bc4!important}
html[data-theme=light] .test-guide-panel{border:3px solid #164bc4!important;box-shadow:0 0 0 3px #fff,0 12px 45px #16376844!important}
html[data-theme=light] .test-guide-top>span{color:#164bc4!important}
@media(prefers-reduced-motion:reduce){.theme-switch *{transition:none!important}}
@media(max-width:620px){.account-header .tool-nav{grid-row:2}.account-header .account-header-status{grid-row:3}}
@media print{.theme-switch{display:none!important}}