/* ============================================================
   PWA Mobile Standards — kasra-erp.ir (v1.0)
   استانداردهای موبایل: safe-area، اهداف لمسی ۴۴px، جلوگیری از زوم iOS،
   حذف تأخیر لمس، جلوگیری از اسکرول افقی و پرش ناخواسته
   ============================================================ */

/* ---------- پایه ---------- */
html, body { overflow-x: clip; -webkit-tap-highlight-color: transparent; }
body { overscroll-behavior-y: none; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
a, button, .btn, .tab, select, label, summary, [role="button"] { touch-action: manipulation; }
img, svg, video, canvas { max-width: 100%; }

/* ---------- نوچ و نوار خانه آیفون (فقط حالت نصب‌شده) ---------- */
@media (display-mode: standalone) {
  body {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    padding-bottom: env(safe-area-inset-bottom);
  }
}
/* هدر چسبان: فاصلهٔ امن برای نوار وضعیت در حالت نصب‌شده */
@media (display-mode: standalone) {
  .topbar, .app-header, .app-topbar, header.sticky {
    padding-top: env(safe-area-inset-top);
  }
}

/* ---------- دستگاه‌های لمسی: اهداف لمسی و فرم بدون زوم ---------- */
@media (pointer: coarse) {
  /* جلوگیری از زوم خودکار iOS روی فوکوس ورودی‌ها (استاندارد: ≥16px) */
  input, select, textarea { font-size: 16px !important; }
  /* دکمه‌های اصلی: حداقل ۴۴px (دستورالعمل اپل/اندروید) */
  .btn { min-height: 44px; }
  .btn-sm, .btn-xs { min-height: 38px; }
  button { min-height: 38px; min-width: 38px; } /* v2: دکمه‌های بستن باریک (×) لمس‌پذیر شوند */
  /* دکمه‌های آیکونی ردیف‌ها: ناحیه لمس کافی */
  .row-actions button, .ico-btn, .icon-btn { min-width: 40px; min-height: 40px; }
  /* لینک‌های منو و تب‌ها */
  .tabs .tab, .tab { min-height: 44px; }
  nav a { min-height: 44px; }
}

/* ---------- حالت پرترهٔ خیلی باریک: جداول پهن اسکرول افقی داخل خودشان ---------- */
@media (max-width: 560px) {
  .table-wrap, .table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* ---------- انتخاب متن راحت در داده‌ها ---------- */
td, .mono, code { user-select: text; }