/* /css/responsive.css */

@media (max-width: 768px) {
    .admin-container { padding: 1rem; }
    .admin-header { padding: 1.5rem; flex-direction: column; text-align: center; }
    .admin-header h1 { font-size: 2rem; }
    .admin-nav { padding: 1rem; }
    .admin-nav-btn { padding: 0.8rem 1.5rem; font-size: 0.9rem; }
    .admin-section { padding: 1.5rem; }
    .section-header { flex-direction: column; gap: 1rem; align-items: flex-start; }
    .dashboard-grid { grid-template-columns: 1fr; }
    .form-grid { grid-template-columns: 1fr; }
    .form-actions { flex-direction: column; }
    .data-table-container { font-size: 0.8rem; }
    .data-table th, .data-table td { padding: 0.8rem 0.5rem; }
}