/* css/modules/sched.css: the .sched-* module — split out of css/app.css by #360's sibling stage (#362).
   Load order is core.css, then every modules/*.css alphabetically; rules here
   are in their original relative order, and no selector in this file appears in
   any other (asserted in tests/css-split-check.js). */

/* Week navigation above the board */
.sched-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.sched-nav__btns{display:flex;gap:8px}
.sched-nav__label{font-weight:800;font-size:14px;color:var(--ink)}
.sched-nav__off{font-weight:800;font-size:12px;color:var(--orange);background:#fffaf3;border:1px solid var(--orange);border-radius:20px;padding:3px 10px}
@media(max-width:820px){
  .sched-nav{gap:8px}
  .sched-nav__label{font-size:13px;width:100%;order:3}
}
/* schedule conflict detection */
.sched-conflicts{padding:14px 18px;margin-bottom:18px;border-left:4px solid var(--red)}
.sched-conflicts.is-warn{border-left-color:var(--orange)}
.sched-conflicts.is-clear{border-left-color:var(--ok);color:var(--ok);font-weight:800;display:flex;align-items:center;gap:8px}
.sched-conflicts ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sched-hint{margin-top:12px;color:var(--muted);font-weight:700;font-size:12px}
.sched-key{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}