/*
 * ════════════════════════════════════════════════════════════════════
 *  AKQUIX CRM — Responsive System
 *  Desktop-first (max-width breakpoints)
 *
 *  Breakpoints:
 *    ≥ 2000px   Ultrawide / 4K    → mehr Padding, breitere Grids
 *    ≤ 1600px   Wide Desktop 27"  → komfortables Padding
 *    ≤ 1280px   Laptop 13-15"     → Sidebar leicht komprimiert
 *    ≤ 1100px   Small Laptop      → Sidebar auto-collapsed
 *    ≤  900px   Tablet Landscape  → multi-col → 2col
 *    ≤  640px   Phone             → alles single-column
 * ════════════════════════════════════════════════════════════════════
 */

/* ── 4K / Ultrawide ── */
@media (min-width: 2000px) {
  :root {
    --c-pad:     60px;
    --sidebar-w: 280px;
  }

  .ax-grid-kpi   { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
  .ax-grid-cards { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
  .ax-grid-stats { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
}

/* ── Wide Desktop ≤ 1600px ── */
@media (max-width: 1600px) {
  :root { --c-pad: clamp(20px, 2.5vw, 40px); }
}

/* ── 3-Column CRM Layout ≤ 1400px ── */
@media (max-width: 1400px) {
  .crm-workspace {
    grid-template-columns: 220px minmax(0, 1fr) 280px;
  }
}

/* ── Laptop ≤ 1280px ── */
@media (max-width: 1280px) {
  :root { --sidebar-w: 240px; }

  .crm-workspace {
    grid-template-columns: 200px minmax(0, 1fr) 260px;
  }
}

/* ── Small Laptop ≤ 1100px ── */
@media (max-width: 1100px) {
  /* ax-sidebar auto-collapse */
  .ax-sidebar                          { width: var(--sidebar-collapsed-w); }
  .ax-sidebar .sidebar-label           { opacity: 0; max-width: 0; }
  .ax-sidebar .ax-sidebar-title        { opacity: 0; height: 0; padding: 0; overflow: hidden; }
  .ax-sidebar .ax-nav-item             { padding: 7px; justify-content: center; }
  .ax-sidebar .ax-sidebar-inner        { padding: 8px 4px 12px; }
  .ax-sidebar .ax-sidebar-section      { padding: 0 4px 4px; }

  /* 3-col CRM → 2-col */
  .crm-workspace {
    grid-template-columns: minmax(0, 1fr) 260px;
  }
  .crm-col-l { display: none; }

  /* Fixed grids */
  .ax-grid-2 { grid-template-columns: 1fr; }
  .ax-form-2 { grid-template-columns: 1fr 1fr; }
}

/* ── Tablet ≤ 900px ── */
@media (max-width: 900px) {
  :root { --c-pad: clamp(14px, 2vw, 24px); }

  /* 3-col CRM → 1-col */
  .crm-workspace {
    grid-template-columns: 1fr;
  }
  .crm-col-l,
  .crm-col-r { display: none; }

  .ax-grid-3,
  .ax-grid-4      { grid-template-columns: repeat(2, 1fr); }
  .ax-grid-charts { grid-template-columns: 1fr; }
  .ax-form-3      { grid-template-columns: 1fr 1fr; }
  .ax-col-2,
  .ax-col-3       { grid-column: span 1; }
}

/* ── Phone ≤ 640px ── */
@media (max-width: 640px) {
  :root { --c-pad: 16px; }

  .ax-grid-2,
  .ax-grid-3,
  .ax-grid-4,
  .ax-form-2,
  .ax-form-3     { grid-template-columns: 1fr; }
  .ax-grid-kpi   { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
  .ax-toolbar    { flex-direction: column; align-items: stretch; }
}

/* ── Print ── */
@media print {
  .ax-sidebar,
  .ax-topbar,
  .ax-actionbar,
  .ax-sidebar-toggle,
  .crm-col-l,
  .crm-col-r { display: none !important; }

  .ax-main { overflow: visible; }
  .crm-workspace { grid-template-columns: 1fr; }
}