/* Pero UI Standard Registry (dbo.UIStandard_*) — applied to PeroCenter's
   admin section (Manage Users/Screens/Devices, Audit Log). See ObjectKeys
   6 (Scrollbars) and 8 (Data Grid). */

/* ObjectKey 6 — Scrollbars: 9px both axes, pale-blue track, muted-navy pill
   thumb, applied everywhere a scroll container appears. */
::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
::-webkit-scrollbar-track {
  background: #e4e9f0;
}
::-webkit-scrollbar-thumb {
  background: #7c93b3;
  border-radius: 5px;
  border: 2px solid #e4e9f0;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #7c93b3 #e4e9f0;
}

/* ObjectKey 8 — Data Grid: navy sticky header/white text, white 60%-opacity
   column dividers, 8px/14px cell padding, 15px row font, 36px row/header
   height, #f1f5fb zebra striping, no cell/row borders except the header
   divider, sortable + resizable (native AG Grid features, enabled per grid). */
.pero-grid .ag-header {
  background-color: #1d3b69;
  min-height: 36px !important;
}
.pero-grid .ag-header-row {
  min-height: 36px !important;
}
.pero-grid .ag-header-cell {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
}
.pero-grid .ag-header-cell:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.6);
}
.pero-grid .ag-header-cell-label {
  color: #ffffff;
}
.pero-grid .ag-icon {
  color: #ffffff;
}
.pero-grid .ag-row {
  font-size: 15px;
  border: none;
}
.pero-grid .ag-row-odd {
  background-color: #f1f5fb;
}
.pero-grid .ag-cell {
  padding: 8px 14px;
  border: none;
  line-height: 20px;
  display: flex;
  align-items: center;
}
.pero-grid .ag-row {
  min-height: 36px !important;
}

/* Hamburger sidebar open/close — deliberately CSS-driven, not inline style.
   A clientside_callback (see perocenter_dash.py, near app.layout) just
   swaps this className on toggle; nothing server-side re-runs, so opening
   the sidebar never re-queries the DB or rebuilds a Manage page's grid. */
.pero-admin-sidebar {
  left: -240px;
  transition: left 0.2s ease;
}
.pero-admin-sidebar.open {
  left: 0;
}