/* RoomConfiguration.css -- the "Rooms" tab (Types + Room Numbers sub-views). Tokens only. */

/* No .room-config-module container: the sub-tab bar, banner and panel are siblings in the
   stack, which owns the gap. A wrapper here would hold the panel out of reach of the
   one-panel rule in Panel.css (TLP-994). */

.room-config-sub-tabs {
    display: flex;
}

.room-config-table-wrap {
    overflow-x: auto;
}

.room-config-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-sm);
}

.room-config-table th,
.room-config-table td {
    padding: var(--space-2);
    border-bottom: 1px solid var(--border-subtle);
    text-align: left;
}

.room-config-table th {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-medium);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.room-config-table__code {
    white-space: nowrap;
    width: 1%;
}

.room-config-table__pms {
    color: var(--text-secondary);
    white-space: nowrap;
}