/* Thin footer / pagination */
.ag-theme-alpine-dark .ag-paging-panel {
    height: 20px !important;
    line-height: 20px !important;
    font-size: 10px;
    padding: 0 4px;
}

.ag-theme-alpine-dark .ag-paging-button {
    height: 18px !important;
    min-width: 18px !important;
    font-size: 10px;
}

/* Thin header */
.ag-theme-alpine-dark .ag-header {
    height: 20px !important;
}

.ag-theme-alpine-dark .ag-header-cell-label {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Optional: tighter rows */
.ag-theme-alpine-dark .ag-row {
    height: 24px !important;
}

/* ── Remove white background & default border ── */
.ag-theme-alpine-dark .ag-root-wrapper {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}

.ag-theme-alpine-dark .ag-root {
    border-radius: 0 !important;
}

.ag-theme-alpine-dark .ag-body-viewport {
    background-color: transparent !important;
}

.ag-theme-alpine-dark .ag-center-cols-viewport {
    background-color: transparent !important;
}

/* ── Remove rounded edges everywhere ── */
.ag-theme-alpine-dark,
.ag-theme-alpine-dark .ag-root-wrapper,
.ag-theme-alpine-dark .ag-root,
.ag-theme-alpine-dark .ag-header,
.ag-theme-alpine-dark .ag-paging-panel {
    border-radius: 0 !important;
}

/* ── Header text & background ── */
.ag-theme-alpine-dark .ag-header {
    background-color: transparent !important;
    border-bottom: 1px solid #1f2a3d !important;
}

.ag-theme-alpine-dark .ag-header-cell-text {
    color: #6b7a99 !important;      /* TEXT_SEC — change to whatever you want */
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.ag-theme-alpine-dark .ag-header-cell {
    background-color: transparent !important;
}

/* ── Footer / pagination text ── */
.ag-theme-alpine-dark .ag-paging-panel {
    color: #6b7a99 !important;      /* TEXT_SEC */
    background-color: transparent !important;
    border-top: 1px solid #1f2a3d !important;
}

/* pagination buttons */
.ag-theme-alpine-dark .ag-paging-button .ag-icon {
    color: #6b7a99 !important;
}

.ag-theme-alpine-dark .ag-paging-button:hover .ag-icon {
    color: #2eeaff !important;      /* ACCENT on hover */
}

/* "Page X of Y" text */
.ag-theme-alpine-dark .ag-paging-page-summary-panel {
    color: #6b7a99 !important;
}

/* ── Remove all cell & row grid lines ── */
.ag-theme-alpine-dark .ag-cell {
    border: none !important;
    border-right: none !important;
}

.ag-theme-alpine-dark .ag-row {
    border: none !important;
    border-bottom: 0.5px solid rgba(20, 25, 35, 0.9) !important;
    border-top: 0.5px solid rgba(20, 25, 35, 0.9) !important;
}

.ag-theme-alpine-dark .ag-header-cell {
    border-right: none !important;
}

/* ── Remove the horizontal lines between column groups ── */
.ag-theme-alpine-dark .ag-column-drop-horizontal {
    border: none !important;
}

/* ── Suppress the focus glitch outline ── */
.ag-theme-alpine-dark .ag-cell-focus {
    border: none !important;
    outline: none !important;
}

/* ── Selected row highlight ── */
.ag-theme-alpine-dark .ag-row-selected {
    background-color: rgba(46, 234, 255, 0.08) !important;  /* subtle blue */
}

/* Stronger focus when clicking */
.ag-theme-alpine-dark .ag-row.ag-row-selected:hover {
    background-color: rgba(46, 234, 255, 0.12) !important;
}

/* Optional: left accent bar (very nice for readability) */
.ag-theme-alpine-dark .ag-row-selected::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #2eeaff;  /* ACCENT */
}