/* CarWash reports/tables */
.cw-responsive-table {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.cw-table {
    margin: 0;
    min-width: 980px;
}

.cw-table thead th {
    white-space: nowrap;
}

.cw-row-actions {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: .45rem;
    flex-wrap: nowrap;
}

.cw-status {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: .2rem .65rem;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 800;
}

.cw-status.active {
    background: rgba(0, 160, 120, .1);
    color: #007b66;
}

.cw-status.inactive {
    background: rgba(239, 68, 68, .1);
    color: #c92c2c;
}

.cw-table-sub {
    margin-top: .2rem;
    color: #7b929a;
    font-size: .82rem;
}

@media (max-width: 768px) {
    .cw-responsive-table { overflow: visible; }
    .cw-table { min-width: 0; width: 100%; }
    .cw-table thead { display: none; }
    .cw-table, .cw-table tbody, .cw-table tr, .cw-table td { display: block; width: 100%; }
    .cw-table tr {
        margin-bottom: .85rem;
        padding: .85rem;
        border-radius: 18px;
        background: #fff;
        border: 1px solid rgba(0, 154, 154, .12);
        box-shadow: 0 10px 28px rgba(0, 88, 93, .05);
    }
    .cw-table td {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        border: 0;
        padding: .45rem 0;
        text-align: right !important;
    }
    .cw-table td::before {
        content: attr(data-label);
        font-weight: 800;
        color: #557078;
        text-align: left;
    }
    .cw-row-actions { justify-content: flex-end; flex-wrap: wrap; }
}