/* Teacher availability grid (availability.js). Theme-aware tokens; WCAG AA contrast. */
.xav,.xav-slot{--xv-fg:var(--navy,#0b1c2d);--xv-mut:var(--muted,#3d4f63);--xv-bd:#9aa9b8;--xv-bg:#fff;--xv-off:#f2f5f9;--xv-on:#14566f;--xv-onfg:#fff;--xv-busy:#7a2e0e;--xv-warn:#8a3b00;--xv-ok:#0f6b3a;--xv-err:#b91c1c;--xv-ring:#b45309}
:root[data-theme=dark] .xav,:root[data-theme=dark] .xav-slot{--xv-fg:#e8eef5;--xv-mut:#b6c3d1;--xv-bd:#5b6b7c;--xv-bg:#10202f;--xv-off:#192b3c;--xv-on:#4fb3d6;--xv-onfg:#06202c;--xv-busy:#ffb48a;--xv-ok:#6ee7a0;--xv-err:#ff9b9b;--xv-ring:#ffb454}
.xav{color:var(--xv-fg)}.xav h4,.xav h5{margin:.8rem 0 .4rem}.xav-note{font-size:.82rem;line-height:1.45;color:var(--xv-mut);margin:0 0 .6rem}.xav-warn{color:var(--xv-warn);font-weight:700}
.xav-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.5rem 0}.xav-l{display:inline-flex;flex-direction:column;gap:.15rem;font-size:.78rem;font-weight:700;color:var(--xv-mut)}
.xav select,.xav input[type=date]{min-height:40px;padding:.3rem .5rem;border:1.5px solid var(--xv-bd);border-radius:8px;background:var(--xv-bg);color:var(--xv-fg);font:inherit;font-size:.85rem}
.xav-btn,.xav-seg{min-height:44px;padding:.4rem 1rem;border-radius:999px;border:1.5px solid var(--xv-on);background:var(--xv-bg);color:var(--xv-fg);font:800 .85rem/1.2 inherit;font-family:inherit;cursor:pointer}
.xav-btn:hover,.xav-seg:hover{background:var(--xv-off)}.xav-p:hover,.xav-seg.on:hover{background:var(--xv-on)}.xav-seg-b.on:hover{background:var(--xv-busy)}
.xav-p,.xav-seg.on{background:var(--xv-on);color:var(--xv-onfg)}.xav-seg-b.on{background:var(--xv-busy);border-color:var(--xv-busy);color:#fff}
.xav-d{color:var(--xv-err);border-color:var(--xv-err)}.xav-btn:disabled,.xav-seg:disabled{opacity:.55;cursor:not-allowed}
.xav :focus-visible,.xav-slot :focus-visible{outline:3px solid var(--xv-ring);outline-offset:2px}
.xav-legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.76rem;color:var(--xv-mut);margin:.3rem 0}.xav-legend span{display:inline-flex;gap:.3rem;align-items:center}
.xav-sw{width:14px;height:14px;border:1.5px solid var(--xv-bd);border-radius:3px;background:var(--xv-off);display:inline-block}.xav-sw.on{background:var(--xv-on);border-color:var(--xv-on)}.xav-sw.busy{background:repeating-linear-gradient(45deg,var(--xv-busy) 0 3px,var(--xv-off) 3px 6px)}
.xav-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.xav-grid{min-width:330px;border:1.5px solid var(--xv-bd);border-radius:10px;overflow:hidden;background:var(--xv-bg);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.xav-row{display:grid;grid-template-columns:minmax(64px,92px) repeat(7,minmax(34px,1fr))}.xav-head{background:var(--xv-off);font-weight:800;font-size:.76rem}
.xav-time,.xav-dh{padding:.3rem .25rem;font-size:.7rem;line-height:1.2;border-bottom:1px solid var(--xv-bd);display:flex;flex-direction:column;justify-content:center}.xav-time small{color:var(--xv-mut);font-size:.62rem}.xav-dh{align-items:center;border-left:1px solid var(--xv-bd)}.xav-dh.cur{background:var(--xv-on);color:var(--xv-onfg)}
.xav-c{min-height:40px;border-left:1px solid var(--xv-bd);border-bottom:1px solid var(--xv-bd);background:var(--xv-off);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;font-weight:800}
.xav-c:hover{filter:brightness(.94)}.xav-c.on{background:var(--xv-on);color:var(--xv-onfg)}.xav-c.dis{opacity:.45;cursor:not-allowed}
.xav-c.busy{background-image:repeating-linear-gradient(45deg,transparent 0 5px,rgba(122,46,14,.35) 5px 8px)}.xav-c em{position:absolute;right:3px;top:1px;font-size:.55rem;font-style:normal;color:var(--xv-busy)}.xav-c.on em{color:var(--xv-onfg)}
.xav-c:focus-visible{outline-offset:-3px}
.xav-chunks,.xav-pub{list-style:none;margin:0 0 .6rem;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}.xav-chunks li,.xav-pub li{border:1.5px solid var(--xv-bd);border-radius:999px;padding:.2rem .7rem;font-size:.82rem;background:var(--xv-bg)}
.xav-pub{flex-direction:column;border:0}.xav-pub li{border-radius:8px}.xav-x{min-width:32px;min-height:32px;border:0;background:none;color:var(--xv-err);font-size:1.1rem;cursor:pointer}
.xav-msg{font-weight:800;font-size:.85rem}.xav-msg.ok{color:var(--xv-ok)}.xav-msg.err{color:var(--xv-err)}
.xav-prev,.xav-pubbox{border:1.5px dashed var(--xv-bd);border-radius:12px;padding:.8rem 1rem;margin:.8rem 0;color:var(--xv-fg)}.xav-pubbox h4{margin:.1rem 0 .5rem}
.xav-slot{margin:.8rem 0}
@media (max-width:480px){.xav-row{grid-template-columns:62px repeat(7,minmax(38px,1fr))}.xav-grid{min-width:340px}}
@media (forced-colors:active){.xav-c.on{outline:2px solid Highlight}.xav-c.busy{border:2px dashed CanvasText}}
@media (prefers-reduced-motion:reduce){.xav *{transition:none!important}}