/*
 * Markierungs-Streifen der Einsatzliste (EmploymentTable ->recordClasses):
 * zwei ineinandergelegte Inset-Schatten auf der ersten Zelle ergeben zwei
 * Farbstreifen ganz am linken Zeilenrand — aussen die Sichtbarkeit
 * (gruen = sichtbar, grau = ausgeblendet), innen daneben amber fuer
 * Schuelereinsaetze. Selektoren auf Filaments stabilen CSS-Hook-Klassen
 * (.fi-ta-row); registriert via FilamentAsset im HelperplannerServiceProvider,
 * publiziert nach public/css/helperplanner/ (php artisan filament:assets).
 */
.fi-ta-row.emp-stripe-visible > td:first-child {
    box-shadow: inset 4px 0 0 0 #22c55e;
}

.fi-ta-row.emp-stripe-hidden > td:first-child {
    box-shadow: inset 4px 0 0 0 #9ca3af;
}

.fi-ta-row.emp-stripe-visible.emp-stripe-school > td:first-child {
    box-shadow: inset 4px 0 0 0 #22c55e, inset 9px 0 0 0 #f59e0b;
}

.fi-ta-row.emp-stripe-hidden.emp-stripe-school > td:first-child {
    box-shadow: inset 4px 0 0 0 #9ca3af, inset 9px 0 0 0 #f59e0b;
}

/* Legende unter dem Tabellenkopf: Mini-Chips in den Streifenfarben. */
.emp-stripe-legend {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem 1rem;
}

.emp-stripe-legend > span {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.emp-stripe-legend-dot {
    display: inline-block;
    width: 4px;
    height: 14px;
    border-radius: 2px;
}

.emp-stripe-legend-dot--visible { background-color: #22c55e; }
.emp-stripe-legend-dot--hidden { background-color: #9ca3af; }
.emp-stripe-legend-dot--school { background-color: #f59e0b; }