/* Navigation V2: presentation overrides, loaded after the existing theme. */
/* Dashboard appearance: scoped to the existing hero, never the surrounding KPI/chart layout. */
.pix-hero-banner.pix-dashboard-hero { background:linear-gradient(110deg,#F8FBFF,#EDF4FF); border:1px solid #E8EDF5; border-radius:20px; box-shadow:0 3px 16px rgba(23,36,59,.04); color:#17243B; min-height:190px; align-items:center; isolation:isolate; }
.pix-dashboard-hero .pix-dashboard-hero-image,.pix-dashboard-hero .pix-dashboard-hero-overlay { position:absolute; inset:0; pointer-events:none; z-index:-1; }
.pix-dashboard-hero .pix-dashboard-hero-image { background-image:var(--pix-hero-desktop,none); background-size:cover; background-position:center; }
.pix-dashboard-hero-position--left .pix-dashboard-hero-image { background-position:left center; }
.pix-dashboard-hero-position--right .pix-dashboard-hero-image { background-position:right center; }
.pix-dashboard-hero .pix-dashboard-hero-overlay { background:linear-gradient(90deg,rgba(248,251,255,max(.88,var(--pix-hero-overlay,.65))) 0%,rgba(248,251,255,var(--pix-hero-overlay,.65)) 55%,rgba(237,244,255,max(.7,var(--pix-hero-overlay,.65))) 100%); }
.pix-dashboard-hero .pix-hero-left,.pix-dashboard-hero .pix-hero-right { position:relative; z-index:1; }
.pix-dashboard-hero .pix-hero-badge { background:#E8F0FF; border-color:#DCE7FB; color:#315FAB; }
.pix-dashboard-hero .pix-hero-greeting { color:#17243B; font-size:clamp(1.4rem,2.2vw,2rem); }
.pix-dashboard-hero .pix-hero-subtitle,.pix-dashboard-hero .pix-hero-clock-ampm,.pix-dashboard-hero .pix-hero-clock-lbl,.pix-dashboard-hero-date { color:#526581; }
.pix-dashboard-hero .pix-hero-subtitle { font-size:.9375rem; margin-bottom:18px; }
.pix-dashboard-hero .pix-hero-stat { background:rgba(255,255,255,.8); border-color:#E8EDF5; padding:10px 14px; }
.pix-dashboard-hero .pix-hero-stat:hover { background:#FFFFFF; }
.pix-dashboard-hero .pix-hero-stat-val,.pix-dashboard-hero .pix-hero-clock { color:#17243B; }
.pix-dashboard-hero .pix-hero-stat-lbl { color:#526581; }
.pix-dashboard-hero-date { font-size:.8125rem; margin-bottom:12px; }
.pix-dashboard-hero .pix-hero-clock-badge { color:#087344; background:#E9F8F0; border-color:#C4EBD6; }
.pix-hero-banner.pix-dashboard-hero--compact { min-height:150px; padding:20px 24px; }
.pix-dashboard-hero--compact .pix-hero-stat { padding:6px 10px; }
.pix-dashboard-overlay-control { display:flex; align-items:center; gap:16px; }
.pix-dashboard-overlay-control input { flex:1; min-width:0; accent-color:#4778D8; }
.pix-dashboard-overlay-control output { min-width:3rem; font-variant-numeric:tabular-nums; }
.pix-dashboard-previews { display:grid; gap:20px; min-width:0; }
.pix-dashboard-previews>p { color:var(--pix-nav-muted); font-size:.875rem; }
.pix-dashboard-preview h3 { font-size:.9375rem; font-weight:600; margin-bottom:8px; }
.pix-dashboard-preview--mobile { max-width:390px; width:100%; }
.pix-hero-banner.pix-dashboard-hero--mobile-preview { flex-direction:column; align-items:flex-start; padding:20px; }
.pix-dashboard-hero--mobile-preview .pix-hero-right { align-items:flex-start; text-align:left; }
@media(max-width:767px) {
    .pix-hero-banner.pix-dashboard-hero { padding:20px; flex-direction:column; align-items:flex-start; gap:18px; }
    .pix-dashboard-hero .pix-dashboard-hero-image { background-image:var(--pix-hero-mobile,var(--pix-hero-desktop,none)); }
    .pix-dashboard-hero .pix-hero-right { align-items:flex-start; text-align:left; }
    .pix-dashboard-hero .pix-hero-clock { font-size:2.25rem; }
    .pix-dashboard-hero .pix-hero-stats { gap:8px; }
}
:root {
    color-scheme:light;
    --pix-nav-bg:#F5F7FA; --pix-nav-surface:#FFFFFF; --pix-nav-text:#172033;
    /* Slightly deepen slate for 4.5:1 small-text contrast on the page background. */
    --pix-nav-muted:#627187; --pix-nav-accent:#2563EB; --pix-nav-border:#E2E8F0;
    --pix-nav-field:#F5F7FA; --pix-nav-hover:#EFF4FB;
    --pix-primary:#2563EB; --pix-primary-light:#EFF6FF; --pix-primary-dark:#1D4ED8;
    --pix-nav-on-primary:#FFFFFF;
}
html.dark {
    color-scheme:dark;
    --pix-nav-bg:#101722; --pix-nav-surface:#1B2533; --pix-nav-text:#F1F5F9;
    --pix-nav-muted:#94A3B8; --pix-nav-accent:#60A5FA; --pix-nav-border:#334155;
    --pix-nav-field:#101722; --pix-nav-hover:#263548;
    --pix-primary-light:#22364F;
}
html, body, .fi-body { font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; }
.fi-body { background:var(--pix-nav-bg)!important; color:var(--pix-nav-text); font-size:0.9375rem; line-height:1.5; }
.fi-sidebar,.fi-sidebar-header { background:var(--pix-nav-surface)!important; border-right:1px solid var(--pix-nav-border)!important; }
.fi-sidebar-header { border-bottom:1px solid var(--pix-nav-border)!important; box-shadow:none!important; }
.fi-sidebar .fi-logo { color:var(--pix-nav-text)!important; }
.fi-sidebar-nav { padding:12px 10px!important; gap:18px!important; }
.fi-sidebar-group { margin:0!important; }
.fi-sidebar-group-label { color:var(--pix-nav-muted)!important; font-size:0.75rem!important; font-weight:650!important; letter-spacing:.06em; text-shadow:none!important; }
.fi-sidebar-group-button { padding:5px 10px!important; }
.fi-sidebar-item-button { border-radius:6px!important; min-height:40px; padding:8px 10px!important; gap:10px!important; box-shadow:none!important; }
.fi-sidebar-item-label { color:var(--pix-nav-text)!important; font-size:0.875rem!important; font-weight:500!important; }
.fi-sidebar-item-icon { width:18px!important; height:18px!important; color:var(--pix-nav-muted)!important; }
.fi-sidebar-item-button:hover { background:var(--pix-nav-hover)!important; }
.fi-sidebar-item-active>.fi-sidebar-item-button { background:var(--pix-primary-light)!important; border:none!important; }
.fi-sidebar-item-active .fi-sidebar-item-label,.fi-sidebar-item-active .fi-sidebar-item-icon { color:var(--pix-nav-accent)!important; }
.fi-sidebar-group-items .fi-sidebar-item-button { padding:8px 10px!important; color:var(--pix-nav-text)!important; text-shadow:none!important; margin:1px 0!important; }
.fi-sidebar-group-items .fi-sidebar-item-button:hover { background:var(--pix-nav-hover)!important; color:var(--pix-nav-text)!important; }
.fi-sidebar-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-button,
.fi-sidebar-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-button:hover { background:var(--pix-primary-light)!important; color:var(--pix-nav-accent)!important; box-shadow:none!important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-label,.fi-sidebar-item.fi-active .fi-sidebar-item-icon { color:var(--pix-nav-accent)!important; }
.fi-sidebar-item[hidden],.fi-sidebar-group[hidden] { display:none!important; }
.pix-menu-search { margin:0 0 12px; }
.pix-menu-search input { width:100%; border:1px solid var(--pix-nav-border); background:var(--pix-nav-field); border-radius:6px; padding:8px 10px; color:var(--pix-nav-text); font-size:0.875rem; }
.fi-topbar nav,.pix-topbar,.pix-topbar-bar { background:var(--pix-nav-surface)!important; box-shadow:none!important; border-bottom:1px solid var(--pix-nav-border)!important; }
.fi-main { padding-top:18px!important; }
.fi-header-heading,.pix-ov-title { font-size:1.5rem!important; letter-spacing:-.02em; font-weight:650!important; color:var(--pix-nav-text)!important; }
.fi-breadcrumbs { font-size:0.8125rem; }
.fi-breadcrumbs-item-label { color:var(--pix-nav-muted)!important; }
.pix-workspace-navigation,.pix-wcms-menu { display:flex; flex-wrap:wrap; gap:4px; padding:6px; background:var(--pix-nav-surface)!important; border:1px solid var(--pix-nav-border)!important; border-radius:8px; margin-bottom:16px; max-width:100%; }
.pix-workspace-link,.pix-wcms-menu-item { display:inline-flex; align-items:center; gap:6px; border:0!important; border-radius:5px!important; padding:7px 10px!important; font-size:0.875rem!important; font-weight:500!important; color:var(--pix-nav-muted)!important; text-decoration:none; white-space:nowrap; }
.pix-workspace-link svg { width:16px; height:16px; flex:none; }
.pix-workspace-link:hover,.pix-wcms-menu-item:hover { background:var(--pix-nav-hover)!important; color:var(--pix-nav-text)!important; }
.pix-workspace-link.is-active,.pix-wcms-menu-item-active { background:var(--pix-primary-light)!important; color:var(--pix-nav-accent)!important; }
/* The shared strip replaces only duplicate overview tabs, not forms/table tabs. */
.fi-page:has(.pix-workspace-navigation) .pix-ov-tabs { display:none!important; }
.fi-section,.fi-ta-ctn,.pix-ov-stats,.pix-seo-coverage-box { border-radius:8px!important; box-shadow:none!important; border-color:var(--pix-nav-border)!important; }
.fi-ta-header-cell { background:var(--pix-nav-field)!important; font-size:0.875rem!important; padding-top:10px!important; padding-bottom:10px!important; }
.fi-ta-cell { font-size:0.875rem; }
.fi-ta-row { border-color:var(--pix-nav-border)!important; }
.fi-input-wrp { border-radius:6px!important; box-shadow:0 0 0 1px var(--pix-nav-border)!important; }
.fi-input,.fi-select-input { font-size:0.875rem!important; }
.fi-btn,.pix-ov-action-btn { border-radius:6px!important; box-shadow:none!important; font-size:0.875rem!important; font-weight:550!important; }
.fi-btn-color-primary,.pix-ov-action-btn-create { background:var(--pix-primary)!important; border-color:var(--pix-primary)!important; color:var(--pix-nav-on-primary)!important; }
.fi-btn.fi-btn-color-primary:hover,.pix-ov-action-btn-create:hover { background:var(--pix-primary-dark)!important; }
.pix-ov-stats { gap:0!important; }
.pix-ov-stat { padding:14px!important; }
.fi-ta-empty-state { padding:32px 16px!important; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:2px solid var(--pix-nav-accent)!important; outline-offset:3px; }
@media(max-width:1023px) { .fi-main { padding-top:12px!important; } }
@media(max-width:767px) {
    .pix-workspace-navigation,.pix-wcms-menu { flex-wrap:nowrap; overflow-x:auto; overscroll-behavior-inline:contain; }
    .pix-workspace-link { flex-shrink:0; }
    .fi-main { min-width:0; padding-bottom:76px!important; }
    .pix-ov-title-row { flex-wrap:wrap; gap:10px; }
    .pix-ov-stats { overflow-x:auto; }
}
@media(prefers-reduced-motion:reduce) { .fi-sidebar,.fi-sidebar-item-button { transition:none!important; } }

/* Readability correction: neutralize inherited dark-theme heading shadows. */
.fi-sidebar-group-button:hover .fi-sidebar-group-label { color:var(--pix-nav-text)!important; text-shadow:none!important; }
.fi-sidebar-group-collapse-button { color:var(--pix-nav-muted)!important; }
.fi-fo-field-wrp-label,.fi-ta-text-item-label { font-size:0.875rem!important; }
.pix-topbar-search input { font-size:0.875rem!important; }
.pix-topbar-brand,.pix-topbar-username { font-size:0.9375rem!important; }
.pix-topbar-brand-sub,.pix-topbar-userrole { font-size:0.75rem!important; }
@media(max-width:767px) { .fi-input,.fi-select-input,.pix-menu-search input { font-size:1rem!important; } }

/* Override legacy admin surfaces after the compiled theme; no utility rebuild needed. */
.fi-panel-admin .fi-main { background-color:var(--pix-nav-bg)!important; }
.fi-panel-admin :is(.fi-topbar,.fi-page-header,.fi-section,.fi-section-header,.fi-section-content,.fi-ta-ctn,.fi-ta-table,.fi-ta-header,.fi-ta-header-toolbar,.fi-ta-content,.fi-ta-pagination,.fi-modal-window,.fi-modal-header,.fi-modal-content,.fi-modal-footer,.fi-dropdown-panel,.fi-dropdown-list,.fi-wi-stats-overview-stat,.fi-wi-chart) {
    background-color:var(--pix-nav-surface)!important; border-color:var(--pix-nav-border)!important;
}
.fi-panel-admin :is(.fi-section-header-heading,.fi-modal-header-heading,.fi-page-header-heading,.fi-wi-stats-overview-stat-value,.fi-fo-field-wrp-label,.fi-dropdown-list-item-label) { color:var(--pix-nav-text)!important; }
.fi-panel-admin :is(.fi-section-header-description,.fi-fo-field-wrp-helper-text,.fi-wi-stats-overview-stat-label) { color:var(--pix-nav-muted)!important; }
.fi-panel-admin :is(.fi-input-wrp,.fi-input,.fi-select,.fi-select-input,.fi-textarea) { background-color:var(--pix-nav-surface)!important; color:var(--pix-nav-text)!important; }
.fi-panel-admin :is(.fi-input,.fi-select-input,.fi-textarea)::placeholder,.pix-menu-search input::placeholder { color:var(--pix-nav-muted); opacity:1; }
.fi-panel-admin :is(.fi-ta-row:hover,.fi-dropdown-list-item:hover) { background-color:var(--pix-nav-hover)!important; }
.fi-panel-admin .fi-btn.fi-btn-color-primary:hover { background-color:#1D4ED8!important; }
.fi-panel-admin .fi-input-wrp:focus-within { box-shadow:0 0 0 2px var(--pix-nav-accent)!important; }
.fi-panel-admin .pix-topbar-bar :is(.pix-topbar-brand,.pix-topbar-username) { color:var(--pix-nav-text); }
.fi-panel-admin .pix-topbar-bar :is(.pix-topbar-brand-sub,.pix-topbar-userrole,.pix-topbar-chevron) { color:var(--pix-nav-muted); }
.fi-panel-admin .pix-topbar-bar :is(.pix-topbar-icon-btn,.pix-topbar-toggle,.pix-topbar-search) { background-color:var(--pix-nav-field); color:var(--pix-nav-muted); border-color:var(--pix-nav-border); }
.fi-panel-admin .pix-topbar-bar .pix-topbar-search span { font-size:0.875rem; }
.fi-panel-admin .pix-topbar-bar .pix-topbar-user-menu { background-color:var(--pix-nav-surface); border-color:var(--pix-nav-border); }
.fi-panel-admin .pix-topbar-bar .pix-topbar-user:hover { background-color:var(--pix-nav-hover); }
.fi-panel-admin .pix-topbar-bar .pix-toggle-track { background-color:var(--pix-nav-border); }
.fi-panel-admin .pix-topbar-dark .pix-toggle-track { background-color:var(--pix-primary); }
.fi-panel-admin .pix-topbar-bar .pix-toggle-knob { background-color:#FFFFFF; }
.fi-panel-admin :is(.pix-ov-table-card,.pix-ov-stats,.pix-ov-stat,.pix-bottom-nav,.pix-seo-coverage-box) { background:var(--pix-nav-surface)!important; border-color:var(--pix-nav-border)!important; }
.fi-panel-admin :is(.pix-ov-table-title,.pix-ov-stat-value,.pix-seo-coverage-value) { color:var(--pix-nav-text); }
.fi-panel-admin :is(.pix-ov-stat-label,.pix-ov-stat-desc,.pix-bottom-nav-item,.pix-seo-coverage-label) { color:var(--pix-nav-muted); }
.fi-panel-admin :is(.pix-bottom-nav-item-active,.pix-bottom-nav-item:hover) { color:var(--pix-nav-accent); background:var(--pix-primary-light); }
.fi-panel-admin .fi-sidebar-item-button:focus-visible { outline-color:var(--pix-nav-accent)!important; }
.fi-panel-admin :is(.fi-ta-cell,.fi-ta-header-cell) { color:var(--pix-nav-text)!important; border-color:var(--pix-nav-border)!important; }
.fi-panel-admin .fi-ta-header-cell { color:var(--pix-nav-muted)!important; }
.fi-panel-admin .fi-ta-header-cell { background-color:var(--pix-nav-field)!important; }
.fi-panel-admin .fi-ta-row:hover td { background:var(--pix-nav-hover)!important; }
.fi-panel-admin :is(.fi-ta-filters,.fi-tabs) { background:var(--pix-nav-surface)!important; border-color:var(--pix-nav-border)!important; }
.fi-panel-admin :is(.fi-input,.fi-select,.fi-textarea):focus { border-color:var(--pix-nav-accent)!important; box-shadow:none!important; }
.fi-panel-admin :is(.fi-tabs,.fi-tabs-item) { border-color:var(--pix-nav-border)!important; }
.fi-panel-admin .fi-tabs-item.fi-active { color:var(--pix-nav-accent)!important; border-bottom-color:var(--pix-nav-accent)!important; }
.fi-panel-admin :is(.pix-wcms-drawer-panel,.pix-wcms-drawer-header,.pix-wcms-hp-topbar,.pix-wcms-hp-panel,.pix-wcms-hp-kpi) { background:var(--pix-nav-surface); border-color:var(--pix-nav-border); }
.fi-panel-admin :is(.pix-wcms-topbar-title,.pix-wcms-drawer-title,.pix-wcms-hp-title,.pix-wcms-hp-panel-title,.pix-wcms-hp-kpi-value) { color:var(--pix-nav-text); }
.fi-panel-admin :is(.pix-wcms-topbar-subtitle,.pix-wcms-domain-badge,.pix-wcms-hp-kpi-label,.pix-wcms-hp-kpi-sub) { color:var(--pix-nav-muted); }
@media(prefers-reduced-motion:reduce) { .fi-panel-admin :is(.pix-topbar-bar,.pix-toggle-knob) { transition:none!important; } }