/* RC16: zichtbare focus, beter contrast, vaste kop in Mijn uren, bezetting met het toetsenbord, redenvenster. */

/* Grijze hulptekst haalde 4,3:1 op de crème achtergrond; 5,0:1 voldoet aan WCAG AA voor gewone tekst. */
:root{--muted:#5c666a}

/* Eén duidelijke focusrand voor wie met het toetsenbord werkt; de muis ziet geen verschil. */
button:focus-visible,[role="button"]:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:2px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:0}

/* Bezettingscellen zijn met Tab bereikbaar en met Enter of spatie te openen. */
.rc13-occupancy td.rc13-cell[role="button"]{cursor:pointer}

/* Mijn uren: kop (naam, Wachtwoord, Uitloggen) en menubalk samen vast bovenin. */
.rc16-sticky{position:sticky;top:0;z-index:8;background:var(--cream);padding-top:4px;margin-bottom:8px}
.rc16-sticky .admin-header{margin-bottom:4px}
.rc16-sticky .rc15-menu{position:static;margin:0;padding:4px 0 8px}
.employee-page section,.employee-page .rc15-top{scroll-margin-top:var(--rc16-sticky,96px)}
@media(max-width:800px){
  .rc16-sticky .admin-header{flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px 10px}
  .rc16-sticky .admin-header .eyebrow{display:none}
  .rc16-sticky .admin-header h1{font-size:18px}
}

/* Redenvenster in plaats van het browservenster prompt(). */
.rc16-reason{width:min(520px,calc(100% - 32px))}
.rc16-reason textarea{min-height:90px}