/* Flat UI Dynamic Academy Styles - Generated from Settings */
:root {
    --primary-color: #ff6b35;
    --primary-dark: #d85a2d;
    --primary-light: #ff8153;
    --secondary-color: #2c3e50;
    --secondary-dark: #273748;
    --accent-color: #f39c12;
    --accent-dark: #da8c10;
}

/* Header Styles */
.header {
    border-bottom: 2px solid var(--primary-color);
}

.header-logo h2 {
    color: var(--primary-color);
}

/* Sidebar Styles */
.sidebar {
    background: var(--secondary-color);
}

.nav-link:hover,
.nav-link.active {
    border-left-color: var(--primary-color);
}

/* Button Styles */
.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-primary:hover {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

.btn-secondary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-secondary:hover {
    background-color: var(--secondary-dark);
    border-color: var(--secondary-dark);
}

/* Flat Icons */
.flat-icon {
    background-color: var(--light-gray);
}

.flat-logo {
    background-color: var(--primary-color);
}

/* Stat Card Icons */
.stat-icon.students {
    background: var(--primary-color);
}

.stat-icon.coaches {
    background: var(--info-color);
}

.stat-icon.classes {
    background: var(--success-color);
}

/* Form Focus States */
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 2px rgba(255, 107, 53, 0.1);
}

/* Links */
a {
    color: var(--primary-color);
}

a:hover {
    color: var(--primary-dark);
}

/* Sport Badges */
.sport-badge.football {
    background-color: #ff9771;
    color: var(--primary-dark);
}

.sport-badge.handball {
    background-color: #f6b959;
    color: var(--accent-dark);
}

/* Status Badges */
.status-badge.active {
    background-color: #ff9067;
    color: var(--primary-dark);
    border: 1px solid var(--primary-color);
}

/* Attendance Badges */
.attendance-badge.present {
    background: #e8f8f0;
    color: #155724;
}

.attendance-badge.absent {
    background: #fdf1f0;
    color: #721c24;
}

.attendance-badge.late {
    background: #f6b44d;
    color: var(--accent-dark);
}

/* Loading Spinner */
.spinner {
    border-top-color: var(--primary-color);
}

/* Progress Bars */
.progress-bar {
    background-color: var(--primary-color);
}

/* Notifications */
.notification {
    border-left-color: var(--primary-color);
}

/* Tables */
.data-table th {
    background-color: #ff9e7b;
    color: var(--primary-dark);
}

.data-table tr:hover {
    background-color: #ffa685;
}

/* Cards */
.card {
    border-top: 2px solid var(--primary-color);
}

.dashboard-card h3 {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
}

/* Pagination */
.pagination a:hover,
.pagination a.active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

/* Login Page */
.login-page {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
}

/* User Avatar */
.user-avatar {
    background-color: var(--primary-color);
}

/* Rate Circles */
.rate-circle {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
}

/* Trend Fills */
.trend-fill {
    background: linear-gradient(180deg, var(--primary-light), var(--primary-color));
}

/* Class Cards */
.class-card:hover {
    border-color: var(--primary-color);
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.15);
}

/* Student Cards */
.student-card:hover {
    border-color: var(--primary-color);
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.15);
}

/* Alerts */
.alert-success {
    background-color: #ff9771;
    color: var(--primary-dark);
    border-left-color: var(--primary-color);
}

/* Custom Scrollbar */
::-webkit-scrollbar-thumb {
    background: var(--primary-color);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-dark);
}

/* Selection */
::selection {
    background: var(--primary-color);
    color: var(--white);
}

/* Focus Outline */
*:focus {
    outline-color: var(--primary-color);
}

/* Responsive Design Enhancements */
@media (max-width: 768px) {
    .mobile-menu-toggle {
        color: var(--primary-color);
    }
}