/* Layout repairs only; the original palette and component styles are retained. */
.logout-form { display: inline-block; margin: 0; }
button, input, select, textarea { font-family: inherit; }
.auth-tab { border: 0; }
.tab-btn { background: transparent; border-top: 0; border-inline: 0; }
.btn-enroll, .alert { box-sizing: border-box; }
.dashboard-grid > *, .course-container > *, .content-area { min-width: 0; }
.widgets-grid > * { min-width: 0; }
.widget-box canvas { max-width: 100%; }
.form-control, .diploma-card, .short-course-info { overflow-wrap: anywhere; }
html[dir="ltr"] .course-hero, html[dir="ltr"] .form-group,
html[dir="ltr"] .admin-table th, html[dir="ltr"] .admin-table td { text-align: left; }
html[dir="ltr"] .sidebar-menu a i, html[dir="ltr"] .course-meta span i { margin-left: 0; margin-right: 10px; }
@media (max-width: 768px) {
    .header-buttons { flex-wrap: wrap; }
    .diploma-grid { grid-template-columns: minmax(0, 1fr); }
    .stats-grid { grid-template-columns: minmax(0, 1fr); }
    .admin-login-box { box-sizing: border-box; max-width: calc(100% - 30px); }
    .dashboard-header { flex-wrap: wrap; gap: 15px; }
}
@media (max-width: 480px) {
    .hero-btns .btn { min-width: 0; box-sizing: border-box; max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}