/* =========================================================
   Schedule — Function Contract Layer (multi-day) styles

   The whole point is that linked day instances preserve the
   existing .sv4-card look so we do not redesign the UI. We
   only add a small "Day x of N · linked" badge and a thin
   left-edge accent so the user can tell at a glance that the
   card on day 2 belongs to the same job as day 1.
   ========================================================= */

/* Small badge inserted above the card's normal meta lines. */
.sv4-card .sfc-linked-badge {
  font-size: 10px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: var(--tx-md, #4a6b65);
  font-weight: 700;
  margin-top: 2px;
}

/* Subtle accent so a glance distinguishes the linked instance from
   the source card without changing the silhouette of the card. */
.sv4-card.sfc-linked-instance {
  position: relative;
  /* Keep the same border / shadow that .sv4-card already provides;
     we only add a thin teal stripe on the leading edge. */
  border-left: 3px solid var(--teal, #FF6B00);
}

/* Per-covered-day guardrail flags follow the existing flag look —
   we simply re-use sv4-flag, with a slightly different background
   so the operator notices that this conflict is on a linked day. */
.sv4-card .sfc-flag-holiday      { background: #ffeede; color: #8a3b00; }
.sv4-card .sfc-flag-pto          { background: #f3e9ff; color: #4a1f86; }
.sv4-card .sfc-flag-double_book  { background: #ffe5e5; color: #8a1d1d; }

/* Mobile: respect the existing PR #45a / PR #47 mobile layout —
   we never change card geometry, just preserve hit-targets. */
@media (max-width: 720px) {
  .sv4-card.sfc-linked-instance .sfc-linked-badge { font-size: 10px; }
}