/* Client table: fit all important columns in the visible desktop width. */
.clients-page {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.clients-table-container {
    width: 100% !important;
    overflow-x: hidden !important;
}

.clients-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
}

.clients-table th,
.clients-table td {
    min-width: 0 !important;
    padding: 10px 7px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
}

.clients-table th {
    white-space: normal !important;
    text-align: center !important;
}

.clients-table td {
    white-space: normal !important;
}

.clients-table th:nth-child(1),
.clients-table td:nth-child(1) { width: 5% !important; }
.clients-table th:nth-child(2),
.clients-table td:nth-child(2) { width: 9% !important; }
.clients-table th:nth-child(3),
.clients-table td:nth-child(3) { width: 20% !important; }
.clients-table th:nth-child(4),
.clients-table td:nth-child(4) { width: 11% !important; }
.clients-table th:nth-child(5),
.clients-table td:nth-child(5) { width: 11% !important; }
.clients-table th:nth-child(6),
.clients-table td:nth-child(6) { width: 10% !important; }
.clients-table th:nth-child(7),
.clients-table td:nth-child(7) { width: 10% !important; }
.clients-table th:nth-child(8),
.clients-table td:nth-child(8) { width: 9% !important; }
.clients-table th:nth-child(9),
.clients-table td:nth-child(9) { width: 15% !important; }

.clients-table td:nth-child(1),
.clients-table td:nth-child(4),
.clients-table td:nth-child(5),
.clients-table td:nth-child(6),
.clients-table td:nth-child(7),
.clients-table td:nth-child(8) {
    text-align: center !important;
}

.clients-status {
    max-width: 100% !important;
    padding: 4px 7px !important;
    font-size: 11px !important;
    white-space: normal !important;
    text-align: center !important;
}

.clients-action-buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    width: 100% !important;
}

.clients-action-buttons .clients-button {
    width: 100% !important;
    min-width: 0 !important;
    padding: 6px 5px !important;
    border-radius: 6px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}

@media (max-width: 1100px) {
    .clients-page {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .clients-table th,
    .clients-table td {
        padding: 8px 5px !important;
        font-size: 10px !important;
    }

    .clients-action-buttons .clients-button {
        font-size: 9px !important;
        padding: 5px 3px !important;
    }
}

@media (max-width: 760px) {
    .clients-table-container {
        overflow-x: auto !important;
    }

    .clients-table {
        min-width: 760px !important;
    }
}

/* Properties table: keep all columns and action buttons inside the visible workspace. */
.property-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.property-list-card,
.property-table-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.property-table-wrapper {
    overflow-x: hidden !important;
}

.property-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
}

.property-table th,
.property-table td {
    min-width: 0 !important;
    padding: 9px 5px !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.property-table th {
    font-size: 8px !important;
    letter-spacing: 0 !important;
}

.property-table th:nth-child(1), .property-table td:nth-child(1) { width: 4% !important; }
.property-table th:nth-child(2), .property-table td:nth-child(2) { width: 14% !important; }
.property-table th:nth-child(3), .property-table td:nth-child(3) { width: 7% !important; }
.property-table th:nth-child(4), .property-table td:nth-child(4) { width: 5% !important; }
.property-table th:nth-child(5), .property-table td:nth-child(5) { width: 11% !important; }
.property-table th:nth-child(6), .property-table td:nth-child(6) { width: 10% !important; }
.property-table th:nth-child(7), .property-table td:nth-child(7) { width: 11% !important; }
.property-table th:nth-child(8), .property-table td:nth-child(8) { width: 10% !important; }
.property-table th:nth-child(9), .property-table td:nth-child(9) { width: 13% !important; }
.property-table th:nth-child(10), .property-table td:nth-child(10) { width: 15% !important; }

.property-status {
    max-width: 100% !important;
    padding: 4px 6px !important;
    font-size: 8px !important;
    white-space: nowrap !important;
}

.property-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 3px !important;
    width: 100% !important;
}

.property-edit-button,
.property-delete-button,
.property-view-button,
.property-select-button,
.property-cancel-reservation-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 6px 4px !important;
    font-size: 8px !important;
    line-height: 1.1 !important;
    white-space: normal !important;
}