/* Sonar brand roles (blue seed #0b57d0) on top of the shared Pactuno Material 3 layer. */
:root{
 --md-primary:#0b57d0;--md-on-primary:#fff;--md-primary-container:#d3e3fd;--md-on-primary-container:#041e49;
 --md-secondary:#565e71;--md-on-secondary:#fff;--md-secondary-container:#dae2f9;--md-on-secondary-container:#131c2b;
 --md-tertiary:#705575;--md-tertiary-container:#fad8fd;--md-on-tertiary-container:#28132e;
 --md-surface:#f8f9fd;--md-surface-dim:#d8dadf;--md-surface-bright:#f8f9fd;
 --md-surface-container-lowest:#fff;--md-surface-container-low:#f2f4f8;--md-surface-container:#eceef2;
 --md-surface-container-high:#e6e8ec;--md-surface-container-highest:#e0e2e7;
 --md-on-surface:#191c1e;--md-on-surface-variant:#43474e;--md-outline:#73777f;--md-outline-variant:#c3c7cf;
 --md-inverse-surface:#2e3134;--md-inverse-on-surface:#eff1f5;--md-inverse-primary:#a8c7fa;
}
:root[data-theme="dark"]{
 --md-primary:#a8c7fa;--md-on-primary:#062e6f;--md-primary-container:#0842a0;--md-on-primary-container:#d3e3fd;
 --md-secondary:#bec6dc;--md-on-secondary:#283141;--md-secondary-container:#3e4759;--md-on-secondary-container:#dae2f9;
 --md-tertiary:#ddbce0;--md-tertiary-container:#573e5c;--md-on-tertiary-container:#fad8fd;
 --md-surface:#101417;--md-surface-dim:#101417;--md-surface-bright:#36393d;
 --md-surface-container-lowest:#0b0e11;--md-surface-container-low:#191c1f;--md-surface-container:#1d2024;
 --md-surface-container-high:#272a2e;--md-surface-container-highest:#323539;
 --md-on-surface:#e0e2e7;--md-on-surface-variant:#c3c7cf;--md-outline:#8d9199;--md-outline-variant:#43474e;
 --md-inverse-surface:#e0e2e7;--md-inverse-on-surface:#2e3134;--md-inverse-primary:#0b57d0;
}
/* Sonar navigation: rounded squares instead of pills. */
:is(.sidebar,.sidebar-nav) :is(a,button),.nav-button{border-radius:var(--md-shape-md)!important}
.sidebar :is(a,button){transition:background-color var(--md-dur-medium) var(--md-ease-standard),color var(--md-dur-short) var(--md-ease-standard)}
:is(.seo-feature-card,.panel,.scan-panel,.progress-panel,.faq-item){border-radius:var(--md-shape-lg)!important;transition:box-shadow var(--md-dur-medium) var(--md-ease-standard),transform var(--md-dur-medium) var(--md-ease-standard)}
.seo-feature-card:hover{box-shadow:var(--md-elev-2);transform:translateY(-2px)}
/* The URL field is a pill container; its inner input stays borderless. */
.url-field input{border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;padding-left:0!important;min-height:0;border-radius:0!important}
.url-field:focus-within{box-shadow:inset 0 0 0 2px var(--md-primary);border-radius:var(--md-shape-full)}
.scope-field select{border-radius:var(--md-shape-full)!important;padding-right:36px}