/* ==========================================
   TDOGSPH PREMIUM TABLE SYSTEM
========================================== */

/* ===============================
   TABLE PANEL
================================ */

.dashboard-table-panel{

    background-image:var(--dashboard-card-bg);

    background-repeat:no-repeat;

    background-position:center;

    background-size:100% 100%;

    border-radius:32px;

    padding:32px;

    box-shadow:var(--shadow-md);

    transition:var(--transition);

}

.dashboard-table-panel:hover{

    box-shadow:var(--shadow-lg);

}

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

.dashboard-table-header{

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    gap:32px;

    margin-bottom:36px;

    flex-wrap:wrap;

}

.dashboard-table-title{

    margin:0;

    color:var(--primary);

    font-family:'Cormorant Garamond', serif;

    font-size:42px;

    font-weight:700;

}

.dashboard-table-subtitle{

    margin-top:10px;

    color:var(--text-secondary);

    font-size:16px;

    line-height:1.7;

}

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

.dashboard-table{

    width:100%;

    border-collapse:separate;

    border-spacing:0 18px;

}

.dashboard-table thead th{

    background:rgba(255,255,255,.98);

    color:var(--primary);

    font-weight:800;

    font-size:15px;

    letter-spacing:.3px;

    padding:22px 24px;

    border:none;

    box-shadow:

        inset 0 1px 0 rgba(255,255,255,.8),

        0 4px 12px rgba(81,50,41,.06);

}

.dashboard-table thead th:first-child{

    border-radius:18px 0 0 18px;

}

.dashboard-table thead th:last-child{

    border-radius:0 18px 18px 0;

}

.dashboard-table tbody td{

    background:rgba(255,255,255,.96);

    padding:24px 24px;

    min-height:74px;

    vertical-align:middle;

    color:var(--text-primary);

    font-size:16px;

    transition:var(--transition);

}

.dashboard-table tbody tr td:first-child{

    border-radius:18px 0 0 18px;

}

.dashboard-table tbody tr td:last-child{

    border-radius:0 18px 18px 0;

}

.dashboard-table tbody tr{

    transition:var(--transition);

}

.dashboard-table tbody tr:hover{

    transform:translateY(-4px);

}

.dashboard-table tbody tr:hover td{

    box-shadow:

        0 12px 28px rgba(81,50,41,.08);

}

/* ===============================
   STATUS BADGES
================================ */
.status-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:125px;

    min-height:42px;

    padding:10px 22px;

    border-radius:999px;

    font-size:15px;

    font-weight:700;

    box-shadow:0 6px 16px rgba(0,0,0,.08);

}

.status-confirmed{

    background:#D7D4B1;

    color:var(--primary);

}

.status-pending{

    background:#FCE6B7;

    color:var(--primary);

}

.status-completed{

    background:#D8EBF9;

    color:var(--primary);

}

.status-cancelled{

    background:#F8D7DA;

    color:#842029;

}
/* ==========================================
   TABLE TOOLBAR
========================================== */

.dashboard-table-header .btn-primary-custom{

    min-width:220px;

    min-height:60px;

    font-size:16px;

    font-weight:700;

}