/* ==========================================================================
   LoanPro Finance — Responsive Breakpoints
   Optimized for Mobile, Tablet, Laptop, and Desktop
   ========================================================================== */

/* Laptop & Large Tablets (<= 1024px) */
@media (max-width: 1024px) {
  .charts-grid {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -260px;
  }

  .sidebar.open {
    left: 0;
    box-shadow: var(--shadow-lg);
  }

  .content-body {
    padding: 1.25rem;
  }
}

/* Tablets (<= 768px) */
@media (max-width: 768px) {
  .form-grid-2,
  .form-grid-3,
  .form-grid-4 {
    grid-template-columns: 1fr;
  }

  .kpi-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
  }

  .navbar {
    padding: 0 1rem;
  }

  .wizard-steps {
    flex-wrap: wrap;
    gap: 1rem;
  }

  .wizard-steps::before {
    display: none;
  }
}

/* Mobile (<= 480px) */
@media (max-width: 480px) {
  .kpi-grid {
    grid-template-columns: 1fr;
  }

  .action-capsules {
    justify-content: center;
  }

  .capsule-btn {
    width: 100%;
    justify-content: center;
  }

  .btn {
    width: 100%;
  }
}