/* ============================================
   TABEL MODERN ALBASTRU
   Suprascrie Bootstrap 5 .table
   ============================================ */

table.tabel-albastru {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    font-size: 17px !important;
    border: 1px solid #d0dce8 !important;
    margin-bottom: 1rem !important;
    display: table !important;
    white-space: normal !important;
    --bs-table-bg: transparent !important;
    --bs-table-striped-bg: transparent !important;
    --bs-table-hover-bg: transparent !important;
    --bs-table-border-color: transparent !important;
}

table.tabel-albastru thead {
    display: table-header-group !important;
    width: 100% !important;
    white-space: normal !important;
}

table.tabel-albastru tbody {
    display: table-row-group !important;
    width: 100% !important;
    white-space: normal !important;
}

table.tabel-albastru thead tr {
    background: #2b7cba !important;
    white-space: normal !important;
}

table.tabel-albastru > thead > tr > th {
    padding: 14px 20px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    text-align: left !important;
    border: none !important;
    letter-spacing: 0.3px !important;
    background: transparent !important;
    box-shadow: none !important;
    white-space: normal !important;
}

table.tabel-albastru > thead > tr > th:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
}

table.tabel-albastru > tbody > tr {
    background: #ffffff !important;
    transition: background 0.15s !important;
    box-shadow: none !important;
    white-space: normal !important;
}

table.tabel-albastru > tbody > tr:nth-child(even) {
    background: #f0f5fa !important;
}

table.tabel-albastru > tbody > tr:hover {
    background: #e3eef7 !important;
}

table.tabel-albastru > tbody > tr > td {
    padding: 12px 20px !important;
    color: #333333 !important;
    border: none !important;
    border-bottom: 1px solid #e8edf3 !important;
    vertical-align: middle !important;
    background: transparent !important;
    box-shadow: none !important;
    white-space: normal !important;
}

table.tabel-albastru > tbody > tr:last-child > td {
    border-bottom: none !important;
}

table.tabel-albastru > :not(caption) > * > * {
    background-color: transparent !important;
    border-bottom-width: 0 !important;
    box-shadow: none !important;
}

/* ---------- MOBILE: scroll orizontal ---------- */
@media (max-width: 768px) {
    table.tabel-albastru {
        display: block !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        max-width: 700px !important;
    }

    table.tabel-albastru thead,
    table.tabel-albastru tbody {
        display: table !important;
        min-width: 600px !important;
    }
}