/* =====================================
   TABLE :: ENHANCED BOOTSTRAP (SAFE)
   ===================================== */

.table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 6px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease;
}

/* ===============================
   TABLE HEADER
   =============================== */

.table thead th {
    background: linear-gradient(
        180deg,
        #f0f9ff 0%,
        #e0f2fe 100%
    );
    color: #0c4a6e !important;            /* header-only color */
    font-weight: 600;
    padding: 12px 16px;
    text-align: center;
    white-space: nowrap;
    border-bottom: 1px solid rgba(203, 213, 225, 0.6);
}

/* ===============================
   TABLE BODY
   =============================== */

.table tbody td {
    padding: 12px 16px;
    border-top: 1px solid rgba(203, 213, 225, 0.5);
    background-color: transparent;
    /* ❌ NO color here — inherit from Bootstrap */
}

/* Zebra striping (background only) */
.table tbody tr:nth-child(even) td {
    background-color: #f8fafc;
}

/* Hover effect (background only) */
.table-hover tbody tr:hover td {
    background-color: rgba(240, 249, 255, 0.7);
}

/* ===============================
   BORDERED TABLE SUPPORT
   =============================== */

.table-bordered {
    border: 1px solid rgba(203, 213, 225, 0.6);
}

.table-bordered thead th:first-child {
    border-top-left-radius: 6px;
}

.table-bordered thead th:last-child {
    border-top-right-radius: 6px;
}

/* ===============================
   TABLE INTERACTION
   =============================== */

.table:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

/* Smooth transitions */
.table th,
.table td {
    transition:
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}