/* Live schedule states. The rendered rows reuse the existing .sched / .day / .cls
   styling, so only the loading, empty and error states need their own rules. */
.sched[data-state="loading"],
.sched[data-state="error"]{display:block}
.sched-msg{
  margin:0;
  padding:26px 18px;
  text-align:center;
  font-size:14px;
  font-weight:300;
  line-height:1.6;
  color:#5d6673;
  background:var(--off,#f5f4f1);
  border:1.5px solid var(--line,#e3e1dc);
  border-radius:14px;
}
.sched[data-state="error"] .sched-msg{color:#6b5b3e;border-color:#e0d4bb;background:#faf6ee}
.cls-none span{color:#aab1bb}