/* ════════════════════════════════════════
   tables.css
   ════════════════════════════════════════ */
.tbl-wrap { overflow-x: auto; }

table { width: 100%; border-collapse: collapse; font-size: 0.84rem; }

thead th {
    background: var(--gray-50); padding: 12px 14px;
    text-align: center; font-weight: 700; color: var(--primary);
    border-bottom: 2px solid var(--gray-200); white-space: nowrap;
    font-size: 0.82rem; letter-spacing: 0.3px;
}

tbody td {
    padding: 11px 14px; text-align: center;
    border-bottom: 1px solid var(--gray-100);
    vertical-align: middle;
}

tbody tr:hover td { background: var(--gray-50); }
tbody tr:last-child td { border-bottom: none; }

.empty-row td {
    padding: 48px; color: var(--gray-400);
    font-size: 0.9rem; text-align: center;
}

td strong { color: var(--primary); }

/* ── Action buttons in table ── */
.actions { display: flex; gap: 5px; justify-content: center; }