/* СтройМенеджер — Moslashuvchan dizayn (planshet/telefon) */
/* ═══════════════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  :root { --sidebar-w:0px; }
  .sidebar {
    transform:translateX(-240px);
    transition:transform .28s;
    width:240px;
    z-index:200;
  }
  .sidebar.open { transform:translateX(0); }
  .main-content { margin-left:0; }
  .topbar { padding:0 12px; gap:8px; }
  .topbar-title { font-size:18px; }
  .page-content { padding:12px; }
  .row-2, .row-3 { grid-template-columns:1fr; }
  .login-card { padding:32px 22px; }
  .stats-grid { grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); gap:10px; }
  .stat-card { padding:12px 14px; }
  .stat-value { font-size:22px; }
  .card { padding:14px 16px; }
  .section-title { font-size:18px; }
  .modal { width:96vw !important; max-height:96vh; }
  .modal-header { padding:12px 16px; }
  .modal-body { padding:14px 16px; }
  .modal-footer { padding:12px 16px; flex-wrap:wrap; }
  .modal-footer .btn { flex:1; min-width:120px; }
  .modal-title { font-size:16px; }
  /* Resize handle'lar mobile'da yashiringan */
  .mr-handle { display:none; }
  /* Tugma matni kichikroq */
  .btn { padding:7px 12px; font-size:12px; }
  .btn-sm { padding:5px 9px; font-size:11px; }
  /* Filters va tabs flex bo'lib o'tadi */
  .filters { gap:8px; }
  .filter-input, .filter-select { min-width:100px; flex:1; }
  /* Topbar actions yashirin (faqat eng muhimlari) */
  .topbar-actions { gap:4px; }
  .tl-btn { padding:5px 8px; font-size:10px; }
  /* Sidebar overlay mobile'da */
  .sidebar.open + .main-content::before {
    content:'';
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    z-index:150;
  }
  /* Hamburger menu tugmasi */
  .mobile-menu-toggle { display:flex !important; }
}

/* Hamburger tugma (faqat mobilda ko'rinadi) */
.mobile-menu-toggle {
  display:none;
  align-items:center; justify-content:center;
  width:36px; height:36px;
  background:transparent;
  color:var(--text);
  border:1px solid var(--border);
  border-radius:7px;
  cursor:pointer;
  font-size:18px;
  flex-shrink:0;
}
.mobile-menu-toggle:hover { background:var(--bg-hover); border-color:var(--orange); color:var(--orange); }

/* Juda kichik ekranlar (telefon vertical) */
@media (max-width: 480px) {
  .topbar { height:52px; padding:0 8px; }
  .topbar-title { font-size:16px; }
  .page-content { padding:10px; }
  .stat-value { font-size:20px; }
  .login-card { padding:28px 18px; max-width:none; }
  .login-logo { font-size:32px; }
  /* Topbar actions yanada minimal */
  .tl-btn { padding:4px 6px; font-size:9px; }
  /* Sidebar logo kichkina */
  .sidebar-logo { font-size:18px; padding:12px 16px 10px; }
  .sidebar-user { padding:10px 14px; }
  /* Tugmalarni stack qilish */
  .section-header { gap:8px; }
  /* Jadval input'lar */
  .mat-input { font-size:16px; padding:7px 9px; } /* iOS zoom oldini olish */
  table { font-size:12px; }
  th { padding:8px 10px; font-size:10px; }
  td { padding:7px 10px; font-size:12px; }
}

/* iOS Safari'da inputlarga focus paytida zoom bo'lmaydi */
@media (max-width: 768px) {
  input[type="text"],
  input[type="number"],
  input[type="password"],
  input[type="email"],
  input[type="date"],
  input[type="search"],
  textarea,
  select {
    font-size:16px !important;
  }
}