/* ═══════════════════════════════════════════════════════════════════════
   SAIB — Sprint 23
   Beschikbaarheidskalender

   Additief bestand: laden ná alle eerdere saib-lagen. Bouwt voort op het
   raster uit Sprint 22 (.saib-rooster), zodat beide kalenders er hetzelfde
   uitzien en er maar één rasterdefinitie bestaat.
   ═══════════════════════════════════════════════════════════════════════ */

.saib-besch-dag {
    position: relative;
    align-items: center;
    justify-content: flex-start;
}

/* Beschikbaar: rustig groen accent */
.saib-besch-dag.is-vrij-beschikbaar {
    box-shadow: inset 3px 0 0 #3FA96B;
}

/* Niet beschikbaar: gedempt en met een rood accent */
.saib-besch-dag.is-bezet {
    box-shadow: inset 3px 0 0 var(--danger);
    background: rgba(220, 53, 69, 0.07);
}

.saib-besch-dag.is-buiten {
    box-shadow: none;
}

.saib-besch-teken {
    font-size: 15px;
    line-height: 1;
    margin-top: 2px;
}

.saib-besch-dag.is-vrij-beschikbaar .saib-besch-teken {
    color: #3FA96B;
}

.saib-besch-dag.is-bezet .saib-besch-teken {
    color: var(--danger);
}

.saib-besch-reden {
    font-size: 9px;
    line-height: 1.3;
    color: var(--white-dim);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

/* Stip in de legenda en de periodelijst */
.saib-besch-stip {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
}

.saib-besch-stip.is-vrij-beschikbaar { background: #3FA96B; }
.saib-besch-stip.is-bezet            { background: var(--danger); }

@media (max-width: 767.98px) {
    .saib-besch-teken { font-size: 13px; }
    .saib-besch-reden { display: none; }
}