:root{
    --ft-text: #e6eef8;
    --ft-muted: #98b8da;
    --ft-border-weak: rgba(255,255,255,0.03);
    --ft-border: rgba(255,255,255,0.04);
    --ft-row: rgba(255,255,255,0.02);
    --ft-row-hover: rgba(255,255,255,0.035);
}

/* --- Table defaults for dark theme: readable text --- */
/* These rules keep the dark theme but force readable text color in <td> */
.reserved-page .files-table td,
.files-page .files-table td,
.reserved-page table.files-table td,
.files-page table.files-table td {
    color: var(--ft-text) !important;
    background: transparent !important; /* keep dark background by default */
    border-bottom: 1px solid var(--ft-border-weak) !important;
}

/* --- If you want the <td> TEXT to be white everywhere (safe for dark bg) --- */
/* This will force cell text to pure white */
.reserved-page .files-table td,
.files-page .files-table td {
    color: #ffffff !important;
}

/* --- OPTIONAL: If you instead want the <td> BACKGROUND to be white (light cells)
     uncomment the following block. Note: you'll likely want to change text color to dark
     for contrast (see .td-bg-dark-text below). Use this only if you want bright cells. --- */

/*
.reserved-page .files-table td,
.files-page .files-table td {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  color: #0b1220 !important;  / * dark text for contrast * /
}
*/

/* If you prefer to apply white background only to specific cells, add class .td-bg-white
   to the <td> elements in your Blade (recommended rather than forcing all cells): */
.td-bg-white {
    background: #ffffff !important;
    color: #0b1220 !important; /* dark text for readability on white bg */
}

/* Helper: in case you add .td-bg-white but need header still dark */
.td-bg-white a {
    color: #0b1220 !important;
    text-decoration: none;
}

/* Row hover / zebra for dark theme (keeps subtle separation) */
.reserved-page .files-table tbody tr:nth-child(odd),
.files-page .files-table tbody tr:nth-child(odd) {
    background: rgba(255,255,255,0.005) !important;
}
.reserved-page .files-table tbody tr:hover,
.files-page .files-table tbody tr:hover {
    background: var(--ft-row-hover) !important;
}

/* Ensure links in cells remain visible */
.reserved-page .files-table a,
.files-page .files-table a {
    color: #cfe4ff !important;
}

/* Accessibility focus */
.reserved-page .files-table a:focus,
.files-page .files-table a:focus,
.reserved-page .files-table td:focus,
.files-page .files-table td:focus {
    outline: 3px solid rgba(43,155,243,0.12);
    outline-offset: 2px;
}
.table  th{
    color: white !important;
}
.table td{
    color: #cecece !important;
}
/* -------- TABLE DARK FIX -------- */
.files-page .files-table thead th{
    color: rgba(255,255,255,.65) !important;
    font-weight: 600;
    letter-spacing: .2px;
}

.files-page .files-table tbody td{
    color: #fff !important;
}

/* opcional: linhas mais clean */
.files-page .files-table tbody tr{
    border-bottom: 1px solid rgba(255,255,255,.06);
}

/* -------- PAGINATION DARK FIX -------- */
.files-page nav[aria-label="Pagination Navigation"]{
    display: flex;
    justify-content: center;
    margin-top: 18px;
}

.files-page .pagination{
    gap: .4rem;
    flex-wrap: wrap;
}

.files-page .page-item .page-link{
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    color: #fff !important;
    border-radius: 999px;
    padding: .45rem .85rem;
}

.files-page .page-item .page-link:hover{
    background: rgba(255,255,255,.12) !important;
}

.files-page .page-item.active .page-link{
    background: #6c5ce7 !important;
    border-color: #6c5ce7 !important;
    color: #fff !important;
}

.files-page .page-item.disabled .page-link{
    opacity: .35;
    pointer-events: none;
}

.files-page .page-link:focus{
    box-shadow: none !important;
    outline: none !important;
}