/* =============================================================================
   mh-childcare.css  -  DORMANT as of Aug 15 2026. Nothing renders `.cc-cell` today.

   TO BE CLEAR ABOUT WHAT THIS MEANS: child care itself is UNTOUCHED and fully
   working. Only the COLUMN that displayed it on the Program Terms table was
   removed (CEO). The feature lives in the term record - its own metered card, the
   CHILDREN tab, admit / remove, the over-age confirm - and every procedure behind
   it (sp_SetScheduleChildCare, sp_InsertChildCareEnrollment,
   sp_RemoveChildCareEnrollment) is unchanged.

   The rules below are kept, not deleted, so that column can be restored by putting
   its markup back. They style nothing in the meantime and cost one small file.

   THIS FILE USED TO CARRY A WHOLE PANEL (#ccPanel, Aug 3 2026) - its own fixed
   overlay, header, forms, meters, facts grid and children list, about 250 lines.
   On Aug 15 2026 Term settings was rebuilt as a host of the app-wide DetailShell
   (ChildCarePanel.razor), so it renders #mhDetail like Program Detail, Student
   Detail, Client Detail and Subsidy Detail do, and every one of those rules
   stopped matching anything.

   They are DELETED rather than left in place. Dead CSS naming a surface that no
   longer exists is worse than no CSS: the next person reading it believes there
   are two child care surfaces and goes looking for the second one.

   What remains is the one thing still on screen: the cell in the terms table that
   OPENS that record. Scoped to .sched-tbl so it cannot reach any other table, and
   on the app's own --mh-* tokens so dark mode and the root zoom carry it for free.
   ============================================================================= */

/* -----------------------------------------------------------------------------
   It is a real <button>, not a styled span: it navigates somewhere (this term's
   settings) and the row it sits in navigates somewhere ELSE (the program detail),
   so it has to be independently focusable and operable by keyboard. A div with a
   click handler would have been reachable by mouse only.
   ----------------------------------------------------------------------------- */
.sched-tbl .cc-cell {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 5px 11px; border-radius: var(--mh-r-pill);
  border: 1px solid var(--mh-sage-200); background: var(--mh-sage-50);
  font-family: inherit; font-size: 12.5px; font-weight: 650; color: var(--mh-green-d);
  cursor: pointer; white-space: nowrap;
  transition: background .16s ease, border-color .16s ease;
}
.sched-tbl .cc-cell:hover { background: var(--mh-sage-100); }
.sched-tbl .cc-cell:focus-visible { outline: none; box-shadow: var(--mh-ctrl-focus-ring); }
.sched-tbl .cc-cell.is-off { background: var(--mh-cream-2); border-color: var(--mh-line); color: var(--mh-muted); font-weight: 500; }
.sched-tbl .cc-cell.is-off:hover { background: var(--mh-cream); }
.sched-tbl .cc-cell.is-full { background: #fdecec; border-color: #f3c4c3; color: var(--mh-danger); }
.sched-tbl .cc-cell .cc-f { font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
body.dark .sched-tbl .cc-cell.is-off { background: #1F2A33; border-color: #2A3945; }