/* ═══════════════════════════════════════════════════════════════════
   shop-scale.css — greasy-finger sizing for the shop-facing pages
   Linked ONLY by: fleet-maintenance, mechanic-tablet, morning-board,
   vehicle-condition, inventory (loaded AFTER each page's inline <style>
   so equal-specificity rules here win the cascade).

   Why this file exists (Heath, 2026-07-22): mechanics run these pages on
   iPads with gloves/greasy fingers. The site-wide 44px tap-target rules in
   app-components.css / app-glass.css are wrapped in @media (max-width:600px)
   and an iPad reports 768/1024px, so NONE of them fire on the reference
   device — these pages rendered at desktop density. This layer fills that
   601px+ gap for exactly these five pages. Do NOT bump app-glass.css or
   app-components.css base rules instead: app-glass is shared with the
   driver app, app-components with ~55 admin pages.
   ═══════════════════════════════════════════════════════════════════ */

@media (min-width: 601px) {

  /* ── Primary navigation + filter bars ── */
  .tab-btn        { min-height: 48px; padding: 13px 22px; font-size: 16px; }
  .filter-tab     { min-height: 46px; padding: 12px 20px; font-size: 15px; }
  .angle-tab      { min-height: 44px; padding: 12px 18px; font-size: 15px; }
  .range-btn,
  .compare-toggle { min-height: 44px; padding: 10px 16px; font-size: 14px; }

  /* ── Buttons ── */
  .btn,
  .btn-inv,
  .btn-inv-ghost  { min-height: 46px; padding: 12px 18px; font-size: 15px; }
  .btn-sm,
  .btn-inv-sm     { min-height: 40px; padding: 8px 14px;  font-size: 14px; }
  .status-btn     { min-height: 40px; padding: 9px 16px;  font-size: 14px; }
  .wo-crew-btn    { min-height: 40px; padding: 9px 12px;  font-size: 13px; }
  .pm-create      { min-height: 40px; padding: 9px 14px;  font-size: 13px; }
  .overnight-action { min-height: 40px; padding: 9px 16px; font-size: 14px; }
  .chip-wo-btn    { min-height: 32px; padding: 6px 12px;  font-size: 12px; }

  /* ── Tap cards / rows ── */
  .wo-card        { padding: 16px; }              /* morning-board kanban drag card */
  .floor-card     { padding: 14px; }              /* fleet shop-floor job card */
  .pm-card        { padding: 14px 16px; }
  .panel-row      { padding: 14px 18px; }

  /* ── Form fields (16px also kills iPad Safari focus-zoom) ── */
  .shop-scale input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  .shop-scale select,
  .shop-scale textarea { min-height: 46px; font-size: 16px; }
  .shop-scale input[type="checkbox"],
  .shop-scale input[type="radio"] { width: 20px; height: 20px; }
  .crew-chk       { padding: 8px 2px; }
}