/* ============================================
   TABLES.CSS - Table Styles
   ============================================ */

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table {
    width: 100%;
    margin-bottom: 0;
    border-collapse: collapse;
}

.table thead th {
    font-size: 0.65rem;
    padding: 10px 8px;
    background: #eef2ff !important;
    font-weight: 700;
    color: #1e293b !important;
    border-bottom: 2px solid #e2e8f0;
}

.table td {
    font-size: 0.65rem;
    padding: 10px 8px;
    vertical-align: middle;
    color: #334155 !important;
    border-bottom: 1px solid #e2e8f0;
}

.table tr:hover td {
    background: #f8fafc;
}

.dark-theme .table thead th {
    background: #1e293b !important;
    color: #f1f5f9 !important;
    border-bottom-color: #334155;
}

.dark-theme .table td {
    color: #cbd5e1 !important;
    border-bottom-color: #334155;
}

.dark-theme .table tr:hover td {
    background: #334155;
}

.transactions-table th {
    background: #eef2ff !important;
    color: #1e293b !important;
}

.dark-theme .transactions-table th {
    background: #1e293b !important;
    color: #f1f5f9 !important;
}

.transactions-table td {
    color: #334155 !important;
}

.dark-theme .transactions-table td {
    color: #cbd5e1 !important;
}

.transactions-table .fw-mono {
    font-family: monospace;
    color: #1e293b !important;
}

.dark-theme .transactions-table .fw-mono {
    color: #e2e8f0 !important;
}