/* ============================================================
   RL Technologies ERP — Global Mobil Uyğunlaşdırma
   Bütün səhifələrə inject olunur. Yalnız mobil (<=820px) təsir edir.
   ============================================================ */
@media (max-width: 820px) {
  html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  body { -webkit-text-size-adjust: 100%; }

  /* --- Konteynerlər tam en --- */
  .container, .container-fluid, .container-lg, .container-md, .container-xl,
  .wrap, .content, .main, main, .page, .page-content, .app-content, .pos-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* --- Cədvəllər: yan sürüşmə (ekrandan çıxmasın) --- */
  .table-responsive { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
  table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
  table thead, table tbody, table tr { width: max-content; min-width: 100%; }
  th, td { white-space: nowrap; }

  /* --- Kart / panel tam en --- */
  .card, .panel, .box, .widget, .stat-box, .info-card {
    width: 100% !important;
    max-width: 100% !important;
  }
  .card, .panel { margin-bottom: 12px !important; }
  .p-5 { padding: 16px !important; }
  .p-4 { padding: 14px !important; }

  /* --- Sətirlər/sütunlar: üst-üstə düzülsün --- */
  .row > [class*="col-"] { flex: 0 0 100% !important; max-width: 100% !important; }
  .d-flex.gap-3, .d-flex.gap-2 { flex-wrap: wrap !important; }

  /* --- Form elementləri: tam en, iOS zoom-un qarşısı (16px) --- */
  input, select, textarea, .form-control, .form-select {
    font-size: 16px !important;
    max-width: 100% !important;
  }

  /* --- Modal / popup: demək olar tam ekran --- */
  .modal-dialog { max-width: 96vw !important; margin: 10px auto !important; }
  .modal-content { width: 100% !important; }
  .modal-custom .mbody, .modal-q, .custom-modal, .popup, .modal-box, [class*="modal"] > div {
    max-width: 96vw !important;
  }

  /* --- Başlıqlar kiçilsin --- */
  h1 { font-size: 1.4rem !important; }
  h2 { font-size: 1.25rem !important; }
  h3 { font-size: 1.1rem !important; }

  /* --- Düymələr sığışsın, sarılsın --- */
  .btn { white-space: normal; }
  .btn-group { flex-wrap: wrap; }

  /* --- Şəkillər daşmasın --- */
  img { max-width: 100% !important; height: auto !important; }

  /* --- Sidebar istifadə edən səhifələrdə content tam en --- */
  .content, .app-content, .main-content { margin-left: 0 !important; }
}

/* Çox kiçik telefonlar */
@media (max-width: 420px) {
  .card, .panel { padding: 12px !important; }
  .btn { padding: 8px 12px !important; font-size: 0.9rem !important; }
  h1 { font-size: 1.25rem !important; }
}