/* RC12: spelregels (geteld én geklokt, pauze niet genomen), kalender die doorklikt, teams, eigen rooster. */

.rc12-skipped-break{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#faf9f5}
.rc12-skipped-break .check-label{font-weight:700}
.rc12-why span{display:block;color:var(--muted);font-size:12px;line-height:1.35}
.rc12-settings{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#faf9f5}
.rc12-settings h3{margin:0 0 4px}.rc12-settings form{margin-top:12px}
.rc12-compensation{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#faf9f5}
.rc12-compensation h3{margin:0 0 4px}.rc12-compensation form{margin-top:12px}
.rc12-counter{display:inline-block;margin-left:6px}
.rc12-note{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:var(--blue-soft);color:var(--blue);font-weight:650}
.rc12-note.alert{background:var(--amber-soft);color:var(--amber)}

/* Kalender: regels zijn knoppen, de naam opent het profiel. */
.calendar-entry[role="button"]{cursor:pointer}
.calendar-entry[role="button"]:hover,.calendar-entry[role="button"]:focus-visible{outline:2px solid var(--green);outline-offset:1px}
.calendar-entry strong[data-employee]{text-decoration:underline dotted;text-underline-offset:2px}
.rc12-chooser{width:min(460px,calc(100% - 32px))}
.rc12-chooser .toolbar{margin-top:16px;justify-content:flex-start}

/* Eigen rooster in Mijn uren. */
.rc12-roster{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:14px}
.rc12-roster-day{min-height:86px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:12px}
.rc12-roster-day.weekend{background:#f4f4f1}.rc12-roster-day.today{border-color:var(--green);box-shadow:0 0 0 2px rgba(23,108,83,.15)}
.rc12-roster-day.off{color:var(--muted)}
.rc12-roster-day strong{display:block;margin-bottom:4px}
.rc12-roster-day .badge{display:block;margin-top:4px;padding:3px 6px;font-size:11px;white-space:normal}
.rc12-roster-week{grid-column:1/-1;margin:8px 0 0;color:var(--muted);font-size:12px;font-weight:700}
.rc12-explain{margin-top:12px}.rc12-explain summary{cursor:pointer;font-weight:700}.rc12-explain ul{margin:8px 0 0;padding-left:18px}.rc12-explain li{margin-bottom:4px}
@media(max-width:800px){.rc12-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.rc12-roster-week{grid-column:1/-1}}