/* ==========================================================================
   BIAN & CBI Consumer Loan Management System - Responsive Styles
   ========================================================================== */

@media (max-width: 1024px) {
  .sidebar {
    width: 240px;
  }

  .content-view {
    padding: 24px 20px;
  }

  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .app-container {
    flex-direction: column;
  }

  .sidebar {
    width: 100%;
    border-left: none;
    border-bottom: 1px solid var(--border-light);
  }

  .sidebar-nav {
    flex-direction: row;
    overflow-x: auto;
    padding: 10px;
  }

  .nav-item {
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 0.85rem;
  }

  .nav-item.active {
    border-right: none;
    border-bottom: 3px solid var(--primary-600);
  }

  .stats-grid {
    grid-template-columns: 1fr;
  }

  .top-header {
    padding: 12px 16px;
  }

  .content-view {
    padding: 16px 12px;
  }

  .modal-content {
    padding: 20px 16px;
    width: 95%;
  }

  .form-grid {
    grid-template-columns: 1fr;
  }
}

@media print {
  .sidebar, .top-header, .btn, .card-header button, .tabs-header {
    display: none !important;
  }

  .main-wrapper {
    background: #ffffff;
  }

  .content-view {
    display: block !important;
    padding: 0;
  }

  .card {
    border: none;
    box-shadow: none;
    padding: 0;
  }
}