.dokman-rooster-wrapper {
    overflow-x: auto;
    margin: 1em 0;
}

.dokman-rooster-title {
    margin-bottom: 0.5em;
}

.dokman-rooster-table {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.95rem;
}

.dokman-rooster-table th,
.dokman-rooster-table td {
    padding: 0.5em 0.75em;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.dokman-rooster-table th {
    font-weight: 600;
}

/* Sorteerbare kolommen */
.dokman-rooster-table th.sortable {
    cursor: pointer;
}

.dokman-rooster-table th.sort-asc::after {
    content: " ▲";
    font-size: 0.8em;
}

.dokman-rooster-table th.sort-desc::after {
    content: " ▼";
    font-size: 0.8em;
}

.dokman-rooster-table tr:nth-child(even) {
    background: #f9f9f9;
}

.dokman-lessons-details {
    cursor: pointer;
}

.dokman-lessons-details summary {
    list-style: none;
}

.dokman-lessons-details summary::-webkit-details-marker {
    display: none;
}

.dokman-lessons-details summary::after {
    content: " ▼";
    font-size: 0.8em;
}

.dokman-lessons-details[open] summary::after {
    content: " ▲";
}

.dokman-lessons-list {
    margin: 0.5em 0 0 0;
    padding-left: 1.2em;
}

.dokman-status-full {
    display: inline-block;
    margin-left: 0.35em;
    padding: 0.1em 0.45em;
    border-radius: 999px;
    font-size: 0.75em;
    text-transform: uppercase;
    background: #b32d2e;
    color: #fff;
}

/* Mobiel vriendelijk rooster */
@media (max-width: 700px) {
    .dokman-rooster-table thead {
        display: none;
    }

    .dokman-rooster-table,
    .dokman-rooster-table tbody,
    .dokman-rooster-table tr,
    .dokman-rooster-table td {
        display: block;
        width: 100%;
    }

    .dokman-rooster-table tr {
        margin-bottom: 0.75em;
        padding: 0.5em 0.75em;
        border: 1px solid #ddd;
        border-radius: 6px;
        background: #fff;
    }

    .dokman-rooster-table td {
        border: none;
        padding: 0.15em 0;
    }

    .dokman-rooster-table td::before {
        content: attr(data-label);
        display: block;
        font-weight: 600;
        margin-bottom: 0.05em;
        font-size: 0.8rem;
        text-transform: uppercase;
        opacity: 0.7;
    }

    .dokman-rooster-wrapper {
        overflow-x: visible;
    }
}