/* ── Page background ── */
body {
  background-color: #F7F8FC;
}

.mantine-AppShell-main {
  background-color: #F7F8FC !important;
}

/* ── Sidebar nav on dark background ── */
.mantine-AppShell-navbar .mantine-NavLink-root {
  color: rgba(255, 255, 255, 0.62) !important;
  border-radius: 6px !important;
  transition: background-color 120ms ease, color 120ms ease !important;
}
.mantine-AppShell-navbar .mantine-NavLink-label {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
}
.mantine-AppShell-navbar .mantine-NavLink-root:hover:not([data-active]) {
  background-color: rgba(255, 255, 255, 0.07) !important;
  color: rgba(255, 255, 255, 0.92) !important;
}
.mantine-AppShell-navbar .mantine-NavLink-root[data-active="true"],
.mantine-AppShell-navbar .mantine-NavLink-root[data-active] {
  background-color: #0040C1 !important;
  color: #ffffff !important;
}

/* Admin section label + divider in sidebar */
.mantine-AppShell-navbar .mantine-Text-root {
  color: rgba(255, 255, 255, 0.36) !important;
}
.mantine-AppShell-navbar .mantine-Divider-root {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

/* ── AgGrid brand overrides ── */
.ag-theme-alpine,
.ag-theme-alpine-dark {
  --ag-header-background-color: #F1F3F8;
  --ag-odd-row-background-color: #FAFBFD;
  --ag-row-hover-color: #EEF2FF;
  --ag-selected-row-background-color: #DBEAFE;
  --ag-border-color: #E2E8F0;
  --ag-font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --ag-font-size: 13px;
  --ag-cell-horizontal-padding: 12px;
  --ag-row-height: 38px;
  --ag-header-height: 40px;
  --ag-wrapper-border-radius: 8px;
}
.ag-header-cell-label {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #687076 !important;
}
.ag-root-wrapper {
  border-radius: 8px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
  border: none !important;
  overflow: hidden;
}

/* ── Thin scrollbars ── */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94A3B8; }