/* ============================================================
   responsive.css — med-online admin-panel mobil moslashuvи.
   Barcha qoidalar @media ichida: DESKTOP ko'rinishi O'ZGARMAYDI,
   faqat kichik ekranlarda (planshet/telefon) faollashadi.
   Eng oxirida ulanadi -> mavjud screen.css ustidan yozadi.
   ============================================================ */

/* ---------- Planshet va undan kichik (<= 1024px) ---------- */
@media (max-width: 1024px) {

  /* Fixed min-width qulfini ochish */
  html, body            { min-width: 0 !important; }
  .pagetop              { min-width: 0 !important; }

  /* Asosiy konteyner suyuq */
  .pagesize,
  .pagesize1280         { width: 100% !important; max-width: 100% !important;
                          box-sizing: border-box; padding-left: 8px; padding-right: 8px; }

  /* Modal oynalar ekranга sig'sin */
  .modal-600, .modal-800,
  [class*="modal-"]     { width: auto !important; max-width: 100% !important; box-sizing: border-box; }

  /* Yuqori info-panel (qidiruv + logout) — o'ralsin */
  .head_top .topbuts ul { display: flex; flex-wrap: wrap; gap: 4px; }
  .head_top .topbuts li { float: none; }

  /* Menu — bir necha qatorga o'ralsin, tugmalar bo'sh joyли */
  .menu > ul            { display: flex; flex-wrap: wrap; gap: 4px; }
  .menu > ul > li       { float: none; margin-right: 0; }

  /* Forma ustunlari (colX-Y) — bir ustunga stack (.content-box ichида va tashqarида) */
  [class*="col1-"],
  [class*="col2-"],
  [class*="col3-"],
  [class*="col4-"]      { width: 100% !important; float: none !important;
                          margin-right: 0 !important; }

  /* Jadvallar — box ichida gorizontal scroll (sahifa yon-scroll bo'lmasin) */
  .box-wrap             { overflow-x: auto; -webkit-overflow-scrolling: touch; }

  /* Maydonlar to'liq kenglik, fixed size-* utility qisqarsin */
  input.text, input[type="text"], input[type="password"],
  input[type="email"], input[type="number"], select, textarea {
                          max-width: 100%; box-sizing: border-box; }
  [class*="size-"]      { max-width: 100%; }

  /* Rasm/logo mos ravishда */
  img                   { max-width: 100%; height: auto; }
  .head .logo           { max-width: 100%; }
}

/* ---------- Telefon (<= 640px) ---------- */
@media (max-width: 640px) {

  body                  { font-size: 13px; }

  /* Login oynasi */
  .login-box            { width: auto !important; max-width: 94%; margin: 12px auto;
                          box-sizing: border-box; }
  .login-data           { width: auto !important; box-sizing: border-box; padding: 16px; }
  .login-data label     { width: auto; float: none; text-align: left; display: block;
                          margin: 0 0 4px 0; }
  .login-data input.text{ width: 100% !important; box-sizing: border-box; }

  /* Menu tugmalari — barmoq uchun kattaroq */
  .menu > ul > li > a   { padding: 10px 12px; line-height: 18px; }

  /* Jadval hujayralari ixchamroq */
  table.style1 td, table.style1 th,
  table td, table th    { padding: 6px !important; font-size: 12px; }

  /* Tugmalar barmoq uchun */
  .button, input.button { padding: 8px 14px; font-size: 12px; }

  /* Forma label/inputlar stack */
  .form label           { display: block; float: none; width: auto; text-align: left;
                          margin-bottom: 4px; }

  /* box ichki paddingни kamaytirish (joy tejash) */
  .content-box .box-wrap{ padding: 12px 10px; }
}