/* Schedule — Demo tokens */
.sched-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 18px; }
.agent-pills { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.agent-pill { display: inline-flex; align-items: center; gap: 7px; background: var(--card); border: 1px solid var(--border-2); border-radius: 999px; padding: 0 13px; height: 32px; font-size: 12.5px; font-weight: 650; }
.agent-pill .dot { width: 9px; height: 9px; border-radius: 50%; }
.agent-pill.active { border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent); }
.cal-card { padding: 20px 24px; }
.cal-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.cal-date { font-size: 18px; font-weight: 700; }
.cal-nav-btn { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--border-2); background: var(--card); font-size: 16px; }
.week-grid { display: grid; grid-template-columns: 52px repeat(7, 1fr); gap: 8px; }
.day-col-head { text-align: center; padding-bottom: 8px; }
.day-col-head b { display: block; font-size: 14px; }
.day-col-head span { font-size: 12px; color: var(--muted-2); }
.agent-head { display: flex; flex-direction: column; align-items: center; gap: 4px; padding-bottom: 10px; }
.agent-head b { font-size: 14px; }
.agent-head span { font-size: 12px; color: var(--muted-2); }
.agent-progress { width: 100%; height: 5px; background: var(--col-bg); border-radius: 999px; overflow: hidden; }
.agent-progress i { display: block; height: 100%; border-radius: 999px; }
.booked-pct { font-size: 11px; font-weight: 700; }
.time-gutter { font-size: 12px; color: var(--muted-2); padding-top: 6px; }
.appt-block { background: var(--appt-fill); border: 1px solid var(--appt-border); border-radius: 16px; padding: 8px 10px; margin-bottom: 8px; cursor: pointer; }
.appt-block b { font-size: 13px; display: block; }
.appt-block span { font-size: 12px; color: var(--muted); }
.appt-block.done { opacity: 0.6; }
.appt-block.cancelled { opacity: 0.45; text-decoration: line-through; }
.lunch-strip { background: repeating-linear-gradient(45deg, #F1F4F2, #F1F4F2 8px, #E8EDEA 8px, #E8EDEA 16px); border-radius: 16px; padding: 10px; font-size: 12px; font-weight: 700; color: var(--muted); text-align: center; margin-bottom: 8px; }
.now-line-wrap { position: relative; }
.now-line { height: 2px; background: var(--red); position: relative; }
.now-line::after { content: ''; position: absolute; left: -3px; top: -3px; width: 8px; height: 8px; border-radius: 50%; background: var(--red); }
.now-pill { background: var(--red); color: #fff; font-size: 11px; font-weight: 700; border-radius: 999px; padding: 2px 8px; }
.day-list { display: flex; flex-direction: column; gap: 8px; }
.day-list-row { display: flex; gap: 12px; align-items: flex-start; background: var(--raised); border: 1px solid var(--card-border); border-radius: 16px; padding: 12px 14px; }
.day-list-time { font-size: 13px; font-weight: 700; white-space: nowrap; min-width: 86px; }
@media (max-width: 1000px) {
  .sched-stats { grid-template-columns: repeat(2, 1fr); }
  .week-grid { grid-template-columns: 44px repeat(7, 1fr); overflow-x: auto; }
}
@media (max-width: 700px) {
  .week-grid { display: block; }
  .day-col-head { text-align: left; }
}