/* Shared Hub palette. Loaded last; no filters or changes to brand artwork. */
/* Readiness distinguishes actual source failures from voluntary coverage. */
.quality-group{margin-top:24px}.quality-group>h3{font-size:18px;color:#0b3048}.quality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}.quality-grid article{min-width:0}.quality-grid header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px}.quality-grid h4{margin:0;color:#0b3048;font-size:14px;line-height:1.4}.quality-grid p{margin:10px 0 0;font-size:13px;line-height:1.5;color:#325968}.quality-grid .quality-coverage{font-weight:600;color:#0b3048}.status-pill.neutral{background:#edf6f3;color:#325968}.health-summary{flex-wrap:wrap;gap:16px 28px}
:root{--bg:#f5f6f2;--sidebar:#0b3048;--panel:#fff;--panel-2:#edf6f3;--field:#fff;--line:#c6dcde;--text:#112c40;--muted:#526b78;--teal:#007d75;--blue:#007fa9;--gold:#946500;--coral:#a33848;--green:#007d75;color:#112c40;background:#f5f6f2;color-scheme:light;font-family:Arial,Helvetica,sans-serif}
body,.auth-gate,body.auth-pending .auth-gate{background:var(--bg);color:var(--text)}
.sidebar{background:var(--sidebar);color:#fff;border-right-color:#0b3048}
.sidebar :is(nav button,.sidebar-foot a,.sidebar-foot button){color:#fff}
.sidebar nav>small,.sidebar .privacy-state{color:#c6dcde}
.sidebar nav button.active{background:#dff4eb;color:#0b3048}
.sidebar :is(nav button,.sidebar-foot a,.sidebar-foot button):hover{background:#194d61;color:#fff}
.sidebar nav button.active:hover{background:#ccebe0;color:#0b3048}
.mast-brand{background:#fff;border-radius:12px;margin-bottom:12px;padding:6px;min-width:0}
.masthead{background:var(--bg)}
.mast-heading-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;min-width:0}
.mast-heading-copy{min-width:0;flex:0 1 auto}
.mast-context .mast-brand{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:228px;flex:0 1 228px;min-height:0;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
.mast-context #product-logo{width:120px;height:76px;flex:0 1 120px;object-fit:contain}
.mast-context .impact-gauge{width:100px;height:76px;flex:0 1 100px;object-fit:contain}
.mast-context #product-logo-fallback{color:#0b3048}
/* Metrics are readable information cards, not primary action pills. */
body.hub-impact-theme .metric{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;min-height:176px;padding:16px;gap:0;border:1px solid #c6dcde;border-top:3px solid #007d75;border-radius:12px;background:#fff;color:#112c40;text-align:left;font:400 14px/1.4 Arial,Helvetica,sans-serif;box-shadow:0 3px 12px #0b30480c}
/* Four narrow columns beside the workspace rail do not fit a laptop. */
.metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}
@media(min-width:761px) and (max-width:1500px){.home-main .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.masthead{grid-template-columns:minmax(0,1fr);grid-template-areas:"context" "actions" "period"}.mast-actions{justify-self:stretch;justify-content:flex-start;flex-wrap:wrap;width:100%}.mast-actions .org-picker{flex:1 1 240px;max-width:480px}}
@media(min-width:761px){.mast-heading-row{flex-wrap:nowrap}.mast-heading-copy{flex:0 0 auto}.mast-context .mast-brand{flex-shrink:0}}
body.hub-impact-theme .metric:is(:hover,:active,:focus-visible){background:#edf6f3;color:#112c40;border-color:#007d75}
body.hub-impact-theme .metric>span{color:#325968;font-size:13px;font-weight:600}
body.hub-impact-theme .metric>strong{margin:10px 0 4px;color:#0b3048;font-size:32px;line-height:1.1;font-weight:600}
body.hub-impact-theme .metric>small{min-height:32px;color:#526b78;font-size:12px;line-height:1.45}
body.hub-impact-theme .metric>em{color:#006f68;font-size:12px}
.source-toast{background:#fff;color:#112c40;border:1px solid #c6dcde;border-left:4px solid #007d75;border-radius:12px;box-shadow:0 6px 20px #0b304826;font-size:14px;line-height:1.4}
.source-toast>span{color:#112c40}
.source-toast button{width:32px;height:32px;min-height:32px;flex:0 0 32px;padding:0;border:0;border-radius:8px;background:transparent;color:#0b3048;font-size:22px;line-height:1}
.source-toast button:hover{background:#edf6f3;color:#006f68}
@media(min-width:761px){#impact-menu,#impact-menu-close{display:none}}
@media(max-width:760px){#impact-menu,#impact-menu-close{display:block;min-height:44px;width:auto;padding:8px 12px;border-radius:10px}.mast-heading-row{gap:8px 12px}.mast-context .mast-brand{width:180px;flex-basis:180px}.mast-context #product-logo{width:96px;height:60px;flex-basis:96px}.mast-context .impact-gauge{width:76px;height:60px;flex-basis:76px}.source-toast button{width:40px;height:40px;min-height:40px;flex-basis:40px}}
:is(.panel,.metric,.roi-kpis>div,.cloudflare-kpis>div,.diagnostic-kpis>div,.attention-summary,.analytics-source,.org-picker,.report-card,.event-card,.outcome-card,.data-explorer-toolbar,.collection-summary>div,dialog,.auth-panel){background:#fff;color:var(--text);border-color:var(--line);box-shadow:0 3px 14px #0b30480c}
body.auth-pending .auth-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 26px #0b304812}
:is(.welcome-row,.view-intro,.analytics-toolbar,.analytics-section-heading){color:var(--text)}
:is(h1,h2,h3,h4,h5,h6,strong,b,th,label,legend){color:inherit}
.view :is(h1,h2,h3,h4),.panel-heading h3,.welcome-row h2,.auth-welcome h1{color:#0b3048}
:is(input,select,textarea),.field :is(input,select),.auth-panel input,body.auth-pending .auth-panel input{background:#fff;color:var(--text);border:1px solid #9abcc0;color-scheme:light}
:is(input,textarea)::placeholder{color:#607681;opacity:1}
input:is([type=radio],[type=checkbox]){accent-color:#007d75}
:is(table,td,dialog){color:var(--text)}
th{background:#edf6f3;color:#325968}td{border-color:var(--line)}
.table-wrap{border-color:var(--line);background:#fff}
.table-wrap tr:hover td{background:#f0f8f5}
:is(.empty,.privacy-note,.conversion-row div,.org-summary,.tracking-note,.readiness-track,.bar-track){background:#edf6f3;color:var(--muted);border-color:var(--line)}
:is(.roi-kpis .featured,.cloudflare-kpis .featured,.metric:hover,.roi-kpi-link:hover){background:#dff4eb;color:#0b3048}
:is(.status-pill.good,.org-status dd){color:#00675f;background:#e3f5ec}
.status-pill.warning,.outcome-empty,.privacy-banner{background:#fff3d6;color:#725500}
.status-pill.bad,.readiness-list span{background:#fff0f2;color:#8a2434}
.attention-summary{border-left:5px solid #007d75}
.attention-summary :is(h3,p,dt,dd,small){color:var(--text)}
.signin-success{background:#0b3048f5}.signin-success-art p{color:#fff}
dialog::backdrop{background:#0b304880}
.auth-copy,.auth-terms,#auth-message,#access-request-message{color:var(--muted)}
a,.link-button{color:#006f68}
:is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #007d75;outline-offset:3px}
/* Actions only. Navigation, chart controls and editor chrome keep their geometry. */
body.hub-impact-theme :is(button.primary,button.secondary,.action-link,.provider-login,.privacy-actions>button):not([data-rise-ui]):not(:where(#impact-menu,#impact-menu-close,.metric,.sidebar nav *,.sidebar-foot *,.period-fields *,.analytics-periods *,.data-explorer-toolbar *,.analytics-toolbar *,.view-tabs *,.segmented *,.data-tabs *,.toolbar *,.filters *,.menu-backdrop,.icon-button,.source-toast *,.link-button,[aria-label="Close"])):not(:where(.sidebar nav *, .sidebar-foot *, .analytics-periods *, .view-tabs *, .segmented *, .data-tabs *, .link-button, .menu-backdrop, .icon-button, [aria-label="Close"])){min-height:44px;border-radius:999px;padding:10px 20px;border:1px solid #127a86;background:linear-gradient(120deg,#206f59,#127a86);color:#fff;box-shadow:0 3px 9px #0b30481a;text-decoration:none;font:500 14px/1.3 Arial,Helvetica,sans-serif;}
body.hub-impact-theme :is(button.primary,button.secondary,.action-link,.provider-login,.privacy-actions>button):not([data-rise-ui]):not(:where(#impact-menu,#impact-menu-close,.metric,.sidebar nav *,.sidebar-foot *,.period-fields *,.analytics-periods *,.data-explorer-toolbar *,.analytics-toolbar *,.view-tabs *,.segmented *,.data-tabs *,.toolbar *,.filters *,.menu-backdrop,.icon-button,.source-toast *,.link-button,[aria-label="Close"])):not(:where(.sidebar nav *, .sidebar-foot *, .analytics-periods *, .view-tabs *, .segmented *, .data-tabs *, .link-button, .menu-backdrop, .icon-button)):hover:not(:disabled){background:linear-gradient(120deg,#13835f,#0b7d88);color:#fff;border-color:#0b7d88}
body.hub-impact-theme :is(button.primary,button.secondary,.action-link,.provider-login,.privacy-actions>button):not([data-rise-ui]):not(:where(#impact-menu,#impact-menu-close,.metric,.sidebar nav *,.sidebar-foot *,.period-fields *,.analytics-periods *,.data-explorer-toolbar *,.analytics-toolbar *,.view-tabs *,.segmented *,.data-tabs *,.toolbar *,.filters *,.menu-backdrop,.icon-button,.source-toast *,.link-button,[aria-label="Close"])):not(:where(.sidebar nav *, .sidebar-foot *, .analytics-periods *, .view-tabs *, .segmented *, .data-tabs *, .link-button, .menu-backdrop, .icon-button)):is(:active,[aria-pressed=true]):not(:disabled){background:linear-gradient(120deg,#1fbf8c,#17b6c8);color:#08333d!important;border-color:#007d75}
body.hub-impact-theme :is(button.primary,button.secondary,.action-link,.provider-login,.privacy-actions>button):not([data-rise-ui]):not(:where(#impact-menu,#impact-menu-close,.metric,.sidebar nav *,.sidebar-foot *,.period-fields *,.analytics-periods *,.data-explorer-toolbar *,.analytics-toolbar *,.view-tabs *,.segmented *,.data-tabs *,.toolbar *,.filters *,.menu-backdrop,.icon-button,.source-toast *,.link-button,[aria-label="Close"])):focus-visible{outline:3px solid #007d75;outline-offset:3px;box-shadow:0 0 0 3px #fff,0 0 0 6px #007d75}
body.hub-impact-theme :is(button.primary,button.secondary,.action-link,.provider-login,.privacy-actions>button):not([data-rise-ui]):not(:where(#impact-menu,#impact-menu-close,.metric,.sidebar nav *,.sidebar-foot *,.period-fields *,.analytics-periods *,.data-explorer-toolbar *,.analytics-toolbar *,.view-tabs *,.segmented *,.data-tabs *,.toolbar *,.filters *,.menu-backdrop,.icon-button,.source-toast *,.link-button,[aria-label="Close"])):disabled{background:#807078!important;color:#fff!important;border-color:#807078!important;box-shadow:none;cursor:not-allowed;opacity:1}
.action-link{color:#fff!important}
.action-link:active{color:#08333d!important}
.analytics-periods button{border-radius:999px;background:#fff;color:#006f68;border-color:var(--line)}
.analytics-periods button.active{background:#dff4eb;color:#0b3048;border-color:#007d75}
.privacy-settings-footer{padding:10px 20px 20px;margin-left:var(--rail,0px);text-align:right;font-size:13px}
.privacy-settings-footer a{text-underline-offset:3px}
.privacy-banner-consent{position:fixed;z-index:45;bottom:16px;left:max(16px,var(--rail,0px));right:16px;background:#fff;color:var(--text);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 30px #0b30482b;max-height:50dvh;overflow:auto}
.privacy-banner-consent p{margin:6px 0 12px;max-width:90ch}
.privacy-actions{display:flex;flex-wrap:wrap;gap:10px}
.privacy-actions>button{flex:1 1 180px}
#privacy-settings{width:min(640px,calc(100% - 32px));border:1px solid var(--line);border-radius:18px;padding:24px;max-height:90dvh;overflow:auto}
#privacy-settings h2{margin-top:0;color:#0b3048}
.login-report{margin:20px 0}.login-report>h2{margin-bottom:6px}
.access-overview{margin:0 0 20px;padding:20px}.access-overview h2{margin:0;font-size:20px;color:#0b3048}.access-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:14px 0}.access-summary-grid>div{padding:14px 16px;border:1px solid #c6dcde;border-radius:12px;background:#fff}.access-summary-grid h3{margin:0 0 6px;font-size:14px;color:#325968}.access-summary-grid strong{display:block;color:#0b3048;font-size:28px;line-height:1.2}.access-summary-grid span{display:block;margin-top:5px;color:#526b78;font-size:13px}
.login-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}
.login-service{padding:18px;min-width:0;height:auto}.login-service h3{margin:0 0 14px;font-size:18px;line-height:1.3}
.login-service-rcc{grid-column:1/-1}
.login-service :is(p,summary){font-size:13px;line-height:1.4}
.login-service p{margin:12px 0;color:#526b78}
.login-service details{margin-top:10px}
.login-service summary{padding:8px 0;color:#007d75;font-weight:600;cursor:pointer}
.login-service summary:hover{color:#0b3048}
.login-service details[open]>summary{margin-bottom:8px}
.login-counts{display:flex;gap:24px;flex-wrap:wrap}.login-counts strong{display:block;font-size:28px;color:#0b3048}.login-counts span{font-size:13px;color:var(--muted)}
.login-report .table-wrap{margin-top:16px;overflow:auto}.login-report table{min-width:520px}
@media(max-width:800px){.login-service-grid{grid-template-columns:1fr}.privacy-banner-consent{left:16px}}
@media(max-width:760px){.privacy-settings-footer{margin-left:0}.privacy-banner-consent{bottom:8px;left:8px;right:8px;padding:14px}.privacy-actions>button{flex-basis:100%}}
@media(max-width:540px){.access-summary-grid{grid-template-columns:1fr}.access-overview .panel-heading{flex-wrap:wrap;gap:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){body.hub-impact-theme :is(button.primary,button.secondary,.action-link,.provider-login,.privacy-actions>button):not([data-rise-ui]):not(:where(#impact-menu,#impact-menu-close,.metric,.sidebar nav *,.sidebar-foot *,.period-fields *,.analytics-periods *,.data-explorer-toolbar *,.analytics-toolbar *,.view-tabs *,.segmented *,.data-tabs *,.toolbar *,.filters *,.menu-backdrop,.icon-button,.source-toast *,.link-button,[aria-label="Close"])){background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;box-shadow:none}.sidebar{background:Canvas;color:CanvasText}.sidebar :is(a,button,small){color:CanvasText!important}.panel{border:1px solid CanvasText}}
@media print{:root{--bg:#fff;--text:#000;--panel:#fff;--line:#aaa}body,main,.panel{background:#fff!important;color:#000!important;box-shadow:none!important}.privacy-banner-consent,.privacy-settings-footer,#privacy-settings{display:none!important}}