/* admin-v4-safe-visual-layer
 *
 * Visual-only V4 operations-console skin for the stable admin DOM.
 * This file must not own workspace routing, tab state, lazy loading, auth, or API behavior.
 */

:root {
  --ic-v4-canvas:#F2F4F7;
  --ic-v4-surface:#FFFFFF;
  --ic-v4-surface-soft:#F9FAFB;
  --ic-v4-border:#D0D5DD;
  --ic-v4-border-soft:#EAECF0;
  --ic-v4-text:#101828;
  --ic-v4-text-mid:#344054;
  --ic-v4-text-low:#667085;
  --ic-v4-accent:#175CD3;
  --ic-v4-accent-soft:#EFF4FF;
  --ic-v4-positive:#067647;
  --ic-v4-positive-soft:#ECFDF3;
  --ic-v4-warning:#B54708;
  --ic-v4-warning-soft:#FFFAEB;
  --ic-v4-negative:#B42318;
  --ic-v4-negative-soft:#FEF3F2;
}

#dashboard {
  --ic-bg:var(--ic-v4-canvas);
  --ic-surface:var(--ic-v4-surface);
  --ic-surface-2:var(--ic-v4-surface-soft);
  --ic-border:var(--ic-v4-border-soft);
  --ic-border-strong:var(--ic-v4-border);
  --ic-text-hi:var(--ic-v4-text);
  --ic-text-mid:var(--ic-v4-text-mid);
  --ic-text-lo:var(--ic-v4-text-low);
  --ic-accent:var(--ic-v4-accent);
  --ic-accent-weak:var(--ic-v4-accent-soft);
  --ic-ok:var(--ic-v4-positive);
  --ic-ok-bg:var(--ic-v4-positive-soft);
  --ic-warn:var(--ic-v4-warning);
  --ic-warn-bg:var(--ic-v4-warning-soft);
  --ic-bad:var(--ic-v4-negative);
  --ic-bad-bg:var(--ic-v4-negative-soft);

  --bg:var(--ic-v4-canvas);
  --bg-void:var(--ic-v4-canvas);
  --bg-deep:var(--ic-v4-surface-soft);
  --bg-card:var(--ic-v4-surface);
  --bg-card-hi:var(--ic-v4-surface-soft);
  --bg-input:var(--ic-v4-surface);
  --card-bg:var(--ic-v4-surface);
  --border:var(--ic-v4-border-soft);
  --border-pink:var(--ic-v4-border);
  --txt-hi:var(--ic-v4-text);
  --txt-mid:var(--ic-v4-text-mid);
  --txt-lo:var(--ic-v4-text-low);
  --txt-neon:var(--ic-v4-accent);
  --blue-deep:var(--ic-v4-accent);
  --blue-mid:var(--ic-v4-accent);
  --blue-light:var(--ic-v4-accent);
  --cyan:var(--ic-v4-accent);
  --cyan-light:var(--ic-v4-accent);
  --neon-cyan:var(--ic-v4-accent);
  --neon-cyan-d:var(--ic-v4-accent);
  --neon-pink:var(--ic-v4-accent);
  --neon-magenta:var(--ic-v4-accent);
  --neon-purple:var(--ic-v4-accent);
  --neon-violet:var(--ic-v4-accent);
  --neon-green:var(--ic-v4-positive);
  --neon-yellow:var(--ic-v4-warning);
  --neon-orange:var(--ic-v4-warning);
  --glow-cyan:none;
  --glow-pink:none;
  --glow-purple:none;
  --glow-green:none;
  --sh-sm:none;
  --sh-md:none;
  --sh-card:none;

  min-width:0;
  min-height:100vh;
  overflow-x:hidden;
  background:var(--ic-v4-canvas) !important;
  color:var(--ic-v4-text);
  font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-variant-numeric:tabular-nums;
}

[data-theme="dark"] #dashboard {
  --ic-v4-canvas:#11151A;
  --ic-v4-surface:#181D24;
  --ic-v4-surface-soft:#20262E;
  --ic-v4-border:#414A57;
  --ic-v4-border-soft:#2C333D;
  --ic-v4-text:#F2F4F7;
  --ic-v4-text-mid:#D0D5DD;
  --ic-v4-text-low:#98A2B3;
  --ic-v4-accent:#84ADFF;
  --ic-v4-accent-soft:#1E355D;
  --ic-v4-positive:#75E0A7;
  --ic-v4-positive-soft:#163B2A;
  --ic-v4-warning:#FEC84B;
  --ic-v4-warning-soft:#493814;
  --ic-v4-negative:#FDA29B;
  --ic-v4-negative-soft:#4B2423;
}

#dashboard *,
#dashboard *::before,
#dashboard *::after {
  box-sizing:border-box;
  text-shadow:none !important;
}

#dashboard :is(button,input,select,textarea) { font:inherit; }
#dashboard :focus-visible {
  outline:2px solid var(--ic-v4-accent) !important;
  outline-offset:2px;
}

/* Global shell */
#dashboard .dash-header {
  position:sticky !important;
  top:0;
  z-index:80;
  background:var(--ic-v4-surface) !important;
  border-bottom:1px solid var(--ic-v4-border-soft) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

#dashboard .dash-header-inner {
  width:100%;
  max-width:1440px;
  min-height:64px;
  height:64px !important;
  margin:0 auto;
  padding:0 32px;
}

#dashboard .dash-brand { gap:12px; min-width:0; }
#dashboard .dash-brand img { height:34px; width:auto; }
#dashboard .dash-brand span {
  display:inline-flex !important;
  align-items:center;
  min-height:22px;
  padding-left:12px !important;
  border:0 !important;
  border-left:1px solid var(--ic-v4-border-soft) !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--ic-v4-text-low) !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  white-space:nowrap;
}

#dashboard .dash-actions { gap:8px; }
#dashboard .last-updated { color:var(--ic-v4-text-low) !important; font-size:11px; }

#dashboard .theme-toggle,
#dashboard .refresh-btn,
#dashboard .back-link,
#dashboard .uir-btn,
#dashboard .admin-more-btn,
#dashboard .adp-refresh,
#dashboard .reqs-refresh,
#dashboard .reqs-export {
  box-shadow:none !important;
  clip-path:none !important;
  text-shadow:none !important;
}

#dashboard .theme-toggle {
  background:var(--ic-v4-surface-soft) !important;
  border:1px solid var(--ic-v4-border-soft) !important;
  border-radius:6px !important;
}
#dashboard .theme-toggle button { color:var(--ic-v4-text-low) !important; }
#dashboard .theme-toggle button.active {
  background:var(--ic-v4-surface) !important;
  color:var(--ic-v4-accent) !important;
  box-shadow:0 0 0 1px var(--ic-v4-border-soft) !important;
}

#dashboard .refresh-btn,
#dashboard .uir-btn,
#dashboard .admin-more-btn,
#dashboard .adp-refresh,
#dashboard .reqs-refresh,
#dashboard .reqs-export {
  min-height:34px;
  border:1px solid var(--ic-v4-border) !important;
  border-radius:6px !important;
  background:var(--ic-v4-surface) !important;
  color:var(--ic-v4-text-mid) !important;
  font-size:12px !important;
  font-weight:650 !important;
  transform:none !important;
}
#dashboard .refresh-btn:hover,
#dashboard .uir-btn:hover,
#dashboard .admin-more-btn:hover,
#dashboard .adp-refresh:hover,
#dashboard .reqs-refresh:hover,
#dashboard .reqs-export:hover {
  border-color:var(--ic-v4-accent) !important;
  background:var(--ic-v4-accent-soft) !important;
  color:var(--ic-v4-accent) !important;
  transform:none !important;
}
#dashboard .uir-btn.ai {
  background:var(--ic-v4-accent) !important;
  border-color:var(--ic-v4-accent) !important;
  color:#fff !important;
}
#dashboard .back-link {
  color:var(--ic-v4-text-mid) !important;
  text-decoration:none;
}
#dashboard .back-link:hover { color:var(--ic-v4-accent) !important; }

#dashboard .dash-body {
  width:100%;
  max-width:1440px;
  min-width:0;
  margin:0 auto;
  padding:28px 32px 60px !important;
}

/* Workspace rail, using the existing stable #av-switch DOM. */
#dashboard #av-switch {
  border:1px solid var(--ic-v4-border-soft);
  background:var(--ic-v4-surface);
  box-shadow:none !important;
}
#dashboard #av-switch .av-rail-brand strong {
  color:var(--ic-v4-text);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
#dashboard #av-switch .av-rail-brand span,
#dashboard #av-switch .av-rail-label {
  color:var(--ic-v4-text-low);
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:10px;
}
#dashboard #av-switch .av-btn {
  border:1px solid transparent !important;
  border-radius:6px !important;
  background:transparent !important;
  color:var(--ic-v4-text-mid) !important;
  box-shadow:none !important;
  transform:none !important;
  font-weight:600 !important;
}
#dashboard #av-switch .av-btn:hover {
  background:var(--ic-v4-surface-soft) !important;
  color:var(--ic-v4-text) !important;
}
#dashboard #av-switch .av-btn.active {
  background:var(--ic-v4-accent-soft) !important;
  border-color:var(--ic-v4-accent) !important;
  color:var(--ic-v4-accent) !important;
  font-weight:700 !important;
}
#dashboard #av-switch .av-arrows button {
  border:1px solid var(--ic-v4-border-soft) !important;
  border-radius:6px !important;
  background:var(--ic-v4-surface-soft) !important;
  color:var(--ic-v4-text-mid) !important;
  box-shadow:none !important;
}

@media screen and (min-width:1180px) {
  #dashboard .dash-body {
    display:grid;
    grid-template-columns:224px minmax(0,1fr);
    column-gap:28px;
    align-items:start;
  }

  #dashboard #av-switch {
    grid-column:1;
    grid-row:1;
    position:sticky !important;
    top:88px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:4px !important;
    margin:0 !important;
    padding:18px 12px 14px !important;
    border-radius:8px !important;
    overflow:hidden;
  }

  #dashboard #av-switch .av-rail-brand {
    display:flex !important;
    flex-direction:column;
    gap:3px;
    margin:0 0 12px;
    padding:0 8px 14px;
    border-bottom:1px solid var(--ic-v4-border-soft);
  }
  #dashboard #av-switch .av-rail-label {
    display:block !important;
    padding:0 9px 5px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
  }
  #dashboard #av-switch .av-btn {
    width:100%;
    min-height:38px;
    justify-content:flex-start;
    padding:8px 10px !important;
    text-align:left;
  }
  #dashboard #av-switch .av-arrows {
    width:100%;
    margin:10px 0 0 !important;
    padding-top:10px;
    border-top:1px solid var(--ic-v4-border-soft);
  }
  #dashboard #av-switch .av-arrows button { flex:1 1 0; width:auto; height:34px; }

}

/* Dashboard KPI hierarchy */
#dashboard #uir-report { min-width:0; }
#dashboard #uir-report .uir-head {
  margin-bottom:16px;
  padding:0 0 14px;
  border-bottom:1px solid var(--ic-v4-border-soft);
}
#dashboard #uir-report .uir-title {
  color:var(--ic-v4-text) !important;
  font-size:18px !important;
  font-weight:750 !important;
  letter-spacing:-.02em !important;
}
#dashboard #uir-report .kpi-grid {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}
#dashboard #uir-report .kpi-card {
  min-width:0;
  padding:16px !important;
  border:1px solid var(--ic-v4-border-soft) !important;
  border-radius:8px !important;
  background:var(--ic-v4-surface) !important;
  box-shadow:none !important;
  clip-path:none !important;
  transform:none !important;
}
#dashboard #uir-report .kpi-card-primary {
  order:0;
  grid-column:auto !important;
  border-top:2px solid var(--ic-v4-accent) !important;
}
#dashboard #uir-report .kpi-card-secondary {
  order:1;
  grid-column:auto !important;
  background:var(--ic-v4-surface-soft) !important;
}
#dashboard #uir-report .kpi-card::before,
#dashboard #uir-report .kpi-card::after,
#dashboard #uir-report .kpi-icon { display:none !important; content:none !important; }
#dashboard #uir-report .kpi-n {
  color:var(--ic-v4-text) !important;
  font-size:25px !important;
  font-weight:760 !important;
  letter-spacing:-.03em;
}
#dashboard #uir-report .kpi-l {
  margin-top:5px;
  color:var(--ic-v4-text-mid) !important;
  font-size:11.5px !important;
  font-weight:600 !important;
}
#dashboard .ic-kpi-delta {
  margin-top:8px;
  font-size:11px !important;
  font-weight:650 !important;
}

/* Stats navigation and report surfaces */
#dashboard .stats-slider-nav,
#dashboard .ssn-tabs {
  border-color:var(--ic-v4-border-soft) !important;
  background:var(--ic-v4-surface) !important;
  box-shadow:none !important;
}
#dashboard .ssn-tab,
#dashboard .ssn-nav-btn {
  border-color:transparent !important;
  background:transparent !important;
  color:var(--ic-v4-text-mid) !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
#dashboard .ssn-tab.active {
  color:var(--ic-v4-accent) !important;
  border-color:var(--ic-v4-accent) !important;
  background:var(--ic-v4-accent-soft) !important;
}
#dashboard .stats-slide,
#dashboard .chart-card,
#dashboard .dash-section,
#dashboard .rpt-sec,
#dashboard .rpt-card {
  border:1px solid var(--ic-v4-border-soft) !important;
  border-radius:8px !important;
  background:var(--ic-v4-surface) !important;
  box-shadow:none !important;
  clip-path:none !important;
}
#dashboard .slide-title,
#dashboard .dash-section-title,
#dashboard .adp-section-head {
  color:var(--ic-v4-text) !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
}

/* Content workspace: preserve the existing direct-child DOM. */
@media screen and (min-width:1024px) {
  #dashboard #av-uploads.av-on {
    display:grid !important;
    grid-template-columns:196px minmax(0,1fr) !important;
    grid-template-rows:auto auto;
    column-gap:20px !important;
    row-gap:0;
    align-items:start;
  }
  #dashboard #av-uploads > .dash-section-title {
    grid-column:1 / -1;
    grid-row:1;
    margin:0 0 16px !important;
    padding-bottom:12px;
    border-bottom:1px solid var(--ic-v4-border-soft);
    font-size:18px !important;
  }
  #dashboard #av-uploads > .upload-tabs {
    grid-column:1;
    grid-row:2;
    position:sticky !important;
    top:88px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    flex-wrap:nowrap !important;
    max-height:calc(100vh - 112px);
    margin:0 !important;
    padding:8px 12px 8px 0 !important;
    gap:2px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    background:transparent !important;
    border:0 !important;
    border-right:1px solid var(--ic-v4-border-soft) !important;
    box-shadow:none !important;
    scrollbar-width:thin;
  }
  #dashboard #av-uploads > .upload-tabs > .upload-tab {
    width:100% !important;
    min-height:34px;
    flex:0 0 auto !important;
    justify-content:flex-start !important;
    padding:7px 9px !important;
    border:1px solid transparent !important;
    border-radius:6px !important;
    background:transparent !important;
    color:var(--ic-v4-text-mid) !important;
    box-shadow:none !important;
    clip-path:none !important;
    transform:none !important;
    text-align:left !important;
    white-space:nowrap;
    font-size:12px !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
  }
  #dashboard #av-uploads > .upload-tabs > .upload-tab:hover {
    background:var(--ic-v4-surface-soft) !important;
    color:var(--ic-v4-text) !important;
  }
  #dashboard #av-uploads > .upload-tabs > .upload-tab.active {
    background:var(--ic-v4-accent-soft) !important;
    border-color:var(--ic-v4-accent) !important;
    color:var(--ic-v4-accent) !important;
    font-weight:700 !important;
  }
  #dashboard #av-uploads > .upload-tabs > .tab-group-sep {
    display:block !important;
    width:auto !important;
    height:1px !important;
    flex:0 0 1px !important;
    margin:8px 6px !important;
    background:var(--ic-v4-border-soft) !important;
    opacity:1 !important;
  }
  #dashboard #av-uploads > .upload-panel {
    grid-column:2;
    grid-row:2;
    min-width:0;
  }
}

#dashboard .upload-panel,
#dashboard .nl-upload-box,
#dashboard .mt-card,
#dashboard .adp-kpi,
#dashboard .adp-product-card,
#dashboard .partner-card,
#dashboard .sg-card {
  border-color:var(--ic-v4-border-soft) !important;
  border-radius:8px !important;
  background:var(--ic-v4-surface) !important;
  box-shadow:none !important;
  clip-path:none !important;
}

#dashboard :is(input,select,textarea) {
  border:1px solid var(--ic-v4-border) !important;
  border-radius:6px !important;
  background:var(--ic-v4-surface) !important;
  color:var(--ic-v4-text) !important;
  box-shadow:none !important;
}
#dashboard :is(input,select,textarea)::placeholder { color:var(--ic-v4-text-low) !important; }
#dashboard :is(input,select,textarea):focus {
  border-color:var(--ic-v4-accent) !important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ic-v4-accent) 14%,transparent) !important;
}

/* Tables are the primary operations surface in V4. */
#dashboard .table-wrap,
#dashboard .adp-table-wrap,
#dashboard .admin-table-wrap {
  overflow:auto;
  border:1px solid var(--ic-v4-border-soft) !important;
  border-radius:8px !important;
  background:var(--ic-v4-surface) !important;
  box-shadow:none !important;
}
#dashboard table {
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  color:var(--ic-v4-text-mid) !important;
  background:var(--ic-v4-surface) !important;
  font-size:12px;
}
#dashboard th {
  background:var(--ic-v4-surface-soft) !important;
  color:var(--ic-v4-text-low) !important;
  border-color:var(--ic-v4-border-soft) !important;
  font-size:10.5px !important;
  font-weight:700 !important;
  letter-spacing:.04em;
  text-transform:none !important;
}
#dashboard td {
  color:var(--ic-v4-text-mid) !important;
  border-color:var(--ic-v4-border-soft) !important;
}
#dashboard tbody tr:hover td { background:var(--ic-v4-surface-soft) !important; }

/* Advertising performance */
#dashboard #uir-ad-performance .adp-kpis {
  gap:10px !important;
}
#dashboard #uir-ad-performance .adp-kpi {
  padding:14px !important;
}
#dashboard #uir-ad-performance .adp-kpi-n {
  color:var(--ic-v4-text) !important;
  font-variant-numeric:tabular-nums;
}
#dashboard #uir-ad-performance .adp-kpi-l,
#dashboard #uir-ad-performance .adp-summary-note {
  color:var(--ic-v4-text-low) !important;
}
#dashboard #uir-ad-performance .adp-filter {
  border-color:var(--ic-v4-border-soft) !important;
  background:var(--ic-v4-surface-soft) !important;
  box-shadow:none !important;
}

/* Search Growth keeps its runtime DOM and receives only the visual system. */
#search-growth {
  --sg-border:var(--ic-v4-border-soft) !important;
  --sg-panel:var(--ic-v4-surface) !important;
  --sg-text:var(--ic-v4-text) !important;
  --sg-muted:var(--ic-v4-text-mid) !important;
  --sg-accent:var(--ic-v4-accent) !important;
  --sg-accent-weak:var(--ic-v4-accent-soft) !important;
  --sg-good:var(--ic-v4-positive) !important;
  --sg-warn:var(--ic-v4-warning) !important;
  --sg-bad:var(--ic-v4-negative) !important;
  color:var(--ic-v4-text) !important;
}
#search-growth :is(.sg-card,.sg-kpi,.sg-action) {
  border-color:var(--ic-v4-border-soft) !important;
  border-radius:8px !important;
  background:var(--ic-v4-surface) !important;
  box-shadow:none !important;
  filter:none !important;
}
#search-growth :is(button,.sg-primary) {
  border-radius:6px !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
#search-growth [data-state="running"],
#search-growth [data-state="success"] { color:var(--ic-v4-positive) !important; }
#search-growth [data-state="attention"],
#search-growth [data-state="warning"] { color:var(--ic-v4-warning) !important; }
#search-growth [data-state="error"],
#search-growth [data-state="failed"] { color:var(--ic-v4-negative) !important; }

/* Neutralize decorative legacy effects without disabling functional visibility. */
#dashboard :is(.kpi-card,.chart-card,.stats-slide,.upload-panel,.adp-kpi,.adp-product-card,.sg-card) {
  animation:none !important;
}
#dashboard :is(.kpi-card,.chart-card,.stats-slide,.upload-panel,.adp-kpi,.adp-product-card):hover {
  transform:none !important;
  box-shadow:none !important;
}

@media screen and (max-width:1179px) {
  #dashboard .dash-body { display:block; padding:22px 24px 48px !important; }
  #dashboard #av-switch {
    position:sticky !important;
    top:64px !important;
    z-index:50;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:4px !important;
    margin:0 0 20px !important;
    padding:8px !important;
    overflow-x:auto;
    border-radius:8px !important;
  }
  #dashboard #av-switch .av-rail-brand,
  #dashboard #av-switch .av-rail-label { display:none !important; }
  #dashboard #av-switch .av-btn {
    width:auto !important;
    min-height:34px;
    flex:0 0 auto !important;
    padding:7px 10px !important;
    white-space:nowrap;
  }
  #dashboard #av-switch .av-arrows { margin-left:auto !important; flex:0 0 auto; }
}

@media screen and (max-width:1023px) {
  #dashboard #av-uploads.av-on { display:block !important; }
  #dashboard #av-uploads > .upload-tabs {
    position:sticky !important;
    top:121px !important;
    z-index:35;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:4px !important;
    margin:0 0 14px !important;
    padding:7px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    border:1px solid var(--ic-v4-border-soft) !important;
    border-radius:8px !important;
    background:var(--ic-v4-surface) !important;
    scrollbar-width:none;
  }
  #dashboard #av-uploads > .upload-tabs::-webkit-scrollbar { display:none; }
  #dashboard #av-uploads > .upload-tabs > .upload-tab {
    width:auto !important;
    min-height:32px;
    flex:0 0 auto !important;
    padding:6px 9px !important;
    border:1px solid transparent !important;
    border-radius:6px !important;
    background:transparent !important;
    color:var(--ic-v4-text-mid) !important;
    box-shadow:none !important;
    white-space:nowrap;
    font-size:11.5px !important;
  }
  #dashboard #av-uploads > .upload-tabs > .upload-tab.active {
    border-color:var(--ic-v4-accent) !important;
    background:var(--ic-v4-accent-soft) !important;
    color:var(--ic-v4-accent) !important;
  }
  #dashboard #av-uploads > .upload-tabs > .tab-group-sep { display:none !important; }
  #dashboard #uir-report .kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}

@media screen and (max-width:640px) {
  #dashboard .dash-header-inner {
    min-height:56px;
    height:auto !important;
    padding:7px 14px !important;
  }
  #dashboard .dash-brand img { height:30px; }
  #dashboard .dash-brand span,
  #dashboard .last-updated { display:none !important; }
  #dashboard .dash-actions { gap:5px; }
  #dashboard .theme-toggle button { padding:5px 6px !important; }
  #dashboard .refresh-btn { padding:6px 8px !important; min-height:30px; }
  #dashboard .back-link { font-size:0 !important; }
  #dashboard .back-link::after { content:'←'; font-size:16px; }
  #dashboard .dash-body { padding:14px 12px 38px !important; }
  #dashboard #av-switch { top:56px !important; margin-bottom:14px !important; }
  #dashboard #av-uploads > .upload-tabs { top:108px !important; }
  #dashboard #uir-report .kpi-grid { grid-template-columns:1fr 1fr !important; gap:8px !important; }
  #dashboard #uir-report .kpi-card { padding:12px !important; }
  #dashboard #uir-report .kpi-n { font-size:20px !important; }
  #dashboard table { font-size:11px; }
}

@media (prefers-reduced-motion:reduce) {
  #dashboard *,
  #dashboard *::before,
  #dashboard *::after {
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}

/* Business operating layer: revenue truth and sales execution live above traffic detail. */
#dashboard.ic-admin-console-v5 #ic-b2b-workspace {
  display:grid;
  gap:16px;
  margin:0 0 20px;
  padding:22px;
  border:1px solid var(--ic-v4-border);
  border-radius:12px;
  background:linear-gradient(135deg,var(--ic-v4-surface) 0%,var(--ic-v4-surface-soft) 100%);
  box-shadow:0 8px 24px rgba(16,24,40,.06);
}
#dashboard.ic-admin-console-v5 .ic-b2b-heading,
#dashboard.ic-admin-console-v5 .ic-b2b-panel-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
#dashboard.ic-admin-console-v5 .ic-b2b-eyebrow {
  margin:0 0 5px;
  color:var(--ic-v4-accent);
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
}
#dashboard.ic-admin-console-v5 #ic-b2b-title {
  margin:0;
  color:var(--ic-v4-text);
  font-size:22px;
  letter-spacing:-.03em;
}
#dashboard.ic-admin-console-v5 .ic-b2b-description {
  margin:6px 0 0;
  color:var(--ic-v4-text-low);
  font-size:12px;
}
#dashboard.ic-admin-console-v5 .ic-b2b-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#dashboard.ic-admin-console-v5 .ic-b2b-period,
#dashboard.ic-admin-console-v5 #ic-b2b-queue-count {
  color:var(--ic-v4-text-low);
  font-size:11px;
  font-weight:700;
}
#dashboard.ic-admin-console-v5 .ic-b2b-refresh {
  min-height:32px;
  padding:6px 11px;
  border:1px solid var(--ic-v4-border);
  border-radius:6px;
  background:var(--ic-v4-surface);
  color:var(--ic-v4-text-mid);
  cursor:pointer;
  font-size:12px;
  font-weight:700;
}
#dashboard.ic-admin-console-v5 .ic-b2b-refresh:hover { border-color:var(--ic-v4-accent); color:var(--ic-v4-accent); background:var(--ic-v4-accent-soft); }
#dashboard.ic-admin-console-v5 .ic-b2b-status {
  min-height:18px;
  margin:0;
  color:var(--ic-v4-text-low);
  font-size:11px;
}
#dashboard.ic-admin-console-v5 .ic-b2b-status[data-state="error"] { color:var(--ic-v4-negative); }
#dashboard.ic-admin-console-v5 .ic-b2b-status[data-state="ready"] { color:var(--ic-v4-positive); }
#dashboard.ic-admin-console-v5 .ic-b2b-kpis {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
#dashboard.ic-admin-console-v5 .ic-b2b-kpi {
  min-width:0;
  padding:14px;
  border:1px solid var(--ic-v4-border-soft);
  border-radius:9px;
  background:var(--ic-v4-surface);
}
#dashboard.ic-admin-console-v5 .ic-b2b-kpi span,
#dashboard.ic-admin-console-v5 .ic-b2b-kpi small {
  display:block;
  color:var(--ic-v4-text-low);
  font-size:11px;
}
#dashboard.ic-admin-console-v5 .ic-b2b-kpi strong {
  display:block;
  overflow:hidden;
  margin:7px 0 5px;
  color:var(--ic-v4-text);
  font-size:20px;
  letter-spacing:-.04em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#dashboard.ic-admin-console-v5 .ic-b2b-kpi small { font-size:10px; }
#dashboard.ic-admin-console-v5 .ic-b2b-kpi[data-state="unavailable"] strong { color:var(--ic-v4-warning); font-size:16px; }
#dashboard.ic-admin-console-v5 .ic-b2b-lower-grid { display:grid; grid-template-columns:1.35fr 1fr; gap:10px; }
#dashboard.ic-admin-console-v5 .ic-b2b-panel {
  min-width:0;
  padding:15px;
  border:1px solid var(--ic-v4-border-soft);
  border-radius:9px;
  background:var(--ic-v4-surface);
}
#dashboard.ic-admin-console-v5 .ic-b2b-panel-heading h3 { margin:0; color:var(--ic-v4-text); font-size:13px; }
#dashboard.ic-admin-console-v5 .ic-b2b-queue { display:grid; gap:7px; margin-top:12px; }
#dashboard.ic-admin-console-v5 .ic-b2b-queue p { margin:0; color:var(--ic-v4-text-low); font-size:12px; }
#dashboard.ic-admin-console-v5 .ic-b2b-queue-item {
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:9px;
  min-width:0;
  padding:9px 0;
  border-bottom:1px solid var(--ic-v4-border-soft);
}
#dashboard.ic-admin-console-v5 .ic-b2b-queue-item:last-child { border-bottom:0; }
#dashboard.ic-admin-console-v5 .ic-b2b-queue-item time { color:var(--ic-v4-warning); font-size:10px; font-weight:800; }
#dashboard.ic-admin-console-v5 .ic-b2b-queue-item strong { overflow:hidden; color:var(--ic-v4-text); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
#dashboard.ic-admin-console-v5 .ic-b2b-queue-item span { overflow:hidden; color:var(--ic-v4-text-low); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
#dashboard.ic-admin-console-v5 .ic-b2b-integrity { display:grid; gap:10px; margin:12px 0 0; padding:0; list-style:none; }
#dashboard.ic-admin-console-v5 .ic-b2b-integrity li { display:flex; justify-content:space-between; gap:10px; padding-bottom:9px; border-bottom:1px solid var(--ic-v4-border-soft); color:var(--ic-v4-text-low); font-size:11px; }
#dashboard.ic-admin-console-v5 .ic-b2b-integrity li:last-child { border-bottom:0; padding-bottom:0; }
#dashboard.ic-admin-console-v5 .ic-b2b-integrity strong { color:var(--ic-v4-text-mid); font-size:11px; }

@media (max-width:900px) {
  #dashboard.ic-admin-console-v5 .ic-b2b-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #dashboard.ic-admin-console-v5 .ic-b2b-lower-grid { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  #dashboard.ic-admin-console-v5 #ic-b2b-workspace { padding:15px; border-radius:9px; }
  #dashboard.ic-admin-console-v5 .ic-b2b-heading { align-items:flex-start; flex-direction:column; gap:10px; }
  #dashboard.ic-admin-console-v5 .ic-b2b-actions { width:100%; justify-content:space-between; }
  #dashboard.ic-admin-console-v5 #ic-b2b-title { font-size:19px; }
  #dashboard.ic-admin-console-v5 .ic-b2b-description { line-height:1.5; }
  #dashboard.ic-admin-console-v5 .ic-b2b-kpis { grid-template-columns:1fr; }
}

/* admin-integrated-operations-console-v1 */
#dashboard.ic-admin-console:not(.is-authenticated) { display:none !important; }
#dashboard.ic-admin-console.is-authenticated { display:grid !important; }

#dashboard.ic-admin-console {
  display:grid;
  grid-template-columns:224px minmax(0,1fr);
  min-height:100vh;
  min-width:0;
  overflow-x:hidden;
  background:var(--ic-v4-canvas) !important;
}
#dashboard.ic-admin-console > #ic-admin-sidebar {
  position:sticky;
  top:0;
  z-index:60;
  display:flex;
  flex-direction:column;
  align-self:start;
  width:224px;
  min-height:100vh;
  padding:22px 12px 16px;
  border-right:1px solid var(--ic-v4-border-soft);
  background:var(--ic-v4-surface) !important;
  color:var(--ic-v4-text);
}
#dashboard.ic-admin-console .ic-admin-brand {
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:0 8px 16px;
  padding:0 0 16px;
  border-bottom:1px solid var(--ic-v4-border-soft);
}
#dashboard.ic-admin-console .ic-admin-brand strong {
  color:var(--ic-v4-text);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
#dashboard.ic-admin-console .ic-admin-brand span,
#dashboard.ic-admin-console .ic-admin-environment span {
  color:var(--ic-v4-text-low);
  font-size:10px;
}
#dashboard.ic-admin-console #av-switch {
  display:flex !important;
  flex:1 1 auto;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:4px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  overflow:visible !important;
}
#dashboard.ic-admin-console #av-switch .av-rail-brand,
#dashboard.ic-admin-console #av-switch .av-rail-label { display:none !important; }
#dashboard.ic-admin-console #av-switch .av-btn {
  width:100%;
  min-height:38px;
  justify-content:flex-start;
  padding:8px 10px !important;
  border:1px solid transparent !important;
  border-radius:6px !important;
  background:transparent !important;
  color:var(--ic-v4-text-mid) !important;
  text-align:left;
  box-shadow:none !important;
  transform:none !important;
}
#dashboard.ic-admin-console #av-switch .av-btn:hover {
  background:var(--ic-v4-surface-soft) !important;
  color:var(--ic-v4-text) !important;
}
#dashboard.ic-admin-console #av-switch .av-btn.active {
  border-color:var(--ic-v4-accent) !important;
  background:var(--ic-v4-accent-soft) !important;
  color:var(--ic-v4-accent) !important;
  font-weight:700 !important;
}
#dashboard.ic-admin-console #av-switch .av-arrows {
  width:100%;
  margin:12px 0 0 !important;
  padding-top:12px;
  border-top:1px solid var(--ic-v4-border-soft);
}
#dashboard.ic-admin-console #av-switch .av-arrows button {
  flex:1 1 0;
  width:auto;
  height:34px;
  border:1px solid var(--ic-v4-border-soft) !important;
  border-radius:6px !important;
  background:var(--ic-v4-surface-soft) !important;
  color:var(--ic-v4-text-mid) !important;
}
#dashboard.ic-admin-console .ic-admin-environment {
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:18px 8px 0;
  padding-top:14px;
  border-top:1px solid var(--ic-v4-border-soft);
}
#dashboard.ic-admin-console .ic-admin-environment strong {
  color:var(--ic-v4-positive);
  font-size:11px;
  font-weight:750;
}
#dashboard.ic-admin-console > .ic-admin-main {
  display:flex;
  min-width:0;
  flex-direction:column;
  background:var(--ic-v4-canvas);
}
#dashboard.ic-admin-console #ic-workspace-views {
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
  padding:28px 32px 60px !important;
  overflow:visible;
}
#dashboard.ic-admin-console #ic-workspace-views > .av-slide {
  min-width:0;
  margin:0;
}
#dashboard.ic-admin-console #ic-workspace-views > .av-slide:not(.av-on) { display:none !important; }
#dashboard.ic-admin-console #ic-workspace-views > .av-slide.av-on { display:block !important; }
#ic-workspace-views > .av-slide:not(.av-on) { display:none; }

/* Overview hierarchy */
#dashboard.ic-admin-console #uir-report,
#dashboard.ic-admin-console #ic-content-workspace,
#dashboard.ic-admin-console #search-growth { min-width:0; }
#dashboard.ic-admin-console #ic-overview-header {
  margin-bottom:20px;
  padding-bottom:18px;
  border-bottom:1px solid var(--ic-v4-border-soft);
}
#dashboard.ic-admin-console #ic-overview-header .uir-head { margin:0; }
#dashboard.ic-admin-console .ic-eyebrow {
  margin:0 0 6px;
  color:var(--ic-v4-accent);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
#dashboard.ic-admin-console .ic-overview-copy h1,
#dashboard.ic-admin-console #ic-content-title {
  color:var(--ic-v4-text) !important;
  font-size:22px !important;
  font-weight:760 !important;
  letter-spacing:-.03em;
}
#dashboard.ic-admin-console .ic-workspace-description,
#dashboard.ic-admin-console #ic-content-header > p:last-child {
  margin-top:6px;
  color:var(--ic-v4-text-low);
  font-size:12px;
}
#dashboard.ic-admin-console .ic-surface,
#dashboard.ic-admin-console .ic-section,
#dashboard.ic-admin-console .ic-secondary-metrics {
  min-width:0;
  margin:0 0 16px;
  padding:18px;
  border:1px solid var(--ic-v4-border-soft);
  border-radius:8px;
  background:var(--ic-v4-surface) !important;
  box-shadow:none !important;
}
#dashboard.ic-admin-console .ic-section-heading {
  display:flex;
  align-items:baseline;
  gap:8px;
  margin:0 0 12px;
}
#dashboard.ic-admin-console .ic-section-heading h2 {
  margin:0;
  color:var(--ic-v4-text);
  font-size:13px;
  font-weight:750;
}
#dashboard.ic-admin-console .ic-section-meta {
  color:var(--ic-v4-text-low);
  font-size:10.5px;
}
#dashboard.ic-admin-console #ic-overview-primary-kpis .kpi-grid {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
#dashboard.ic-admin-console #ic-overview-primary-kpis .kpi-card {
  min-width:0;
  padding:14px !important;
  border:1px solid var(--ic-v4-border-soft) !important;
  border-top:2px solid var(--ic-v4-accent) !important;
  border-radius:7px !important;
  background:var(--ic-v4-surface) !important;
  box-shadow:none !important;
}
#dashboard.ic-admin-console #ic-overview-secondary .kpi-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
#dashboard.ic-admin-console #ic-overview-secondary .kpi-card {
  min-width:0;
  padding:13px 14px !important;
  border:1px solid var(--ic-v4-border-soft) !important;
  border-radius:7px !important;
  background:var(--ic-v4-surface-soft) !important;
  box-shadow:none !important;
}
#dashboard.ic-admin-console :is(#ic-overview-primary-kpis,#ic-overview-secondary) .kpi-n {
  color:var(--ic-v4-text) !important;
  font-size:23px !important;
  font-weight:760 !important;
}
#dashboard.ic-admin-console :is(#ic-overview-primary-kpis,#ic-overview-secondary) .kpi-l {
  color:var(--ic-v4-text-mid) !important;
  font-size:11px !important;
}
#dashboard.ic-admin-console #ic-overview-secondary { background:var(--ic-v4-surface-soft) !important; }
#dashboard.ic-admin-console #ic-overview-traffic-ops {
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);
  gap:16px;
  min-width:0;
}
#dashboard.ic-admin-console #ic-overview-traffic-ops > :is(#ic-overview-traffic,#ic-overview-operations) {
  min-width:0;
  margin:0;
}
#dashboard.ic-admin-console #ic-overview-traffic .chart-row {
  min-width:0;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
#dashboard.ic-admin-console #ic-overview-traffic .chart-card {
  min-width:0;
  padding:12px !important;
  border:1px solid var(--ic-v4-border-soft) !important;
  border-radius:7px !important;
  background:var(--ic-v4-surface-soft) !important;
  box-shadow:none !important;
}
#dashboard.ic-admin-console #ic-overview-traffic .chart-card canvas { max-width:100%; }
#dashboard.ic-admin-console .ic-operation-list { display:grid; gap:8px; }
#dashboard.ic-admin-console .ic-operation-item {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  padding:11px 12px;
  border:1px solid var(--ic-v4-border-soft);
  border-radius:7px;
  background:var(--ic-v4-surface-soft);
  color:var(--ic-v4-text-mid);
  font-size:11px;
}
#dashboard.ic-admin-console .ic-operation-item strong {
  color:var(--ic-v4-warning);
  font-size:10.5px;
  white-space:nowrap;
}
#dashboard.ic-admin-console #ic-overview-news-viral,
#dashboard.ic-admin-console #ic-overview-ad-summary,
#dashboard.ic-admin-console #ic-overview-detail { margin-top:16px; }
#dashboard.ic-admin-console #ic-overview-ad-summary-state {
  min-height:42px;
  display:flex;
  align-items:center;
  padding:11px 12px;
  border:1px solid var(--ic-v4-border-soft);
  border-radius:7px;
  background:var(--ic-v4-surface-soft);
  color:var(--ic-v4-text-mid);
  font-size:11px;
}
#dashboard.ic-admin-console #ic-overview-ad-summary-state[data-ad-summary-state="ready"] { color:var(--ic-v4-positive); }
#dashboard.ic-admin-console #ic-overview-ad-summary-state[data-ad-summary-state="error"] { color:var(--ic-v4-negative); }
#dashboard.ic-admin-console #ic-overview-ad-summary-state[data-ad-summary-state="loading"] { color:var(--ic-v4-accent); }
#dashboard.ic-admin-console .ic-summary-cta {
  margin-top:10px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--ic-v4-accent);
  font-size:11px;
  font-weight:750;
  cursor:pointer;
}

/* Shared detail surfaces */
#dashboard.ic-admin-console #ic-overview-detail .stats-slider-nav {
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
}
#dashboard.ic-admin-console #ic-overview-detail .ssn-tabs {
  display:flex;
  min-width:0;
  flex:1 1 auto;
  gap:4px;
  overflow-x:auto;
  scrollbar-width:none;
}
#dashboard.ic-admin-console #ic-overview-detail .ssn-tabs::-webkit-scrollbar { display:none; }
#dashboard.ic-admin-console #ic-overview-detail .ssn-tab,
#dashboard.ic-admin-console #ic-overview-detail .ssn-nav-btn {
  min-height:32px;
  padding:6px 9px;
  border:1px solid var(--ic-v4-border-soft) !important;
  border-radius:6px !important;
  background:var(--ic-v4-surface) !important;
  color:var(--ic-v4-text-mid) !important;
  box-shadow:none !important;
  white-space:nowrap;
}
#dashboard.ic-admin-console #ic-overview-detail .ssn-tab.active {
  border-color:var(--ic-v4-accent) !important;
  background:var(--ic-v4-accent-soft) !important;
  color:var(--ic-v4-accent) !important;
}
#dashboard.ic-admin-console #ic-overview-detail .stats-slides-outer { min-width:0; overflow:hidden; }
#dashboard.ic-admin-console #ic-overview-detail .stats-slide { min-width:0; }

/* Content workspace: local navigation and real legacy panels share one surface. */
#dashboard.ic-admin-console .ic-content-layout {
  display:grid;
  grid-template-columns:196px minmax(0,1fr);
  gap:18px;
  align-items:start;
  min-width:0;
}
#dashboard.ic-admin-console #ic-content-header { margin-bottom:18px; }
#dashboard.ic-admin-console #ic-content-local-nav {
  position:sticky;
  top:88px;
  z-index:30;
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:4px;
  max-height:calc(100vh - 112px);
  padding:8px;
  overflow-y:auto;
  border:1px solid var(--ic-v4-border-soft);
  border-radius:8px;
  background:var(--ic-v4-surface);
}
#dashboard.ic-admin-console .ic-content-layout > .dash-section-title { grid-column:1/-1; margin:0; }
#dashboard.ic-admin-console #ic-content-local-nav .upload-tab,
#dashboard.ic-admin-console #ic-content-local-nav button {
  width:100%;
  min-height:34px;
  justify-content:flex-start;
  padding:7px 9px !important;
  border:1px solid transparent !important;
  border-radius:6px !important;
  background:transparent !important;
  color:var(--ic-v4-text-mid) !important;
  font-size:11px !important;
  text-align:left;
  box-shadow:none !important;
  white-space:normal;
}
#dashboard.ic-admin-console #ic-content-local-nav .upload-tab:hover,
#dashboard.ic-admin-console #ic-content-local-nav .upload-tab.active {
  border-color:var(--ic-v4-accent) !important;
  background:var(--ic-v4-accent-soft) !important;
  color:var(--ic-v4-accent) !important;
}
#dashboard.ic-admin-console #ic-content-local-nav .tab-group-sep {
  width:100%;
  height:1px;
  margin:4px 0;
  background:var(--ic-v4-border-soft);
}
#dashboard.ic-admin-console #ic-content-main {
  min-width:0;
  padding:18px;
  border:1px solid var(--ic-v4-border-soft);
  border-radius:8px;
  background:var(--ic-v4-surface);
}
#dashboard.ic-admin-console #ic-content-panel-context {
  margin:0 0 16px;
  padding:0 0 14px;
  border-bottom:1px solid var(--ic-v4-border-soft);
}
#dashboard.ic-admin-console #ic-content-panel-context h2 { color:var(--ic-v4-text); font-size:15px; }
#dashboard.ic-admin-console #ic-content-panel-context p { margin-top:4px; color:var(--ic-v4-text-low); font-size:11px; }
#dashboard.ic-admin-console #ic-content-main > .upload-panel { min-width:0; }

@media (max-width:1179px) {
  #dashboard.ic-admin-console { display:block; }
  #dashboard.ic-admin-console > #ic-admin-sidebar {
    position:sticky;
    top:0;
    width:100%;
    min-height:0;
    padding:8px 14px;
    border-right:0;
    border-bottom:1px solid var(--ic-v4-border-soft);
  }
  #dashboard.ic-admin-console .ic-admin-brand,
  #dashboard.ic-admin-console .ic-admin-environment { display:none; }
  #dashboard.ic-admin-console #av-switch {
    flex-direction:row !important;
    align-items:center !important;
    overflow-x:auto !important;
  }
  #dashboard.ic-admin-console #av-switch .av-btn {
    width:auto;
    flex:0 0 auto;
    white-space:nowrap;
  }
  #dashboard.ic-admin-console #av-switch .av-arrows { width:auto; margin:0 0 0 auto !important; padding:0; border:0; }
  #dashboard.ic-admin-console #ic-workspace-views { padding:22px 24px 48px !important; }
  #dashboard.ic-admin-console #ic-content-local-nav { top:72px; }
}

@media (max-width:1023px) {
  .ic-content-layout, #ic-overview-traffic-ops { display:block; }
  #dashboard.ic-admin-console .ic-content-layout { display:block; }
  #dashboard.ic-admin-console #ic-content-local-nav {
    position:sticky;
    top:72px;
    max-height:none;
    flex-direction:row;
    margin-bottom:14px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
  }
  #dashboard.ic-admin-console #ic-content-local-nav::-webkit-scrollbar { display:none; }
  #dashboard.ic-admin-console #ic-content-local-nav .upload-tab,
  #dashboard.ic-admin-console #ic-content-local-nav button { width:auto; flex:0 0 auto; white-space:nowrap; }
  #dashboard.ic-admin-console #ic-content-local-nav .tab-group-sep { width:1px; height:24px; margin:0 3px; }
  #dashboard.ic-admin-console #ic-overview-traffic-ops { grid-template-columns:1fr; }
  #dashboard.ic-admin-console #ic-overview-primary-kpis .kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #dashboard.ic-admin-console #ic-overview-secondary .kpi-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:640px) {
  #dashboard.ic-admin-console #ic-workspace-views { padding:14px 12px 38px !important; }
  #dashboard.ic-admin-console #ic-overview-header { padding-bottom:14px; }
  #dashboard.ic-admin-console .ic-surface,
  #dashboard.ic-admin-console .ic-section,
  #dashboard.ic-admin-console .ic-secondary-metrics,
  #dashboard.ic-admin-console #ic-content-main { padding:14px; }
  #dashboard.ic-admin-console #ic-overview-primary-kpis .kpi-grid,
  #dashboard.ic-admin-console #ic-overview-secondary .kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  #dashboard.ic-admin-console #ic-overview-traffic .chart-row { grid-template-columns:1fr; }
  #dashboard.ic-admin-console #ic-content-local-nav { top:56px; }
  #dashboard.ic-admin-console #ic-overview-detail .stats-slider-nav { align-items:stretch; }
  #dashboard.ic-admin-console #ic-overview-detail .ssn-nav-btn { flex:0 0 32px; padding:4px; }
}

/* admin-console-v5-layout
 *
 * Final presentation layer for the rebuilt operations console.
 * Runtime, routing, API, DOM IDs and panel ownership remain in admin.html.
 */
#dashboard.ic-admin-console-v5 {
  --ic-v5-rail:232px;
  --ic-v5-gap:20px;
  --ic-v5-radius:10px;
  --ic-v5-space:clamp(14px,2.1vw,28px);
  display:grid;
  grid-template-columns:var(--ic-v5-rail) minmax(0,1fr);
  min-width:0;
  min-height:100vh;
  overflow-x:hidden;
  background:var(--ic-v4-canvas) !important;
}

#dashboard.ic-admin-console-v5:not(.is-authenticated) { display:none !important; }
#dashboard.ic-admin-console-v5.is-authenticated { display:grid !important; }

#dashboard.ic-admin-console-v5 > #ic-admin-sidebar {
  position:sticky;
  top:0;
  z-index:60;
  display:flex;
  flex-direction:column;
  align-self:start;
  width:var(--ic-v5-rail);
  min-width:0;
  min-height:100vh;
  padding:20px 12px 16px;
  border-right:1px solid var(--ic-v4-border-soft) !important;
  background:var(--ic-v4-surface) !important;
  overflow:hidden;
}

#dashboard.ic-admin-console-v5 > .ic-admin-main {
  display:flex;
  min-width:0;
  flex-direction:column;
  background:var(--ic-v4-canvas);
  overflow-x:hidden;
}

#dashboard.ic-admin-console-v5 .ic-admin-topbar {
  position:sticky !important;
  top:0;
  z-index:55;
  min-width:0;
  background:color-mix(in srgb,var(--ic-v4-surface) 94%,transparent) !important;
  border-bottom:1px solid var(--ic-v4-border-soft) !important;
  backdrop-filter:blur(12px);
}

#dashboard.ic-admin-console-v5 .dash-header-inner {
  width:100%;
  max-width:none;
  min-width:0;
  min-height:64px;
  height:auto !important;
  padding:12px var(--ic-v5-space);
}

#dashboard.ic-admin-console-v5 #ic-workspace-views {
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
  padding:var(--ic-v5-space) var(--ic-v5-space) 52px !important;
  overflow:visible;
}

#dashboard.ic-admin-console-v5 #ic-workspace-views > .av-slide {
  display:none !important;
  min-width:0;
  width:100%;
  margin:0;
  animation:none !important;
}

#dashboard.ic-admin-console-v5 #ic-workspace-views > .av-slide.av-on {
  display:block !important;
}

#dashboard.ic-admin-console-v5 :is(.ic-surface,.ic-section,.ic-secondary-metrics,#ic-content-main,.sg-card) {
  min-width:0;
  max-width:100%;
  border-radius:var(--ic-v5-radius) !important;
  box-shadow:none !important;
  clip-path:none !important;
}

#dashboard.ic-admin-console-v5 :is(.ic-surface,.ic-section,.ic-secondary-metrics) {
  margin-bottom:var(--ic-v5-gap);
}

/* Overview: primary operations only in the first viewport. */
#dashboard.ic-admin-console-v5 #uir-report {
  display:block;
  min-width:0;
}

#dashboard.ic-admin-console-v5 #ic-overview-header {
  margin:0 0 16px;
  padding:0 0 16px;
  border-bottom:1px solid var(--ic-v4-border-soft);
}

#dashboard.ic-admin-console-v5 #ic-overview-primary-kpis {
  margin:0 0 var(--ic-v5-gap);
}

#dashboard.ic-admin-console-v5 #ic-overview-primary-kpis .kpi-grid {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  min-width:0;
}

#dashboard.ic-admin-console-v5 #ic-overview-primary-kpis .kpi-card,
#dashboard.ic-admin-console-v5 #ic-overview-secondary .kpi-card {
  min-width:0;
  overflow:hidden;
}

#dashboard.ic-admin-console-v5 #ic-overview-traffic-ops {
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);
  gap:var(--ic-v5-gap);
  min-width:0;
}

#dashboard.ic-admin-console-v5 #ic-overview-traffic-ops > :is(#ic-overview-traffic,#ic-overview-operations) {
  min-width:0;
  margin:0;
}

#dashboard.ic-admin-console-v5 #ic-overview-traffic .chart-row {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  min-width:0;
}

#dashboard.ic-admin-console-v5 #ic-overview-traffic .chart-card,
#dashboard.ic-admin-console-v5 #ic-overview-traffic canvas {
  min-width:0;
  max-width:100%;
}

#dashboard.ic-admin-console-v5 .ic-operation-list { min-width:0; }
#dashboard.ic-admin-console-v5 .ic-operation-item { min-width:0; overflow:hidden; }

#dashboard.ic-admin-console-v5 .ic-v5-disclosure {
  min-width:0;
  margin:0 0 var(--ic-v5-gap);
  border:1px solid var(--ic-v4-border-soft);
  border-radius:var(--ic-v5-radius);
  background:var(--ic-v4-surface-soft);
  overflow:hidden;
}

#dashboard.ic-admin-console-v5 .ic-v5-disclosure > summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:46px;
  padding:12px 16px;
  cursor:pointer;
  color:var(--ic-v4-text);
  font-size:12px;
  font-weight:750;
  list-style:none;
}

#dashboard.ic-admin-console-v5 .ic-v5-disclosure > summary::-webkit-details-marker { display:none; }
#dashboard.ic-admin-console-v5 .ic-v5-disclosure > summary span {
  color:var(--ic-v4-accent);
  font-size:17px;
  line-height:1;
  transition:transform .18s ease;
}
#dashboard.ic-admin-console-v5 .ic-v5-disclosure[open] > summary {
  border-bottom:1px solid var(--ic-v4-border-soft);
  background:var(--ic-v4-surface);
}
#dashboard.ic-admin-console-v5 .ic-v5-disclosure[open] > summary span { transform:rotate(45deg); }
#dashboard.ic-admin-console-v5 .ic-v5-disclosure > :not(summary) { min-width:0; }
#dashboard.ic-admin-console-v5 .ic-v5-disclosure > #ic-overview-news-viral,
#dashboard.ic-admin-console-v5 .ic-v5-disclosure > #ic-overview-ad-summary,
#dashboard.ic-admin-console-v5 .ic-v5-disclosure > #ic-overview-detail {
  margin:16px;
}

#dashboard.ic-admin-console-v5 #ic-overview-secondary {
  margin:0 0 var(--ic-v5-gap);
}

/* Content workspace: one active panel, no layout leakage from siblings. */
#dashboard.ic-admin-console-v5 .ic-content-layout {
  display:grid;
  grid-template-columns:196px minmax(0,1fr);
  gap:var(--ic-v5-gap);
  align-items:start;
  min-width:0;
}

#dashboard.ic-admin-console-v5 #ic-content-local-nav,
#dashboard.ic-admin-console-v5 #ic-content-main {
  min-width:0;
  max-width:100%;
}

#dashboard.ic-admin-console-v5 #ic-content-local-nav {
  position:sticky;
  top:84px;
  max-height:calc(100vh - 104px);
  overflow:auto;
}

#dashboard.ic-admin-console-v5 #ic-content-main {
  overflow:hidden;
}

#dashboard.ic-admin-console-v5 #ic-content-main > .upload-panel {
  min-width:0;
  max-width:100%;
}

#dashboard.ic-admin-console-v5 :is(.table-wrap,.admin-table-wrap,.adp-table-wrap,.news-viral-table-wrap) {
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-x:contain;
}

#dashboard.ic-admin-console-v5 :is(table,.news-viral-table) { max-width:none; }

/* Search workspace remains a separate contract-preserving detail surface. */
#dashboard.ic-admin-console-v5 #search-growth {
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
#dashboard.ic-admin-console-v5 #search-growth :is(.sg-card,.sg-kpi,.sg-action) { min-width:0; max-width:100%; }

@media (max-width:1279px) {
  #dashboard.ic-admin-console-v5 { display:block; }
  #dashboard.ic-admin-console-v5.is-authenticated { display:block !important; }
  #dashboard.ic-admin-console-v5 > #ic-admin-sidebar {
    position:sticky;
    top:0;
    width:100%;
    min-height:0;
    padding:8px 14px;
    border-right:0 !important;
    border-bottom:1px solid var(--ic-v4-border-soft) !important;
  }
  #dashboard.ic-admin-console-v5 .ic-admin-brand,
  #dashboard.ic-admin-console-v5 .ic-admin-environment { display:none; }
  #dashboard.ic-admin-console-v5 #av-switch {
    flex-direction:row !important;
    align-items:center !important;
    overflow-x:auto !important;
  }
  #dashboard.ic-admin-console-v5 #av-switch .av-btn {
    width:auto;
    flex:0 0 auto;
    white-space:nowrap;
  }
  #dashboard.ic-admin-console-v5 #av-switch .av-arrows {
    width:auto;
    margin:0 0 0 auto !important;
    padding:0;
    border:0;
  }
  #dashboard.ic-admin-console-v5 #ic-workspace-views { padding:22px 24px 48px !important; }
  #dashboard.ic-admin-console-v5 #ic-content-local-nav { top:72px; }
}

@media (max-width:1023px) {
  #dashboard.ic-admin-console-v5 #ic-overview-traffic-ops { grid-template-columns:1fr; }
  #dashboard.ic-admin-console-v5 #ic-overview-primary-kpis .kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #dashboard.ic-admin-console-v5 .ic-content-layout { display:block; }
  #dashboard.ic-admin-console-v5 #ic-content-local-nav {
    position:sticky;
    top:72px;
    z-index:35;
    display:flex;
    max-height:none;
    flex-direction:row;
    margin-bottom:14px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
  }
  #dashboard.ic-admin-console-v5 #ic-content-local-nav::-webkit-scrollbar { display:none; }
  #dashboard.ic-admin-console-v5 #ic-content-local-nav .upload-tab,
  #dashboard.ic-admin-console-v5 #ic-content-local-nav button { width:auto; flex:0 0 auto; white-space:nowrap; }
  #dashboard.ic-admin-console-v5 #ic-content-local-nav .tab-group-sep { width:1px; height:24px; margin:0 3px; }
}

@media (max-width:767px) {
  #dashboard.ic-admin-console-v5 .dash-header-inner {
    min-height:56px;
    padding:8px 12px !important;
  }
  #dashboard.ic-admin-console-v5 .dash-brand span,
  #dashboard.ic-admin-console-v5 .last-updated { display:none !important; }
  #dashboard.ic-admin-console-v5 .dash-actions { gap:5px; }
  #dashboard.ic-admin-console-v5 #ic-workspace-views { padding:14px 12px 38px !important; }
  #dashboard.ic-admin-console-v5 #ic-overview-primary-kpis .kpi-grid { grid-template-columns:1fr; gap:8px; }
  #dashboard.ic-admin-console-v5 #ic-overview-traffic .chart-row { grid-template-columns:1fr; }
  #dashboard.ic-admin-console-v5 .ic-v5-disclosure > #ic-overview-news-viral,
  #dashboard.ic-admin-console-v5 .ic-v5-disclosure > #ic-overview-ad-summary,
  #dashboard.ic-admin-console-v5 .ic-v5-disclosure > #ic-overview-detail { margin:12px; }
  #dashboard.ic-admin-console-v5 #ic-content-local-nav { top:56px; }
}

@media (prefers-reduced-motion:reduce) {
  #dashboard.ic-admin-console-v5 *,
  #dashboard.ic-admin-console-v5 *::before,
  #dashboard.ic-admin-console-v5 *::after {
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}

/* admin-b2b-operations-console-v2 */
#dashboard.ic-admin-console-v5 {
  --ic-console-canvas:#f6f8fb;
  --ic-console-surface:#ffffff;
  --ic-console-surface-muted:#f8fafc;
  --ic-console-border:#e5eaf0;
  --ic-console-text:#172033;
  --ic-console-text-muted:#667085;
  --ic-console-accent:#1e5fa8;
  --ic-console-accent-soft:#eaf2fb;
  --ic-console-success:#15803d;
  --ic-console-warning:#b45309;
  --ic-console-danger:#b91c1c;
  --ic-console-radius:14px;
  --ic-console-gap:16px;
  background:var(--ic-console-canvas) !important;
  color:var(--ic-console-text);
  text-shadow:none !important;
}

[data-theme="dark"] #dashboard.ic-admin-console-v5 {
  --ic-console-canvas:#11151a;
  --ic-console-surface:#181d24;
  --ic-console-surface-muted:#20262e;
  --ic-console-border:#2c333d;
  --ic-console-text:#f2f4f7;
  --ic-console-text-muted:#98a2b3;
  --ic-console-accent:#84adff;
  --ic-console-accent-soft:#1e355d;
  --ic-console-success:#75e0a7;
  --ic-console-warning:#fec84b;
  --ic-console-danger:#fda29b;
}

#dashboard.ic-admin-console-v5
  :where(.ic-admin-brand,.ic-admin-environment,.ic-admin-topbar,
         .ic-b2b-workspace,.ic-surface,.ic-secondary-metrics,
         .ic-v5-disclosure,.ic-content-nav-group,#ic-search-summary,
         #ic-search-pipeline) {
  filter:none !important;
  clip-path:none !important;
  text-shadow:none !important;
  animation:none !important;
}

#dashboard.ic-admin-console-v5 :is(button,a,[tabindex]):focus-visible {
  outline:3px solid color-mix(in srgb,var(--ic-console-accent) 35%,transparent);
  outline-offset:2px;
}

#dashboard.ic-admin-console-v5
  :is(#ic-b2b-workspace,#ic-overview-primary-kpis,
      #ic-overview-traffic,#ic-overview-operations,
      #ic-search-summary,#ic-search-pipeline,#ic-search-detail) {
  border:1px solid var(--ic-console-border) !important;
  border-radius:var(--ic-console-radius) !important;
  background:var(--ic-console-surface) !important;
  box-shadow:0 1px 3px rgba(15,23,42,.05) !important;
}

#dashboard.ic-admin-console-v5 #ic-b2b-workspace {
  margin:0 0 var(--ic-console-gap);
  padding:20px;
}

#dashboard.ic-admin-console-v5 #ic-b2b-kpis {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

#dashboard.ic-admin-console-v5 .ic-b2b-kpi {
  min-width:0;
  border:1px solid var(--ic-console-border);
  border-radius:12px;
  background:var(--ic-console-surface-muted);
  box-shadow:none;
}

#dashboard.ic-admin-console-v5 .ic-b2b-kpi strong {
  color:var(--ic-console-text);
}

#dashboard.ic-admin-console-v5 #ic-overview-primary-kpis,
#dashboard.ic-admin-console-v5 #ic-overview-traffic,
#dashboard.ic-admin-console-v5 #ic-overview-operations {
  overflow:hidden;
}

#dashboard.ic-admin-console-v5 #ic-overview-advanced {
  border-color:var(--ic-console-border);
  background:var(--ic-console-surface-muted);
}

#dashboard.ic-admin-console-v5 #ic-content-local-nav {
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
  padding:12px;
  border:1px solid var(--ic-console-border);
  border-radius:var(--ic-console-radius);
  background:var(--ic-console-surface);
  box-shadow:0 1px 3px rgba(15,23,42,.05);
}

#dashboard.ic-admin-console-v5 .ic-content-nav-group {
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  padding-bottom:10px;
  border-bottom:1px solid var(--ic-console-border);
}

#dashboard.ic-admin-console-v5 .ic-content-nav-group:last-child {
  padding-bottom:0;
  border-bottom:0;
}

#dashboard.ic-admin-console-v5 .ic-content-nav-group-title {
  margin:0 4px 2px;
  color:var(--ic-console-text-muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  line-height:1.4;
}

#dashboard.ic-admin-console-v5 #ic-content-local-nav
  :is(.upload-tab,.mobility-media-tab,.mobility-data-tab,
      .mobility-quote-tab,.mobility-crm-tab,.mobility-search-tab,
      .mobility-attribution-tab) {
  width:100%;
  min-height:36px;
  padding:8px 10px !important;
  border:1px solid transparent !important;
  border-radius:9px !important;
  background:transparent !important;
  color:var(--ic-console-text-muted) !important;
  font-size:12px;
  text-align:left;
  white-space:normal;
  transform:none !important;
}

#dashboard.ic-admin-console-v5 #ic-content-local-nav
  :is(.upload-tab,.mobility-media-tab,.mobility-data-tab,
      .mobility-quote-tab,.mobility-crm-tab,.mobility-search-tab,
      .mobility-attribution-tab):hover,
#dashboard.ic-admin-console-v5 #ic-content-local-nav
  :is(.upload-tab,.mobility-media-tab,.mobility-data-tab,
      .mobility-quote-tab,.mobility-crm-tab,.mobility-search-tab,
      .mobility-attribution-tab).active {
  border-color:var(--ic-console-accent) !important;
  background:var(--ic-console-accent-soft) !important;
  color:var(--ic-console-accent) !important;
}

#dashboard.ic-admin-console-v5 #ic-content-local-nav
  :is(.upload-tab,.mobility-media-tab,.mobility-data-tab,
      .mobility-quote-tab,.mobility-crm-tab,.mobility-search-tab,
      .mobility-attribution-tab) .pending-badge {
  background:var(--ic-console-danger) !important;
  color:#fff !important;
}

#dashboard.ic-admin-console-v5 #ic-search-workspace {
  min-width:0;
}

#dashboard.ic-admin-console-v5
  :is(#ic-search-summary,#ic-search-pipeline,#ic-search-detail) {
  margin-bottom:var(--ic-console-gap);
  overflow:hidden;
}

#dashboard.ic-admin-console-v5 .ic-pipeline-summary {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto
                       minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:16px;
}

#dashboard.ic-admin-console-v5 .ic-pipeline-summary span {
  min-width:0;
  padding:12px;
  border:1px solid var(--ic-console-border);
  border-radius:10px;
  background:var(--ic-console-surface-muted);
  color:var(--ic-console-text);
  font-size:13px;
  font-weight:800;
  text-align:center;
}

#dashboard.ic-admin-console-v5 .ic-pipeline-summary i {
  color:var(--ic-console-accent);
  font-size:16px;
  font-style:normal;
  text-align:center;
}

#dashboard.ic-admin-console-v5 #ic-search-pipeline > p {
  margin:0;
  padding:16px;
  color:var(--ic-console-text-muted);
  font-size:12px;
}

@media (max-width:1279px) {
  #dashboard.ic-admin-console-v5 #ic-b2b-kpis {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #dashboard.ic-admin-console-v5 #ic-content-local-nav {
    position:sticky;
    top:72px;
    z-index:35;
    flex-direction:row;
    max-height:none;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:thin;
  }

  #dashboard.ic-admin-console-v5 .ic-content-nav-group {
    flex:0 0 220px;
    padding:0 10px 0 0;
    border-right:1px solid var(--ic-console-border);
    border-bottom:0;
  }

  #dashboard.ic-admin-console-v5 .ic-content-nav-group:last-child {
    padding-right:0;
    border-right:0;
  }
}

@media (max-width:1023px) {
  #dashboard.ic-admin-console-v5 #ic-overview-traffic-ops {
    grid-template-columns:1fr;
  }

  #dashboard.ic-admin-console-v5 .ic-content-layout {
    display:block;
  }
}

@media (max-width:767px) {
  #dashboard.ic-admin-console-v5 #ic-b2b-workspace {
    padding:14px;
  }

  #dashboard.ic-admin-console-v5 #ic-b2b-kpis {
    grid-template-columns:1fr;
  }

  #dashboard.ic-admin-console-v5 .ic-pipeline-summary {
    grid-template-columns:1fr;
  }

  #dashboard.ic-admin-console-v5 .ic-pipeline-summary i {
    transform:rotate(90deg);
  }

  #dashboard.ic-admin-console-v5 #ic-workspace-views {
    padding:14px 12px 38px !important;
  }

  #dashboard.ic-admin-console-v5 #ic-content-local-nav {
    top:56px;
    padding:8px;
  }

  #dashboard.ic-admin-console-v5 .ic-content-nav-group {
    flex-basis:190px;
  }
}

@media (prefers-reduced-motion:reduce) {
  #dashboard.ic-admin-console-v5
    :is(.ic-admin-brand,.ic-admin-environment,.ic-admin-topbar,
        .ic-b2b-workspace,.ic-surface,.ic-secondary-metrics,
        .ic-v5-disclosure,.ic-content-nav-group,#ic-search-summary,
        #ic-search-pipeline) {
    animation:none !important;
    transition:none !important;
  }
}
