/* Schedule tab (home screen for techs) and the yearly checkup block on property pages. */

/* Day headings inside "My upcoming" */
.sched-day { font-size: 1rem; font-weight: 700; margin: 16px 0 8px; }
.section-title + .sched-day { margin-top: 4px; }
.sched-day-late, .sched-late { color: var(--danger); }
.sched-late { font-weight: 700; }
.sched-progress { color: #9a5d00; font-weight: 600; }
.sched-count {
  display: inline-block; min-width: 22px; padding: 0 6px; margin-left: 4px; border-radius: 999px;
  background: var(--warn); color: #fff; text-align: center; letter-spacing: 0; font-size: 0.75rem; line-height: 1.6;
}

/* One visit: tappable address block + a Start/Continue button */
.sched-row {
  display: flex; align-items: center; gap: 8px; padding-right: 12px;
  border-bottom: 1px solid var(--border); min-height: 68px;
}
.sched-row:last-child { border-bottom: 0; }
.sched-row form { margin: 0; flex: none; }
.sched-row > .btn, .sched-row form .btn { flex: none; min-width: 88px; }
.sched-main {
  flex: 1; min-width: 0; display: flex; align-items: center; gap: 12px;
  padding: 10px 4px 10px 16px; min-height: 64px; color: var(--text); text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.sched-main:active { background: #eef1f5; }
.sched-time {
  flex: 0 0 68px; font-weight: 700; font-size: 0.95rem; white-space: nowrap;
  font-variant-numeric: tabular-nums; color: var(--brand);
}
.sched-time-none { color: var(--muted); font-weight: 600; font-size: 0.85rem; }

/* Unassigned checkup card with inline assign form */
.sched-assign-head { display: block; margin-bottom: 12px; color: var(--text); text-decoration: none; }
.sched-assign-fields { display: grid; gap: 0 12px; }
@media (min-width: 480px) { .sched-assign-fields { grid-template-columns: 1fr 1fr; } }
.sched-assigned {
  margin: 0; padding: 10px 12px; border-radius: var(--radius-sm);
  background: #dcf1e5; color: var(--ok); font-weight: 600;
}

/* Yearly checkup block (property detail) */
.enrollment-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.enrollment-title { font-size: 1.05rem; margin: 0 0 2px; }
.enrollment-due { margin-bottom: 12px; }
.enrollment .btn-row > form { flex: 1 1 140px; margin: 0; }
.enrollment .btn-row > form .btn { width: 100%; }