/* Web versiyaga xos qo'shimchalar.
   styles.css tegilmaydi — u dastur bilan umumiy. Bu yerda faqat:
   1) brauzerdagi tasdiqlash oynasi (Electron'da tizim oynasi edi)
   2) telefon va planshetga moslash                                */

/* ---------- Tasdiqlash oynasi ---------- */
.webconfirm-back {
  position: fixed; inset: 0; z-index: 4000;
  background: rgba(15, 20, 32, .55);
  display: flex; align-items: center; justify-content: center; padding: 20px;
}
.webconfirm {
  background: var(--card); border: 1px solid var(--line); border-radius: 16px;
  box-shadow: 0 18px 50px rgba(16, 24, 40, .28);
  padding: 22px 24px; width: 100%; max-width: 420px;
}
.webconfirm .msg { font-size: 15.5px; line-height: 1.5; color: var(--ink); margin-bottom: 20px; }
.webconfirm .row { display: flex; align-items: center; gap: 12px; }
.webconfirm .row .spacer { flex: 1; }
.webconfirm .btn { height: 42px; padding: 0 20px; font-size: 14.5px; }

/* ---------- Planshet ---------- */
@media (max-width: 900px) {
  .home-cards { grid-template-columns: 1fr 1fr; }
  .group-grid { grid-template-columns: 1fr 1fr; }
  .detail-grid { grid-template-columns: 1fr 1fr; }
  .an-kpis { grid-template-columns: repeat(3, 1fr); }
  .an-grid { grid-template-columns: 1fr; }
}

/* ---------- Telefon ---------- */
@media (max-width: 620px) {
  .topbar { padding: 10px 12px; gap: 8px; }
  .topbar h1 { font-size: 17px; }
  .topbar .btn { height: 38px; padding: 0 12px; font-size: 13px; }
  .form-body, .detail-body, .list-body, .settings-body, .an-body { padding: 12px; }

  .home-cards { grid-template-columns: 1fr; gap: 12px; }
  .home-card { padding: 18px; }
  .home-foot { flex-direction: column; align-items: stretch; gap: 8px; }
  .home-foot .linkbtn { text-align: center; }

  /* Forma — bitta ustun, maydonlar keng */
  .group-grid { grid-template-columns: 1fr; }
  .field.wide { grid-column: auto; }
  .field input, .field select { height: 46px; font-size: 16px; }  /* 16px — iOS yaqinlashtirmasin */
  .daynight button { height: 46px; }

  .detail-grid { grid-template-columns: 1fr; }
  .dcell.wide { grid-column: auto; }

  /* Ro'yxat va davr tanlash */
  .exportbar { flex-direction: column; align-items: stretch; }
  .exportbar .btn { margin-left: 0; width: 100%; }
  .exportbar input[type=date] { flex: 1; min-width: 0; }
  .order-card { padding: 14px; }
  .order-num { font-size: 17px; min-width: 0; }

  /* Analitika */
  .an-kpis { grid-template-columns: 1fr 1fr; }
  .an-kpi .v { font-size: 22px; }
  .an-filters { flex-direction: column; align-items: stretch; }

  /* Keng jadvallar — yon tomonga suriladi, sahifa emas */
  .an-scroll, .an-mx { overflow-x: auto; }

  /* Brak qatorlari */
  .dsel { flex-wrap: wrap; }
  .dsel .nm { flex: 1 1 100%; }

  /* Pastki tugmalar qatori */
  .bottombar { flex-wrap: wrap; gap: 8px; }
  .bottombar .btn { flex: 1; min-width: 130px; }

  .modal-box, .webconfirm { max-width: none; }
}

/* Juda tor ekran */
@media (max-width: 380px) {
  .an-kpis { grid-template-columns: 1fr; }
  .topbar h1 { font-size: 15.5px; }
}

/* Sichqonchasiz qurilmada bosish maydonlari kattaroq bo'lsin */
@media (hover: none) {
  .btn, .linkbtn, .iconbtn, .defect-add, .quick { min-height: 40px; }
  .order-card { cursor: default; }
}