/* =========================================================
   Schedule — Round 38 recovery CSS
   Look-preserving mobile tap-reliability touchups.

   Rules below are scoped to phone-width (max-width: 720px) so
   desktop layout is untouched, and they only adjust min-target
   sizes / hit-area without changing colors, borders, fonts, or
   spacing in any way that's visually perceptible.
   ========================================================= */

@media (max-width: 720px) {
  /* Conflict / alert action buttons: keep visual style, raise the
     min tap target to 36px so thumb taps on Resolve / Snooze /
     Create Reminder / Notify Scheduler land reliably. */
  #sv6AlertsPanel .sv6-alert .sv6-actions button {
    min-height: 36px;
    line-height: 1.1;
  }

  /* Conflict banner inside #vScheduler: pad slightly on mobile so
     the ⚠ icon and bullet items are readable without zoom. */
  #vScheduler .sch-conflict-banner.show {
    padding: .85rem 1rem;
    line-height: 1.45;
  }

  /* Mobile action bar tap targets: bump min-height to 48px (Apple
     HIG guidance) without changing layout/colors. */
  .msx-mobile-actionbar .msx-mab-btn {
    min-height: 48px;
  }

  /* Tap banner Cancel button: larger hit area for thumb cancel. */
  .msx-tap-banner .msx-tap-cancel {
    min-height: 36px;
    min-width: 64px;
  }
}

/* The mobile action bar must never overlap a foregrounded modal /
   dialog. Existing CSS sets z-index:9000 on the bar; pin tap-banner
   below the My Day overlay (which uses z-index:9999) so it cannot
   capture taps that should reach the overlay. */
.msx-tap-banner { z-index: 8995; }

/* When a request is selected for tap-to-place, the day target hint
   highlights are very subtle. Bump the contrast (still look-preserving)
   so users can see which day will accept the placement. This rule
   applies on every viewport since the desktop tap-to-place path is a
   no-op (the click handler bails out when not mobile). */
.msx-tap-target-hint {
  outline-offset: -2px;
}