/* Zahren 0.12 · Fusão Executiva — Menu Superior */
:root,
html[data-theme="dark"] {
  color-scheme: dark;
  --exec-canvas: #061019;
  --exec-canvas-2: #08141e;
  --exec-header: #030b12;
  --exec-panel: #091721;
  --exec-panel-2: #0c1b26;
  --exec-panel-3: #10222f;
  --exec-border: #213441;
  --exec-border-soft: #172a36;
  --exec-text: #edf3f6;
  --exec-muted: #8d9aa5;
  --exec-soft: #b6c0c8;
  --exec-red: #ff313b;
  --exec-cyan: #13c7cb;
  --exec-blue: #2188ff;
  --exec-green: #25bf58;
  --exec-amber: #f2a700;
  --exec-purple: #856cff;
  --canvas: var(--exec-canvas);
  --card: var(--exec-panel);
  --ink: var(--exec-text);
  --muted: var(--exec-muted);
  --soft: #667785;
  --line: var(--exec-border);
  --teal: var(--exec-red);
  --teal-dark: #ff525b;
  --teal-soft: rgba(255,49,59,.12);
  --red: var(--exec-red);
  --red-soft: rgba(255,49,59,.12);
  --green: var(--exec-green);
  --green-soft: rgba(37,191,88,.12);
  --blue: var(--exec-blue);
  --blue-soft: rgba(33,136,255,.12);
  --amber: var(--exec-amber);
  --amber-soft: rgba(242,167,0,.12);
  --purple: var(--exec-purple);
  --purple-soft: rgba(133,108,255,.12);
  --radius: 7px;
  --radius-lg: 9px;
  --shadow: 0 7px 22px rgba(0,0,0,.18);
  --shadow-lg: 0 26px 70px rgba(0,0,0,.46);
}

html[data-theme="light"] {
  color-scheme: light;
  --exec-canvas: #edf1f4;
  --exec-canvas-2: #f5f7f9;
  --exec-header: #07121a;
  --exec-panel: #fff;
  --exec-panel-2: #f7f9fa;
  --exec-panel-3: #edf2f5;
  --exec-border: #cbd5dc;
  --exec-border-soft: #dfe6eb;
  --exec-text: #101b24;
  --exec-muted: #66747f;
  --exec-soft: #465865;
  --exec-red: #e1262f;
  --exec-cyan: #008e96;
  --exec-blue: #176fd1;
  --exec-green: #178445;
  --exec-amber: #b87900;
  --exec-purple: #6753cf;
  --canvas: var(--exec-canvas);
  --card: var(--exec-panel);
  --ink: var(--exec-text);
  --muted: var(--exec-muted);
  --soft: #73818c;
  --line: var(--exec-border);
  --teal: var(--exec-red);
  --teal-dark: #b71822;
  --teal-soft: #fff0f1;
  --red: var(--exec-red);
  --red-soft: #fff0f1;
  --green: var(--exec-green);
  --green-soft: #e8f6ee;
  --blue: var(--exec-blue);
  --blue-soft: #edf4ff;
  --amber: var(--exec-amber);
  --amber-soft: #fff6e2;
  --purple: var(--exec-purple);
  --purple-soft: #f1efff;
}

html,
body {
  background: var(--exec-canvas) !important;
  color: var(--exec-text) !important;
  font-size: 12px;
  scrollbar-color: #3b5060 var(--exec-canvas);
}
body {
  background-image: radial-gradient(circle at 18% -20%,rgba(33,136,255,.08),transparent 31%),radial-gradient(circle at 92% 8%,rgba(255,49,59,.055),transparent 27%) !important;
}
button,input,select,textarea { color: inherit; }

/* Navegação principal */
.sidebar.top-navigation {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  min-height: 58px;
  height: 58px;
  gap: 17px;
  border: 0 !important;
  border-bottom: 1px solid var(--exec-border) !important;
  background: rgba(3,11,18,.985) !important;
  padding: 0 18px !important;
  color: #eef3f7 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
  backdrop-filter: blur(14px);
}
.top-navigation .brand {
  min-width: 190px;
  height: 58px;
  gap: 10px;
  border: 0 !important;
  padding: 0 17px 0 0 !important;
}
.top-navigation .brand-mark {
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.17) !important;
  border-radius: 5px !important;
  background: linear-gradient(145deg,#ff3a43,#c91520) !important;
  box-shadow: 0 5px 16px rgba(255,49,59,.26) !important;
}
.top-navigation .brand-mark img { width: 100%; height: 100%; object-fit: contain; }
.top-navigation .brand > div:last-child strong {
  color: #f4f7f9 !important;
  font-size: 18px !important;
  font-weight: 850;
  letter-spacing: .025em;
  text-transform: uppercase;
}
.top-navigation .brand > div:last-child span { display: none; }
.top-navigation .main-nav { height: 58px; justify-content: center; gap: 2px; }
.nav-menu-group { height: 58px; }
.nav-menu-trigger {
  position: relative;
  height: 58px;
  min-height: 58px;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 14px !important;
  color: #aeb8c0 !important;
  font-size: 11px !important;
  font-weight: 680 !important;
  letter-spacing: .01em;
}
.nav-menu-trigger::after {
  position: absolute;
  right: 13px;
  bottom: 0;
  left: 13px;
  height: 2px;
  border-radius: 3px 3px 0 0;
  background: var(--exec-red);
  content: "";
  opacity: 0;
  transform: scaleX(.35);
  transition: opacity .15s ease,transform .15s ease;
}
.nav-menu-trigger > span { display: none; }
.nav-menu-group:hover > .nav-menu-trigger,
.nav-menu-group.open > .nav-menu-trigger,
.nav-menu-group.active > .nav-menu-trigger { background: rgba(255,255,255,.025) !important; color: #fff !important; }
.nav-menu-group.active > .nav-menu-trigger::after,
.nav-menu-group.open > .nav-menu-trigger::after { opacity: 1; transform: scaleX(1); }
.nav-submenu {
  top: calc(100% + 1px) !important;
  min-width: 244px;
  gap: 2px !important;
  border: 1px solid var(--exec-border) !important;
  border-radius: 0 0 7px 7px !important;
  background: rgba(6,16,25,.99) !important;
  padding: 6px !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.44) !important;
  transform: translateY(-3px);
}
.nav-submenu-wide { width: 520px; }
.nav-menu-group:not(.suppress-hover):hover > .nav-submenu,
.nav-menu-group.open:not(.suppress-hover) > .nav-submenu { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: auto; }
.nav-menu-group.suppress-hover > .nav-submenu,
.nav-menu-group.suppress-hover:focus-within > .nav-submenu { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
.top-navigation .nav-item {
  min-height: 37px;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  background: transparent !important;
  padding: 0 10px !important;
  color: #aab6bf !important;
  font-size: 11px !important;
  box-shadow: none !important;
}
.top-navigation .nav-item span { color: #728491 !important; font-size: 13px; }
.top-navigation .nav-item em { background: #142633 !important; color: #8fa0ab !important; }
.top-navigation .nav-item:hover { border-color: #29404f !important; background: #0e202c !important; color: #fff !important; }
.top-navigation .nav-item.active { border-color: rgba(255,49,59,.38) !important; background: rgba(255,49,59,.12) !important; color: #ff666e !important; }
.top-navigation .nav-item.active span { color: var(--exec-red) !important; }
.top-navigation .connection-card {
  min-width: 177px;
  max-width: 205px;
  gap: 0;
  border: 0 !important;
  border-left: 1px solid var(--exec-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 0 0 14px !important;
  box-shadow: none !important;
}
.top-navigation .connection-line { color: #d5dde3 !important; font-size: 10px; }
.top-navigation .connection-card p { margin-left: 15px !important; color: #8796a1 !important; font-size: 9px; }
.top-navigation .connection-card small { display: none; }
.status-dot.online { background: var(--exec-green) !important; box-shadow: 0 0 0 3px rgba(37,191,88,.12),0 0 10px rgba(37,191,88,.45); }

/* Faixa global de pesquisa e filtros */
.main { min-width: 0; background: transparent; }
.topbar {
  position: sticky;
  top: 58px !important;
  z-index: 45;
  min-height: 52px !important;
  height: 52px;
  gap: 14px;
  border: 0 !important;
  border-bottom: 1px solid var(--exec-border) !important;
  background: rgba(6,16,25,.96) !important;
  padding: 7px 18px !important;
  box-shadow: 0 7px 22px rgba(0,0,0,.12) !important;
  backdrop-filter: blur(13px);
}
.search-wrap {
  width: min(330px,28vw);
  min-height: 36px !important;
  border: 1px solid var(--exec-border) !important;
  border-radius: 5px !important;
  background: var(--exec-panel) !important;
  box-shadow: none !important;
}
.search-wrap input { color: var(--exec-text) !important; font-size: 11px; }
.search-wrap input::placeholder { color: #71808b; }
.search-wrap > span { color: var(--exec-red) !important; }
.search-wrap kbd { border-color: #263b49 !important; background: #0d1e29 !important; color: #6f808b !important; }
.top-actions { min-width: 0; gap: 8px !important; }
.global-line-control { min-height: 36px; gap: 7px !important; color: #b7c0c7 !important; }
.global-line-control > span { font-size: 10px !important; font-weight: 700; }
.global-line-control select { min-width: 110px; height: 36px !important; border: 1px solid var(--exec-border) !important; border-radius: 5px !important; background: var(--exec-panel) !important; color: var(--exec-soft) !important; }
.sync-meta { min-width: 126px; color: #b9c2c8 !important; }
.sync-meta span { font-size: 9px !important; }
.sync-meta small { color: #62737f !important; font-size: 8px !important; }
.theme-toggle,.avatar { width: 34px !important; min-width: 34px; height: 34px !important; border: 1px solid var(--exec-border) !important; border-radius: 5px !important; background: var(--exec-panel) !important; color: #cbd3d9 !important; box-shadow: none !important; }

/* Conteúdo e cabeçalhos */
.page { width: 100%; max-width: 1800px !important; margin: 0 auto; padding: 12px 18px 34px !important; }
.page-heading,
.page-heading.without-page-actions,
.page-heading.many-page-actions {
  display: grid !important;
  width: 100%;
  height: 92px !important;
  min-height: 92px !important;
  grid-template-columns: minmax(210px,1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
  overflow: visible !important;
  border: 1px solid var(--exec-border) !important;
  border-radius: 7px !important;
  background: linear-gradient(110deg,var(--exec-panel),#0b1a24) !important;
  padding: 11px 14px !important;
  box-shadow: var(--shadow) !important;
  margin-bottom: 10px !important;
}
.page-heading.without-page-actions { grid-template-columns: 1fr !important; }
.page-heading > .heading-copy { align-content: center; }
.page-heading .heading-meta { margin-bottom: 1px !important; }
.page-heading .eyebrow { color: var(--exec-red) !important; font-size: 8px !important; letter-spacing: .15em !important; }
.page-heading .scope-chip { border-color: #284250 !important; background: #10232e !important; color: var(--exec-cyan) !important; }
.page-heading h1 { margin: 2px 0 !important; color: #f4f7f9 !important; font-size: clamp(19px,1.35vw,23px) !important; line-height: 1.08 !important; }
.page-heading p { margin: 0 !important; color: var(--exec-muted) !important; font-size: 10px !important; line-height: 1.35 !important; }
.page-heading .page-actions,
.page-heading.many-page-actions .page-actions { display: flex !important; width: auto !important; max-width: none !important; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 7px !important; }
.page-heading .page-actions .btn { width: auto !important; min-width: 126px !important; height: 35px !important; min-height: 35px !important; max-height: 35px !important; padding: 5px 12px !important; white-space: nowrap !important; }

/* Superfícies universais */
.panel,.card,.table-card,.chart-card,.chart-panel,.operational-snapshot,.program-batch,.program-type-card,.program-card,.shortage-card,.purchase-card,.aging-card,.report-model-card,.setting-card,.settings-card,.summary-card,.sync-card,.sync-map-grid article,.decision-tile,.decision-snapshot article,.mirror-tracking-kpis > article,.ptn-indicator-grid > button,.snapshot-cards > article,.snapshot-cards > button,.finalized-mini-card,.drawer-section,.drawer-summary > div,.detail-box,.drawer-profile,.empty-state,.section-empty {
  border-color: var(--exec-border) !important;
  border-radius: 7px !important;
  background: var(--exec-panel) !important;
  color: var(--exec-text) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.12) !important;
}
.panel,.card,.table-card,.chart-card,.chart-panel { overflow: hidden; }
.panel-head,.card-head,.section-title,.drawer-section-head { min-height: 48px !important; border-bottom-color: var(--exec-border-soft) !important; padding: 10px 14px !important; }
.panel-head h2,.card-head h2,.section-title h4,.drawer-section-head h4 { color: #eaf0f4 !important; font-size: 12px !important; letter-spacing: .025em; }
.panel-head p,.card-head p,.section-title > span,.drawer-section-head span { color: var(--exec-muted) !important; font-size: 9px !important; }
.kpi-grid { gap: 9px !important; }
.kpi-card,.kpi-card.metric-card-button {
  min-height: 112px !important;
  overflow: hidden;
  border: 1px solid var(--exec-border) !important;
  border-top-width: 1px !important;
  border-radius: 6px !important;
  background: linear-gradient(135deg,rgba(255,255,255,.018),transparent 55%),var(--exec-panel) !important;
  padding: 13px 14px 25px !important;
  box-shadow: none !important;
}
.kpi-card::before { position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background: currentColor; content: ""; opacity: .9; }
.kpi-card.teal { color: var(--exec-cyan) !important; }
.kpi-card.blue { color: var(--exec-blue) !important; }
.kpi-card.green { color: var(--exec-green) !important; }
.kpi-card.amber { color: var(--exec-amber) !important; }
.kpi-card.purple { color: var(--exec-purple) !important; }
.kpi-card > div > span { color: currentColor !important; font-size: 10px !important; }
.kpi-card > div > strong { color: #f4f7fa !important; font-size: 27px !important; font-weight: 590 !important; }
.kpi-card > div > small { color: var(--exec-muted) !important; font-size: 9px !important; }
.kpi-card > b { color: currentColor !important; opacity: .9; }
.kpi-card.metric-card-button > em { right: 12px !important; bottom: 8px !important; color: currentColor !important; font-size: 8px !important; }
.kpi-card:hover,.metric-card-button:hover { border-color: currentColor !important; transform: translateY(-1px) !important; box-shadow: 0 8px 22px rgba(0,0,0,.22) !important; }
.summary-strip,.summary-grid,.aging-snapshot,.snapshot-cards,.ptn-indicator-grid,.decision-quadrants,.decision-snapshot,.analytics-primary-grid,.analytics-grid { gap: 9px !important; }
.summary-box,.snapshot-cards article,.snapshot-cards button,.ptn-indicator-grid > button,.finalized-mini-card { min-height: 82px !important; border: 1px solid var(--exec-border) !important; border-radius: 6px !important; background: var(--exec-panel) !important; padding: 11px 13px !important; box-shadow: none !important; }
.summary-box span,.snapshot-cards span,.ptn-indicator-grid span,.finalized-mini-card span { color: var(--exec-muted) !important; font-size: 9px !important; }
.summary-box strong,.snapshot-cards strong,.ptn-indicator-grid strong,.finalized-mini-card strong { color: #eef3f6 !important; font-size: 22px !important; }
.summary-box small,.snapshot-cards small,.ptn-indicator-grid small,.finalized-mini-card small { color: #71828e !important; font-size: 8px !important; }
.decision-tile { min-height: 174px !important; padding: 13px 14px !important; }
.decision-main > strong,.decision-tile > strong { color: #f1f5f7 !important; }
.decision-main h2,.decision-tile h2 { color: #e4ebef !important; }
.decision-main p,.decision-tile p { color: var(--exec-muted) !important; }
.decision-metrics span { background: var(--exec-panel-2) !important; }
.decision-metrics small { color: var(--exec-muted) !important; }
.decision-metrics b { color: var(--exec-text) !important; }

/* Filtros */
.filter-bar,.filters,.toolbar,.table-toolbar,.control-bar,.phase-client-filter,.phase-registration-grid { gap: 8px !important; border: 1px solid var(--exec-border) !important; border-radius: 6px !important; background: var(--exec-panel) !important; padding: 9px 10px !important; box-shadow: none !important; }
.filter-bar label,.filters label,.toolbar label,.control-bar label { color: var(--exec-muted) !important; font-size: 9px !important; }
input,select,textarea,.filter-bar input,.filter-bar select,.filters input,.filters select,.multi-filter > summary,.filter-bar details > summary { min-height: 35px !important; border: 1px solid var(--exec-border) !important; border-radius: 5px !important; background: var(--exec-canvas-2) !important; color: var(--exec-soft) !important; box-shadow: none !important; }
input:focus,select:focus,textarea:focus,.multi-filter[open] > summary { border-color: var(--exec-cyan) !important; outline: 0 !important; box-shadow: 0 0 0 2px rgba(19,199,203,.1) !important; }
.multi-filter > div { border: 1px solid var(--exec-border) !important; border-radius: 5px !important; background: #081721 !important; box-shadow: 0 15px 34px rgba(0,0,0,.42) !important; }
.multi-filter > div > label,.filter-bar .multi-filter > div > label { min-height: 33px !important; border-bottom-color: var(--exec-border-soft) !important; color: #b9c3ca !important; padding: 6px 8px !important; }
.multi-filter > div > label:hover { background: #10232f !important; }
.multi-filter input[type="checkbox"] { accent-color: var(--exec-red); }

/* Botões */
.btn { min-height: 35px !important; border-radius: 5px !important; padding: 6px 12px !important; font-size: 10px !important; font-weight: 740 !important; box-shadow: none !important; }
.btn-primary { border-color: #f13a43 !important; background: linear-gradient(180deg,#ff3c45,#d51c27) !important; color: #fff !important; }
.btn-primary:hover { border-color: #ff6870 !important; box-shadow: 0 7px 18px rgba(255,49,59,.22) !important; }
.btn-secondary,.btn-ghost,.btn-excel,.btn-clear-filters { border: 1px solid var(--exec-border) !important; background: var(--exec-panel-2) !important; color: #bec8cf !important; }
.btn-secondary:hover,.btn-ghost:hover,.btn-excel:hover,.btn-clear-filters:hover { border-color: #466070 !important; background: #102430 !important; color: #fff !important; }
.btn-ghost.danger { border-color: rgba(255,49,59,.35) !important; color: #ff737a !important; }

/* Tabelas */
.table-wrap { border-color: var(--exec-border) !important; background: var(--exec-panel) !important; }
table,.data-table,.mini-table,.history-list { color: var(--exec-soft) !important; }
thead,.mini-head { background: var(--exec-panel-2) !important; color: #9dacb6 !important; }
th { height: 34px; border-bottom-color: var(--exec-border) !important; color: #aab6bf !important; font-size: 8px !important; letter-spacing: .055em; text-align: left !important; }
td { height: 37px; border-bottom-color: var(--exec-border-soft) !important; color: #b9c4cb !important; font-size: 10px !important; text-align: left !important; }
tbody tr { background: transparent !important; }
tbody tr:hover { background: rgba(33,136,255,.055) !important; }
.mini-table > div,.history-list > div { border-bottom-color: var(--exec-border-soft) !important; }
.mini-table > div:not(.mini-head),.history-list > div { background: var(--exec-panel) !important; color: #b9c4cb !important; }
.mini-table strong,.history-list strong { color: #dde5ea !important; }
.mini-table small,.history-list small,.history-list time { color: var(--exec-muted) !important; }
.pagination,.table-footer { border-top-color: var(--exec-border) !important; background: var(--exec-panel) !important; color: var(--exec-muted) !important; }
.pagination button,.table-footer button { border-color: var(--exec-border) !important; background: var(--exec-panel-2) !important; color: #b9c3ca !important; }

/* Gráficos e barras */
.metric-bars > div > span,.status-bars > div { color: #b9c3ca !important; }
.metric-bars i,.status-bars i,.client-meter,.coverage-track { background: #172b37 !important; }
.metric-bars u,.status-bars u { background: linear-gradient(90deg,var(--exec-red),#ff6670) !important; }
.chart-grid-line { stroke: #1d3442 !important; }
.chart-card svg text,.chart-panel svg text { fill: #81929d !important; }
.chart-legend,.chart-series-legend { color: #8d9ca6 !important; }
.chart-line.entries { stroke: var(--exec-red) !important; }
.chart-line.finished { stroke: var(--exec-green) !important; }
.chart-line.programmed { stroke: var(--exec-blue) !important; }
.chart-dot { stroke: var(--exec-panel) !important; }
.chart-explainer { border-left-color: var(--exec-cyan) !important; background: var(--exec-panel-2) !important; color: var(--exec-muted) !important; }

/* Carteiras horizontais */
.picking-client-summary { border: 1px solid var(--exec-border) !important; border-radius: 7px !important; background: linear-gradient(120deg,#071722,#08202b) !important; box-shadow: none !important; }
.client-picking-cards { gap: 8px !important; }
.client-picking-cards > button { min-height: 73px !important; border: 1px solid var(--exec-border) !important; border-radius: 6px !important; background: #0c1e29 !important; padding: 10px 11px !important; box-shadow: none !important; }
.client-picking-cards > button:hover { border-color: var(--exec-cyan) !important; background: #102631 !important; }
.client-picking-cards > button .client-card-name span { color: #e9eef1 !important; font-size: 10px !important; }
.client-picking-cards > button .client-card-name small { color: #748691 !important; font-size: 8px !important; }
.client-picking-cards > button > strong { color: var(--exec-amber) !important; font-size: 21px !important; }
.client-rank { border-radius: 4px !important; background: rgba(19,199,203,.12) !important; color: var(--exec-cyan) !important; }

/* Gavetas e modais */
.drawer-backdrop,.modal-backdrop { background: rgba(0,5,9,.76) !important; backdrop-filter: blur(5px); }
.drawer,.modal { border: 1px solid var(--exec-border) !important; background: var(--exec-canvas-2) !important; color: var(--exec-text) !important; box-shadow: var(--shadow-lg) !important; }
.drawer-head,.modal-head { border-bottom: 1px solid var(--exec-border) !important; background: #07151f !important; padding: 15px 18px !important; }
.drawer-head h2,.modal-head h2 { color: #f1f5f7 !important; font-size: 21px !important; }
.drawer-content { padding: 16px 18px 34px !important; }
.drawer-section { margin-top: 10px !important; padding: 13px 14px !important; }
.drawer-summary { gap: 8px !important; }
.drawer-summary > div { min-height: 72px !important; padding: 10px 11px !important; }
.detail-grid { gap: 8px !important; }
.detail-box { min-height: 72px !important; padding: 10px 11px !important; }
.detail-box span { color: var(--exec-muted) !important; font-size: 8px !important; }
.detail-box strong { color: #e4ebef !important; font-size: 11px !important; }
.icon-btn { border-color: var(--exec-border) !important; background: var(--exec-panel) !important; color: #c4ced4 !important; }
.modal-actions { border-top-color: var(--exec-border) !important; background: #07151f !important; }

/* Etiquetas */
.tag,[class*="tag-"] { border-radius: 3px !important; font-size: 8px !important; }
.tag-green { border-color: rgba(37,191,88,.32) !important; background: rgba(37,191,88,.1) !important; color: #49d779 !important; }
.tag-amber { border-color: rgba(242,167,0,.33) !important; background: rgba(242,167,0,.1) !important; color: #ffc033 !important; }
.tag-red { border-color: rgba(255,49,59,.36) !important; background: rgba(255,49,59,.1) !important; color: #ff6870 !important; }
.tag-blue { border-color: rgba(33,136,255,.36) !important; background: rgba(33,136,255,.1) !important; color: #58a5ff !important; }
.tag-purple { border-color: rgba(133,108,255,.36) !important; background: rgba(133,108,255,.1) !important; color: #a894ff !important; }
.tag-gray,.tag-line { border-color: var(--exec-border) !important; background: var(--exec-panel-2) !important; color: #9aa9b3 !important; }
.toast { border-color: var(--exec-border) !important; background: #0b1b26 !important; color: #e4ebef !important; }

/* Claro preserva estrutura; escuro é o padrão oficial. */
html[data-theme="light"] body { background-image: none !important; }
html[data-theme="light"] .page-heading,
html[data-theme="light"] .page-heading.without-page-actions,
html[data-theme="light"] .page-heading.many-page-actions { background: var(--exec-panel) !important; }
html[data-theme="light"] .page-heading h1,
html[data-theme="light"] .panel-head h2,
html[data-theme="light"] .card-head h2,
html[data-theme="light"] .kpi-card > div > strong,
html[data-theme="light"] .summary-box strong,
html[data-theme="light"] .snapshot-cards strong,
html[data-theme="light"] .ptn-indicator-grid strong { color: var(--exec-text) !important; }

@media (max-width: 1280px) {
  .top-navigation .brand { min-width: 150px; }
  .nav-menu-trigger { padding-inline: 10px !important; }
  .top-navigation .connection-card { display: none; }
  .search-wrap { width: min(280px,25vw); }
  .sync-meta { display: none; }
}
@media (max-width: 980px) {
  .sidebar.top-navigation { min-height: 54px; height: 54px; padding-inline: 10px !important; }
  .top-navigation .brand { min-width: 42px; height: 54px; padding-right: 6px !important; }
  .top-navigation .brand > div:last-child { display: none; }
  .top-navigation .main-nav { height: 54px; justify-content: flex-start; overflow-x: auto; }
  .nav-menu-group,.nav-menu-trigger { height: 54px; min-height: 54px; }
  .topbar { top: 54px !important; height: auto; min-height: 50px !important; flex-wrap: wrap; }
  .search-wrap { width: min(310px,45vw); }
  .page-heading,.page-heading.without-page-actions,.page-heading.many-page-actions { height: auto !important; min-height: 92px !important; grid-template-columns: 1fr !important; }
  .page-heading .page-actions,.page-heading.many-page-actions .page-actions { justify-content: flex-start; }
}
@media (max-width: 680px) {
  .nav-submenu,.nav-submenu-wide { top: 55px !important; border-radius: 0 0 7px 7px !important; }
  .topbar { padding-inline: 10px !important; }
  .search-wrap { width: 100%; }
  .top-actions { width: 100%; justify-content: flex-start !important; overflow-x: auto; }
  .page { padding: 10px 9px 28px !important; }
  .page-heading .page-actions .btn { min-width: 112px !important; }
  .kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}