.werkblad-context {
    min-width: 0;
    flex: 0 0 auto;
    border-bottom: 1px solid #9fa7a2;
    background: #fff;
}

.werkblad-context > summary {
    display: grid;
    min-height: 38px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 5px 12px;
    color: #242424;
    background: #f3f5f4;
    cursor: pointer;
    list-style: none;
}

.werkblad-context > summary::-webkit-details-marker { display: none; }
.werkblad-context > summary::before {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid var(--primair);
    content: "";
    transition: transform 120ms ease-out;
}
.werkblad-context[open] > summary::before { transform: rotate(90deg); }
.werkblad-context > summary:hover { background: #eaf2ed; }
.werkblad-context > summary:focus-visible { outline: 2px solid #0f6cbd; outline-offset: -2px; }
.werkblad-context > summary strong { font-size: 12px; }
.werkblad-context-kernwaarde {
    min-width: 0;
    overflow: hidden;
    color: #3f4b44;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.werkblad-context-inhoud { min-width: 0; }

@media (min-width: 1101px) and (max-height: 1100px) {
    .inschrijvingsstaat > header,
    .calculatie-werkblad > header,
    .deelopdracht-werkblad > header,
    .invulstaat-werkblad > header,
    .weekstaat-werkblad > header,
    .termijn-werkblad > header {
        min-height: 48px;
        padding: 5px 12px;
    }

    .inschrijvingsstaat > header h1,
    .calculatie-werkblad > header h1,
    .deelopdracht-werkblad > header h1,
    .invulstaat-werkblad > header h1,
    .weekstaat-werkblad > header h1,
    .termijn-werkblad > header h1 { margin: 0; font-size: 17px; line-height: 1.2; }

    .inschrijvingsstaat > header p,
    .calculatie-werkblad > header p,
    .deelopdracht-werkblad > header p,
    .invulstaat-werkblad > header p,
    .weekstaat-werkblad > header p,
    .termijn-werkblad > header p { font-size: 11px; line-height: 1.2; }

    .werkblad-context > summary { min-height: 34px; padding-block: 3px; }
    .staat-nummerfilter { min-height: 44px; align-items: center; padding-block: 5px; }
    .staat-nummerfilter label > span,
    .staat-rubriekkeuze > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

    .staat-aanvullingen {
        display: grid;
        grid-template-columns: 178px minmax(0, 1fr);
    }
    .staat-aanvullingen > header { min-height: 44px; border-right: 1px solid #c8c8c8; border-bottom: 0; }
    .staat-inline-commandobalk { min-height: 44px; border-bottom: 0; padding-block: 2px; }
    .staat-inline-commandokop { display: none; }
    .staat-aanvullingen > :not(header):not(.staat-inline-commandobalk) { grid-column: 1 / -1; }
}

@media (max-width: 599px) {
    .werkblad-context > summary { min-height: 44px; padding-inline: 10px; }
    .werkblad-context-kernwaarde { font-size: 10px; }
}