/* =========================================================
   IDS Core Backoffice CSS Architecture v3.0
   Tables Layer
   UTP tables + legacy IDS table compatibility.
   ========================================================= */

/* UTP tables */

.ids-utp .utp-table-wrap {
    width: 100%;
    overflow-x: auto;

    background: var(--utp-color-surface);
    border: 0;
    border-radius: 0;
}

.ids-utp .utp-table {
    width: 100%;
    border-collapse: collapse;

    background: var(--utp-color-surface);
    border: 0;
    border-radius: 0;
    overflow: hidden;

    font-size: 13px;
}

/* Legacy IDS tables */

.ids-utp .ids-manual-bookings-table,
.ids-utp .ids-staff-table,
.ids-utp .ids-table {
    width: 100%;
    border-collapse: collapse;

    background: var(--utp-color-surface);
    border-radius: var(--utp-radius-lg);
    overflow: hidden;

    font-size: 13px;
}

/* Cells */

.ids-utp .utp-table th,
.ids-utp .utp-table td,
.ids-utp .ids-manual-bookings-table th,
.ids-utp .ids-manual-bookings-table td,
.ids-utp .ids-staff-table th,
.ids-utp .ids-staff-table td,
.ids-utp .ids-table th,
.ids-utp .ids-table td {
    padding: 14px 16px;
    border-bottom: var(--utp-border-width) solid var(--utp-color-border);

    text-align: left;
    vertical-align: middle;

    color: var(--utp-color-text);
}

/* Headers */

.ids-utp .utp-table th,
.ids-utp .ids-manual-bookings-table th,
.ids-utp .ids-staff-table th,
.ids-utp .ids-table th {
    background: #eef2f7;

    font-size: var(--utp-font-xs);
    font-weight: 800;

    color: var(--utp-color-text);

    text-transform: none;
    letter-spacing: 0;
}

/* Row states */

.ids-utp .utp-table tr:last-child td,
.ids-utp .ids-manual-bookings-table tr:last-child td,
.ids-utp .ids-staff-table tr:last-child td,
.ids-utp .ids-table tr:last-child td {
    border-bottom: 0;
}

.ids-utp .utp-table tbody tr:nth-child(even),
.ids-utp .ids-manual-bookings-table tbody tr:nth-child(even),
.ids-utp .ids-staff-table tbody tr:nth-child(even),
.ids-utp .ids-table tbody tr:nth-child(even) {
    background: #f8fafc;
}

.ids-utp .utp-table tbody tr:hover,
.ids-utp .ids-manual-bookings-table tbody tr:hover,
.ids-utp .ids-staff-table tbody tr:hover,
.ids-utp .ids-table tbody tr:hover {
    background: #f1f5f9;
}

/* Links */

.ids-utp .utp-table a,
.ids-utp .ids-manual-bookings-table a,
.ids-utp .ids-staff-table a,
.ids-utp .ids-table a {
    color: var(--utp-color-hotels);
    font-weight: 700;
}

/* Responsive */

@media (max-width: 640px) {
    .ids-utp .utp-table th,
    .ids-utp .utp-table td,
    .ids-utp .ids-manual-bookings-table th,
    .ids-utp .ids-manual-bookings-table td,
    .ids-utp .ids-staff-table th,
    .ids-utp .ids-staff-table td,
    .ids-utp .ids-table th,
    .ids-utp .ids-table td {
        padding: 12px;
    }
}