/* Stable colour IDs, with explicit labels so colour alone is never required. */
[data-teacher-color=c1]{--teacher-color:#006b44;--teacher-tint:#daf3e3}
[data-teacher-color=c2]{--teacher-color:#1244b0;--teacher-tint:#dce9ff}
[data-teacher-color=c3]{--teacher-color:#7022a7;--teacher-tint:#edddfa}
[data-teacher-color=c4]{--teacher-color:#a63e00;--teacher-tint:#ffe2c2}
[data-teacher-color=c5]{--teacher-color:#ab1454;--teacher-tint:#ffdce9}
[data-teacher-color=c6]{--teacher-color:#694015;--teacher-tint:#e8dac7}
[data-teacher-color=unknown]{--teacher-color:#475569;--teacher-tint:#edf0f4}
.teacher-colored{border:2px solid var(--teacher-color)!important;border-left:10px solid var(--teacher-color)!important;background:var(--teacher-tint)!important;color:#152c37}
.teacher-colored:has(input:checked){outline:3px solid var(--teacher-color);outline-offset:3px;box-shadow:0 0 0 6px #fff}
.teacher-label{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:6px 10px;border-radius:7px;background:var(--teacher-color);color:#fff;font-size:13px;font-weight:800;line-height:1.3;white-space:nowrap;width:fit-content;flex:none}
.teacher-label:before{content:'';width:10px;height:10px;flex:none;border-radius:50%;background:#fff}
.teacher-legend{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px;padding:14px;border:2px solid #365568;border-radius:12px;background:#fff}
.planning-color-hint{flex:1 0 100%;font-size:15px;font-weight:700;line-height:1.5;color:#203d4d;margin-top:5px}
.amanda-slot.teacher-colored>.teacher-label,.builder-summary.teacher-colored>.teacher-label{margin-bottom:7px}
.builder-choice.teacher-colored{position:relative;padding-top:46px!important}
.builder-choice.teacher-colored>.teacher-label{position:absolute;top:9px;left:12px}
#lesson-registration-summary.teacher-colored{padding:12px;border-radius:10px}
@media(max-width:700px){.teacher-label{font-size:12px;padding:6px 9px}.teacher-legend{gap:7px;padding:12px}.planning-color-hint{font-size:14px}.amanda-slot.teacher-colored{border-left-width:9px!important}}