/* AG Grid scrollbars (Chrome, Edge, Safari) */
.ag-theme-alpine ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.ag-theme-alpine ::-webkit-scrollbar-track {
    background: rgb(234,229,222); /* grid background */
}

.ag-theme-alpine ::-webkit-scrollbar-thumb {
    background-color: rgb(252,187,78); /* accent color */
    border-radius: 6px;
    border: 2px solid rgb(234,229,222);
}

.ag-theme-alpine ::-webkit-scrollbar-thumb:hover {
    background-color: rgb(220,160,60);
}

.ag-theme-alpine {
    font-family: Inter, sans-serif !important;
    font-weight: 500;            /* default row weight */
    letter-spacing: -0.01em;     /* subtle tightening */
}

/* Target both status columns in rows marked as 'struck-through' */
.ag-theme-alpine .ag-row.ag-grid-strike .ag-cell[col-id="data_status"],
.ag-theme-alpine .ag-row.ag-grid-strike .ag-cell[col-id="status"] {
    text-decoration: line-through !important;
    color: #721c24 !important;  /* optional: makes it visually distinct */
    font-weight: bold;           /* optional: emphasize */
}

/* -------------------------------
   AG Grid: Base Theme - Alpine
---------------------------------*/



.ag-theme-alpine {
    --ag-font-size: 15px !important;          /* row font */
    --ag-grid-size: 5px !important;            /* row height factor */
    --ag-header-foreground-color: rgb(252, 187, 78) !important;
    --ag-header-background-color: rgb(35,31,32) !important;
    --ag-header-font-weight: 900 !important;
    --ag-header-column-resize-handle-color: rgb(0, 0, 0) !important;
    text-align: center;             /* center all cells by default */
}


.ag-theme-alpine.compact .ag-header-cell-label {
    justify-content: center;  
    font-size: 15px !important;    /* <- directly set font-size */
    font-weight: 500 !important;
}


.ag-theme-alpine.compact {
    --ag-font-size: 12px !important;          /* row font */
    --ag-grid-size: 4px !important;           /* row height factor */
}


.ag-theme-alpine.thicc .ag-header-cell-label {
    justify-content: center;  
    font-size: 20px !important;    /* <- directly set font-size */
    font-weight: 500 !important;
}

.ag-theme-alpine.thicc {
    --ag-font-size: 15px !important;          /* row font */
    --ag-grid-size: 5px !important;           /* row height factor */
}