/* ============================================================
   EDR Freight — Overview page styles (hero controls + tabs)
   ============================================================ */

/* ---- Hero range segmented control (on gradient) ---- */
.ov-seg-root {
  background: rgba(255, 255, 255, 0.18) !important;
  border: 1px solid rgba(255, 255, 255, 0.28);
}
.ov-seg-indicator {
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}
.ov-seg-label {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
}
.ov-seg-label[data-active] {
  color: var(--mantine-color-edr-green-7);
}

/* ---- Premium tab bar ---- */
.ov-tablist {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 6px;
  background: #f1f5f9;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
}
.ov-tab {
  border-radius: 11px;
  padding: 10px 18px;
  font-weight: 600;
  color: #475569;
  border: 1px solid transparent;
  transition:
    background-color 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}
.ov-tab:hover {
  background: #ffffff;
  color: #0f172a;
  box-shadow: 0 2px 10px -4px rgba(15, 23, 42, 0.18);
}
.ov-tab[data-active] {
  background: var(--mantine-color-edr-green-5) !important;
  color: #ffffff !important;
}
.ov-tab[data-active]:hover {
  color: #ffffff;
}