/* PAC Control Tower HF6A - UX2 Foundation + Terrestre. No graphs added. */
:root {
  --hf6-bg: #f5f7fa;
  --hf6-surface: #ffffff;
  --hf6-sidebar: #0b1220;
  --hf6-sidebar-2: #111827;
  --hf6-text: #182230;
  --hf6-muted: #667085;
  --hf6-border: #e4e7ec;
  --hf6-accent: #0d6f78;
  --hf6-accent-soft: #e8f6f7;
  --hf6-danger: #b42318;
  --hf6-warning: #b54708;
  --hf6-success: #067647;
  --hf6-radius: 14px;
  --hf6-shadow: 0 1px 2px rgba(16,24,40,.04), 0 8px 24px rgba(16,24,40,.045);
}

html, body { background: var(--hf6-bg) !important; color: var(--hf6-text) !important; font-family: "Segoe UI", Arial, sans-serif !important; }
#app-shell, .site-shell, .pac-layout-body, #page-content-shell { background: var(--hf6-bg) !important; }

/* Dark navigation, light workspace: visual hierarchy inspired by the supplied demo. */
.pac-sidebar { background: var(--hf6-sidebar) !important; border-right: 1px solid rgba(255,255,255,.06) !important; box-shadow: none !important; }
.pac-sidebar-nav-v162, .pac-sidebar-nav-host { background: transparent !important; }
.pac-sidebar-general-label, .pac-sidebar-group-title { color: #98a2b3 !important; letter-spacing: .06em !important; font-size: 11px !important; text-transform: uppercase !important; }
.pac-sidebar button, .pac-sidebar .pac-nav-link, .pac-sidebar .pac-sidebar-nav-button { color: #d0d5dd !important; border-radius: 9px !important; }
.pac-sidebar button:hover, .pac-sidebar .pac-nav-link:hover, .pac-sidebar .pac-sidebar-nav-button:hover { background: rgba(255,255,255,.07) !important; color: #fff !important; }
.pac-sidebar [data-active="true"], .pac-sidebar .active, .pac-sidebar .is-active { background: rgba(13,111,120,.24) !important; color: #fff !important; }
.pac-sidebar details { border: 0 !important; }
.pac-sidebar details > summary { color: #98a2b3 !important; }

/* Header: remove visual noise while preserving runtime status and controls. */
.hero.compact-hero { background: var(--hf6-surface) !important; border: 0 !important; border-bottom: 1px solid var(--hf6-border) !important; box-shadow: none !important; padding: 12px 22px !important; min-height: 66px !important; }
.compact-logo { box-shadow: none !important; border: 0 !important; background: transparent !important; }
.hero-title-block h1 { font-size: 20px !important; color: var(--hf6-text) !important; margin: 0 !important; }
.hero-title-block p { font-size: 12px !important; color: var(--hf6-muted) !important; margin: 3px 0 0 !important; }
.header-status-grid .status-pill { background: #f8fafc !important; border: 1px solid var(--hf6-border) !important; color: #475467 !important; border-radius: 999px !important; box-shadow: none !important; padding: 5px 9px !important; }
.technical-path { opacity: .55; }

/* Filters default collapsed. When opened, use a compact drawer-like surface. */
.filterbar { background: var(--hf6-surface) !important; border: 0 !important; border-bottom: 1px solid var(--hf6-border) !important; box-shadow: none !important; padding: 8px 22px !important; }
.filterbar-main { min-height: 38px !important; gap: 9px !important; }
.filter-toggle-btn, .filter-clear-btn { border-radius: 9px !important; font-weight: 600 !important; }
.filter-context-chips { gap: 6px !important; }
.filter-chip { background: #f2f4f7 !important; border: 1px solid #eaecf0 !important; color: #475467 !important; border-radius: 999px !important; padding: 5px 9px !important; }
.filters-panel.open { margin-top: 8px !important; padding: 14px !important; background: #fcfcfd !important; border: 1px solid var(--hf6-border) !important; border-radius: 12px !important; box-shadow: none !important; }
.filters-panel.closed { display: none !important; }
.filters-grid { gap: 10px !important; }

/* Business workspace */
.pac-page-content-shell { padding: 22px 26px 42px !important; }
.pac-page-panel .page-shell { max-width: 1680px !important; margin: 0 auto !important; }
.page-title-row, .ds-page-header, .hf6a-page-heading { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 4px 0 16px !important; }
.page-title-row h2, .ds-page-header h2, .hf6a-page-heading h2 { color: var(--hf6-text) !important; font-size: 26px !important; line-height: 1.15 !important; margin: 2px 0 6px !important; }
.page-title-row p, .ds-page-header p, .hf6a-page-heading p { color: var(--hf6-muted) !important; max-width: 900px !important; margin: 0 !important; line-height: 1.5 !important; }
.section-eyebrow, .hf6a-eyebrow { color: var(--hf6-accent) !important; font-size: 11px !important; letter-spacing: .10em !important; font-weight: 700 !important; }
.pac-page-panel .source-pill { display: none !important; }

/* Cards */
.table-card, .ds-data-card, .v1756-agent-summary-card, .hf6a-card, .hf6a-summary-card { background: var(--hf6-surface) !important; border: 1px solid var(--hf6-border) !important; border-radius: var(--hf6-radius) !important; box-shadow: var(--hf6-shadow) !important; }
.table-card, .ds-data-card, .hf6a-card { padding: 16px 18px !important; margin-bottom: 16px !important; }
.table-card h3, .hf6a-card h3 { color: var(--hf6-text) !important; font-size: 16px !important; margin: 0 0 4px !important; }
.table-card p, .hf6a-card p { color: var(--hf6-muted) !important; font-size: 12px !important; margin: 0 0 12px !important; }

/* KPI cards: white, compact, no dashboard-gradient aesthetic. */
.kpi-grid, .hf6a-kpi-grid { gap: 12px !important; grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)) !important; }
.kpi-card { background: var(--hf6-surface) !important; border: 1px solid var(--hf6-border) !important; border-radius: 12px !important; box-shadow: none !important; min-height: 112px !important; padding: 14px !important; }
.kpi-card::before { display: none !important; }
.kpi-label { color: var(--hf6-muted) !important; font-size: 11px !important; letter-spacing: .03em !important; }
.kpi-value { color: var(--hf6-text) !important; font-size: 25px !important; line-height: 1.1 !important; }
.kpi-note { color: var(--hf6-muted) !important; font-size: 11px !important; }

/* Tables: no Excel grid; horizontal rules only, readable headers. */
.dash-table-container { border: 0 !important; }
.dash-spreadsheet-container .dash-spreadsheet-inner { border: 0 !important; }
.dash-spreadsheet-container th { background: #f8fafc !important; color: #475467 !important; border: 0 !important; border-bottom: 1px solid var(--hf6-border) !important; font-weight: 700 !important; }
.dash-spreadsheet-container td { background: #fff !important; color: #344054 !important; border: 0 !important; border-bottom: 1px solid #f0f2f5 !important; }
.dash-spreadsheet-container tr:hover td { background: #f9fafb !important; }
.dash-spreadsheet-container .previous-next-container { padding-top: 10px !important; }

/* HF6A Terrestre */
.hf6a-page-heading { display: flex !important; justify-content: space-between !important; gap: 20px !important; align-items: flex-start !important; }
.hf6a-scope-lock { color: #075e66 !important; background: var(--hf6-accent-soft) !important; border: 1px solid #b9e7ea !important; border-radius: 999px !important; padding: 7px 11px !important; font-size: 11px !important; font-weight: 800 !important; white-space: nowrap !important; }
.hf6a-freshness-strip { color: #475467 !important; background: #fff !important; border: 1px solid var(--hf6-border) !important; border-radius: 10px !important; padding: 9px 12px !important; margin-bottom: 12px !important; font-size: 12px !important; }
.hf6a-summary-card { padding: 14px 16px !important; margin: 12px 0 16px !important; color: #344054 !important; line-height: 1.55 !important; }
.hf6a-tabs { margin-top: 4px !important; }
.hf6a-tab { border: 0 !important; border-bottom: 2px solid transparent !important; background: transparent !important; color: #667085 !important; padding: 10px 12px !important; font-weight: 600 !important; }
.hf6a-tab-selected { border: 0 !important; border-bottom: 2px solid var(--hf6-accent) !important; color: #075e66 !important; background: transparent !important; }
.hf6a-tabs .tab-content { padding-top: 14px !important; }

@media (max-width: 1100px) {
  .pac-page-content-shell { padding: 16px !important; }
  .hf6a-page-heading { flex-direction: column !important; }
  .hf6a-scope-lock { align-self: flex-start !important; }
}