/* crew-day-card.css — the crew day card's Bring / Arriving / Access block and the pushed
   "Changed" line (Ready Week R1 · FLD-01, FLD-03). Colours come from tokens.css only; status
   carries a word and a shape, so colour is never the only signal (A11Y-01). */

#todayChanged:empty, #todayDayKit:empty { display: none; }

/* The pushed "Changed" line: one tap acknowledges it, so it is a real 44px control. */
.today-changed {
  display: flex; flex-direction: column; gap: 2px; width: calc(100% - 32px);
  margin: 12px 16px 0; padding: 12px 14px; min-height: 44px; text-align: left;
  font-family: inherit; font-size: 14.5px; font-weight: 700; cursor: pointer;
  color: var(--st-stuck); background: var(--st-stuck-soft);
  border: 1px solid var(--st-stuck); border-radius: var(--r);
}
.today-changed small { font-size: 12.5px; font-weight: 600; color: var(--muted); }
.today-changed:disabled { opacity: .7; cursor: default; }

.day-kit {
  margin: 8px 16px 2px; padding: 14px 16px;
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
}
.day-kit-status, .day-kit-pencilled {
  display: flex; align-items: center; gap: 7px;
  font-size: 14px; font-weight: 800; letter-spacing: -.01em; margin-bottom: 10px;
}
.day-kit-status { color: var(--ok); }
.day-kit-status[data-status="check"], .day-kit-status[data-status="pencilled"] { color: var(--warning); }
.day-kit-status[data-status="not"] { color: var(--danger); }
.day-kit-pencilled { color: var(--warning); }

.day-kit-cols { display: grid; gap: 14px; }
@media (min-width: 420px) { .day-kit-cols { grid-template-columns: 1fr 1fr; } }
.day-kit-group h3 {
  font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  color: var(--muted); margin-bottom: 6px;
}
.day-kit-group ul { list-style: none; display: grid; gap: 7px; }
.day-kit-group li { display: flex; flex-direction: column; font-size: 15px; line-height: 1.35; }
.day-kit-group li strong { font-weight: 700; }
.day-kit-group li span, .day-kit-group > p { font-size: 13px; color: var(--muted); }

.day-kit .loadwarn { margin-top: 10px; }
.day-kit-access { margin-top: 12px; font-size: 13px; color: var(--muted); }
.day-kit-access summary { font-weight: 700; color: var(--text); padding: 10px 0; min-height: 44px; cursor: pointer; display: flex; align-items: center; }
.day-kit-access dl { display: grid; gap: 7px; }
.day-kit-access dt { font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--faint); }
.day-kit-access dd { font-size: 14.5px; color: var(--text); }