#staff-calendar-admin{padding:0;margin-top:24px}
#staff-calendar-dialog{width:min(680px,calc(100vw - 32px));max-height:88vh;overflow:auto;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink)}
#staff-calendar-dialog::backdrop{background:rgba(20,40,30,.45)}
.staff-calendar-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.staff-day-open{display:block;width:100%;min-height:36px;border:0;border-radius:5px;background:transparent;text-align:left;color:var(--forest);font-weight:800;cursor:pointer}
.staff-day-open:hover,.staff-day-open:focus-visible{background:var(--sage-soft);outline:2px solid var(--forest)}
#staff-calendar-admin h2{color:var(--forest);font-family:Georgia,serif}
#staff-calendar-entry-list{margin-top:22px}
#staff-calendar-form input[type=checkbox]{width:auto;margin-right:8px}
#time-off-form fieldset{min-width:0;border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:14px;margin:0}
#time-off-form legend{padding:0 8px;font-weight:800;color:var(--forest);font-size:13px}
#time-off-form input[readonly]{background:var(--cream);color:var(--muted)}
#time-off-form .time-off-checkbox{display:flex;align-items:flex-start;gap:10px;line-height:1.6;padding:12px;background:var(--cream);border-radius:10px}
#time-off-form input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin-top:3px}
.time-off-approvals .time-off-form-grid{margin:12px 0}
.time-off-decision-details{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:10px}
.time-off-decision-details label{display:grid;gap:6px}
.time-off-decision-details input,.time-off-decision-details select{width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}
.time-off-calendar .school-event{width:100%;border:0;text-align:left;cursor:pointer;font-family:inherit;white-space:normal}
.time-off-calendar .school-event.holiday{background:#fff0c9;color:#72520c}
.time-off-calendar .school-event.closure{background:#f4dfd3;color:#77462b}
.time-off-calendar .school-event.event{background:#e0eaf5;color:#305575}
.time-off-calendar .school-event:focus-visible{outline:2px solid var(--forest);outline-offset:1px}
#time-off [hidden],#staff-calendar-dialog [hidden]{display:none!important}
@media(max-width:700px){#staff-calendar-admin{padding:14px}}