/* AdminPro - Responsive Styles */

@media (max-width: 1199.98px) {
    .stat-icon { width: 50px; height: 50px; font-size: 1.5rem; }
    .stat-card h3 { font-size: 1.5rem; }
}

@media (max-width: 991.98px) {
    .sidebar { position: fixed; left: 0; top: 0; transform: translateX(-100%); z-index: 1050; }
    .sidebar.show { transform: translateX(0); }
    
    .sidebar-overlay {
        position: fixed;
        top: 0; left: 0; right: 0; bottom: 0;
        background: rgba(0,0,0,0.5);
        z-index: 1040;
        display: none;
    }
    
    .sidebar-overlay.show { display: block; }
    .main-content { margin-left: 0 !important; }
    .header { padding: 0 1rem; }
    .search-form { display: none; }
}

@media (max-width: 767.98px) {
    .page-body { padding: 1rem 0.75rem; }
    .page-title { font-size: 1.5rem; }
    .card-header, .card-body { padding: 1rem; }
    .stat-card .card-body { padding: 1.25rem; }
    .stat-icon { width: 48px; height: 48px; font-size: 1.25rem; }
    .stat-card h3 { font-size: 1.25rem; }
    .notification-dropdown { width: 300px; }
}

@media (max-width: 575.98px) {
    .page-title { font-size: 1.25rem; }
    .breadcrumb { font-size: 0.875rem; }
    
    .stat-card .d-flex {
        flex-direction: column;
        text-align: center;
    }
    
    .stat-icon {
        margin-bottom: 1rem;
        margin-left: auto;
        margin-right: auto;
    }
    
    .footer { text-align: center; }
    .footer .d-flex { flex-direction: column; gap: 0.5rem; }
    
    .table thead { display: none; }
    
    .table tbody tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius);
    }
    
    .table tbody td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem;
        border: none;
        border-bottom: 1px solid var(--border-color);
    }
    
    .table tbody td:last-child { border-bottom: none; }
    
    .table tbody td::before {
        content: attr(data-label);
        font-weight: 600;
        color: var(--text-muted);
    }
}

@media print {
    .sidebar, .header, .footer { display: none !important; }
    .main-content { margin-left: 0 !important; }
    .card { box-shadow: none; border: 1px solid #ddd; break-inside: avoid; }
}