/* ============================================
   Altarmak Bulut - Responsive
   ============================================ */

@media (max-width: 1200px) {
    .stats-row { grid-template-columns: repeat(2, 1fr); }
    .grid-sidebar { grid-template-columns: 1fr; }
    .grid-3 { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 992px) {
    .sidebar {
        transform: translateX(-100%);
    }
    .sidebar.open { transform: translateX(0); box-shadow: var(--shadow-lg); }
    .sidebar-close { display: block; }
    .main-wrapper { margin-left: 0; }
    .menu-toggle { display: block; }
    .topbar-search { display: none; }
    .topbar-username { display: none; }
    .form-row { grid-template-columns: 1fr; }
    .form-row-3 { grid-template-columns: 1fr; }
    .grid-2 { grid-template-columns: 1fr; }
    .grid-3 { grid-template-columns: 1fr; }
    .customer-header-card { flex-direction: column; text-align: center; }
    .customer-header-actions { margin-left: 0; justify-content: center; }
    .footer-inner { flex-direction: column; gap: 8px; }
}

@media (max-width: 768px) {
    html { font-size: 14px; }
    .page-content { padding: 16px; }
    .stats-row { grid-template-columns: 1fr 1fr; gap: 12px; }
    .stat-card { padding: 16px; }
    .stat-icon { width: 42px; height: 42px; font-size: 1rem; }
    .stat-info h4 { font-size: 1.3rem; }
    .doc-grid { grid-template-columns: 1fr; }
    .cat-grid { grid-template-columns: repeat(2, 1fr); }
    .card-header { padding: 14px 16px; flex-wrap: wrap; gap: 10px; }
    .card-body { padding: 16px; }
    .topbar { padding: 0 16px; }
    .page-title-bar { font-size: 0.95rem; }
    .reminder-banner { padding: 10px 16px; }
    .data-table { font-size: 0.82rem; }
    .data-table th, .data-table td { padding: 10px 12px; }
    .filter-bar { flex-direction: column; }
    .filter-bar .form-control { width: 100%; }
    .btn-group { flex-direction: column; }
    .btn-group .btn { width: 100%; justify-content: center; }
    .customer-contact-grid { grid-template-columns: 1fr; }
    .notif-dropdown { width: calc(100vw - 32px); right: -60px; }
    .wa-float { width: 48px; height: 48px; font-size: 1.3rem; bottom: 16px; right: 16px; }
    .login-card { padding: 28px; }
    .login-title { font-size: 1.2rem; }
}

@media (max-width: 480px) {
    .stats-row { grid-template-columns: 1fr; }
    .cat-grid { grid-template-columns: 1fr; }
    .stat-card { flex-direction: column; text-align: center; }
    .page-content { padding: 12px; }
    .topbar-profile > i { display: none; }
}