/* =========================================================
   UIkit Table – Clean data-table theme (Stripe-like)
   Uses ONLY UIkit selectors:
   - .uk-table.datable
   - thead / tbody / th / td / tr
   ========================================================= */

/* Base table */
.uk-table.datable{
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.92rem;
    background: #ffffff;
    font-family: "Inter", sans-serif;
    width: auto;
    min-width: 100%;
    table-layout: fixed;
}

/* Cells */
.uk-table.datable th,
.uk-table.datable td{
    padding: 5px 10px;
    vertical-align: middle;
    white-space: nowrap;
}

.uk-table.datable th.uk-table-link > a{
    padding: 5px 10px;
    font-weight: 400 !important;
}
.uk-table.datable tbody td.uk-table-link{
    padding: 0;
}

.uk-table.datable tbody td.uk-table-link > {
    padding: 5px 10px;
}


/* Header */
.uk-table.datable thead th{
    position: sticky;
    top: 0;
    z-index: 1;

    background: rgba(223, 228, 234,.10);
    color: rgba(11, 18, 32, 0.62);
    font-weight: 400 !important;
    font-size: 0.82rem;
    text-transform: none !important;

    border-bottom: 1px solid rgba(11, 18, 32, 0.12);
    border-top: 1px solid rgba(11, 18, 32, 0.12);
}

.uk-table.datable thead th.uk-table.uk-table-link:hover > a{
    color: var(--bb-accent-color) !important;
}

.uk-table.datable thead th:not(:first-child){
    border-left: 1px solid rgba(11, 18, 32, 0.12);
}

.uk-table.datable thead th:last-child{
    border-right: 1px solid rgba(11, 18, 32, 0.12);
}

/* Subtle vertical separators in header (like screenshot) */
.uk-table.datable thead th + th{
    box-shadow: inset 1px 0 0 rgba(11, 18, 32, 0.04);
}
[data-theme="dark"] .uk-table.datable thead th + th{
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.06);
}

/* Body rows */
.uk-table.datable tbody td{
    border-bottom: 1px solid rgba(11, 18, 32, 0.12);
    color: #0b1220;
}

/* Remove last divider */
.uk-table.datable tbody tr:last-child td{
    border-bottom: none;
}

/* Hover (very subtle, data-grid style) */
.uk-table.datable tbody tr{
    transition: background-color 0.12s ease;
}
.uk-table.datable tbody tr:hover{
    background: rgba(11, 18, 32, 0.02);
}
[data-theme="dark"] .uk-table.datable tbody tr:hover{
    background: rgba(255, 255, 255, 0.04);
}

/* Compact density (better for large datasets) */
.uk-table.datable.uk-table.datable-small th,
.uk-table.datable.uk-table.datable-small td{
    padding: 4px 12px;
    font-size: 0.9rem;
}

/* Optional: checkbox column alignment (still generic) */
.uk-table.datable th:first-child,
.uk-table.datable td:first-child{
    padding-left: 12px;
}

/* Optional: prevent header shadow clipping inside cards */
.uk-card .uk-table.datable thead th{
    top: 0;
}

/* Mobile tightening */
@media (max-width: 639.98px){
    .uk-table.datable th,
    .uk-table.datable td{
        padding: 9px 12px;
    }
}