/* css/day-group.css — Phase 67 DISP-01/02: BEM styles for day-group header separator and cross-day badge chip.
   Imported into the components layer by style.css (adjacent to slot-rows.css / slot-row-states.css). */

/* ── Day-group header ───────────────────────────────────────────────────────── */

/* Non-slot separator row stacked inside .sc-timeline (display:flex; flex-direction:column). */
.sc-day-header {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) 0 var(--space-2);
  border-top: 1px solid var(--border-subtle);
  margin-top: var(--space-2);
}

.sc-day-header__label {
  color: var(--accent-amber);
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* ── Cross-day badge chip ───────────────────────────────────────────────────── */

/* Extends the .sc-tag chip idiom (see css/slot-rows.css .sc-tag--day at line 281).
   Visually distinct from the plain day tag — amber accent with a subtle border. */
.sc-tag--crossday {
  color: var(--accent-amber);
  background: var(--bg-surface-2);
  border: 1px solid var(--border-subtle);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.03em;
}