/* لوحة التحكم — تحسينات iPad والهاتف */
html, body {
  -webkit-text-size-adjust: 100%;
  touch-action: manipulation;
}

/* شريط الإحصائيات — تمرير أفقي على الشاشات الصغيرة */
@media (max-width: 1024px) {
  .select-none > div:first-child {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* iPad portrait */
@media (min-width: 768px) and (max-width: 1024px) {
  .h-screen {
    height: 100dvh;
  }
}

/* هاتف */
@media (max-width: 767px) {
  .h-screen {
    height: 100dvh;
    height: -webkit-fill-available;
  }

  /* أزرار الإجراءات — أسهل للمس */
  button {
    min-height: 36px;
  }

  /* شريط معلومات الزائر — تمرير سلس */
  .overflow-x-auto.scrollbar-hide {
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
  }

  /* بطاقات البيانات — عرض كامل */
  .flex.flex-col.gap-2 {
    max-width: 100% !important;
  }
}

/* iPad landscape — عرض جانبي */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .md\:w-\[300px\] {
    width: 260px;
  }
}

/* منع تكبير iOS عند التركيز على input */
@media (max-width: 767px) {
  input, select, textarea {
    font-size: 16px !important;
  }
}

/* Safe area للأجهزة ذات النotch */
@supports (padding: env(safe-area-inset-bottom)) {
  .h-screen {
    padding-bottom: env(safe-area-inset-bottom);
  }
}