/* =========================================================
   Schedule — Round 41 day-tap + button audit CSS

   Look-preserving: stronger tap targets on mobile, subtle
   pulse for visible feedback. No color, typography, or
   structural redesign. Desktop layout (>=721px) is untouched
   beyond optional pulse animations.
   ========================================================= */

@media (max-width: 720px) {

  /* Make the column header a fat, full-row tap target on
     mobile — without changing how it looks. The existing
     padding/typography stays; we just guarantee min-height
     and full clickable surface. */
  #vScheduler .sv4-col[data-r40-decorated="1"] > .sv4-col-hdr {
    min-height: 44px;
    display: flex;
    align-items: center;
    /* Right-side chevron already reserves padding via Round 40. */
    /* Keep the existing left padding intact. */
    touch-action: manipulation;
  }

  /* Slightly enlarge the chevron for finger-friendly hinting,
     without changing color or position. */
  #vScheduler .sv4-col .r40-day-chev {
    font-size: 14px;
    padding: 6px;
    margin: -6px;
  }

  /* Make sure the bottom day row clears the sticky mobile
     action bar (#msxMobileActionBar at z-index 9000). The
     scheduler grid sits inside .sv4-side-center on mobile;
     reserve ~84px of bottom padding so the user can fully
     interact with the lowest day. */
  #vScheduler .sv4-side-center {
    padding-bottom: 84px;
  }

  /* Card-level controls (Edit / Move / +Day / -Day / More)
     get a 44px min-height tap target. The look is preserved —
     we only widen the hit area, not the visible chrome. */
  #vScheduler .sv4-card .sv4-mobile-edit,
  #vScheduler .sv4-card .sv4-mobile-move,
  #vScheduler .sv4-card .sv4-mobile-add-worker,
  #vScheduler .sv4-card .msx-card-expand,
  #vScheduler .sv4-card [data-msx-quick] {
    min-height: 36px;
    touch-action: manipulation;
  }
}

/* Pulse ring for visible "tap registered" feedback. Same
   teal hue as the existing focus / accent ring already used
   by Round 39 (.r39-flash / .r39-pulse) so it doesn't read
   as a new design element. */
.r41-pulse {
  animation: r41PulseKf 700ms ease-out;
  will-change: box-shadow, outline;
}
@keyframes r41PulseKf {
  0%   { box-shadow: 0 0 0 0 rgba(255,107,0,0); outline: 0; }
  35%  { box-shadow: 0 0 0 5px rgba(255,107,0,.30); outline: 2px solid rgba(255,107,0,.45); outline-offset: 1px; }
  100% { box-shadow: 0 0 0 0 rgba(255,107,0,0); outline: 0; }
}

/* Toast that mirrors the existing .msx-last-action style. The
   JS already prefers VillaMobileSchedUX.lastActionFeedback when
   available; this rule covers the standalone fallback so it
   blends visually with what the user is used to. */
.r41-toast.msx-last-action {
  /* Inherits all msx-last-action styling from mobile_schedule_ux.css */
}