/**
 * ════════════════════════════════════════════════════════════════════════════════
 * 📁 СТИЛИ ДЛЯ ШАПКИ АДМИН-ПАНЕЛИ (2025)
 * ════════════════════════════════════════════════════════════════════════════════
 * 
 * Современный дизайн шапки с градиентами, тенями и плавными анимациями
 * Использует новые классы и переменные из base.css
 */

/* ═══════════════════════════════════════════════════════════════════════════════
 * ШАПКА (HEADER)
 * ═══════════════════════════════════════════════════════════════════════════════ */

header {
    background: var(--primary-gradient);
    border-radius: var(--radius-xl);
    padding: var(--space-8) var(--space-6);
    margin-bottom: var(--space-6);
    box-shadow: var(--shadow-xl);
    position: relative;
    overflow: hidden;
}

/* Декоративный элемент для глубины */
header::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

header::after {
    content: '';
    position: absolute;
    bottom: -30%;
    left: -5%;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

header h1 {
    position: relative;
    z-index: 1;
    color: var(--text-white);
    font-size: var(--text-4xl);
    font-weight: 600;
    margin: 0;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    letter-spacing: -0.02em;
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

header h1::before {
    content: '';
    width: 4px;
    height: 40px;
    background: var(--text-white);
    border-radius: var(--radius-full);
    opacity: 0.8;
}

/* ═══════════════════════════════════════════════════════════════════════════════
 * НАВИГАЦИОННОЕ МЕНЮ
 * ═══════════════════════════════════════════════════════════════════════════════ */

nav {
    margin-bottom: var(--space-6);
    position: relative;
}

/* Кнопка переключения меню: скрыта от планшета и выше (≥768px).
 * На ≤767px кнопка видима — стили в mobile.css (.menu-toggle).
 * Глобальный display:none без медиа перебивал mobile.css из‑за большей специфичности. */
@media (min-width: 768px) {
    .admin-head-navigation .menu-toggle {
        display: none;
    }
}

/* ⚠️ ВАЖНО: Доп. правила для ≥1024px — desktop.css; для 768–1023px — tablet.css */

/* Одна сетка для шапки (#head-icon-menu) и хаба site_settings (.settings-navigation .head-icon-menu) */
#head-icon-menu,
.settings-navigation .head-icon-menu,
.card-header-actions .head-icon-menu,
.admin-university-navigation .head-icon-menu,
.university-modal-dialog .head-icon-menu, .curator-panel-shortcuts .head-icon-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--space-3);
}

#head-icon-menu li, .settings-navigation .head-icon-menu li , .card-header-actions .head-icon-menu li, .admin-university-navigation .head-icon-menu li , .university-modal-dialog .head-icon-menu li , .curator-panel-shortcuts .head-icon-menu li {
    margin: 0;
    padding: 0;
    position: relative; /* КРИТИЧЕСКИ ВАЖНО для абсолютного позиционирования badge */
}

/* Кнопки в шапке карточки: те же правила визуала, что у ссылок .menu-link (university_list и др.) */
.card-header-actions .head-icon-menu button.menu-link {
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    font: inherit;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.card-header-actions .head-icon-menu button.menu-link:disabled {
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
}

#head-icon-menu a, .settings-navigation .head-icon-menu a, .card-header-actions .head-icon-menu a, .admin-university-navigation .head-icon-menu a, .university-modal-dialog .head-icon-menu a, .curator-panel-shortcuts .head-icon-menu a,
#head-icon-menu .menu-link, .settings-navigation .head-icon-menu .menu-link , .card-header-actions .head-icon-menu .menu-link , .admin-university-navigation .head-icon-menu .menu-link , .university-modal-dialog .head-icon-menu .menu-link , .curator-panel-shortcuts .head-icon-menu .menu-link {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-5);
    /* Фиксированная минимальная высота для всех кнопок (включая двухстрочные) */
    min-height: 56px; /* Достаточно для двух строк текста + padding + border */
    background: var(--bg-primary);
    border: 2px solid var(--border);
    border-radius: var(--radius-lg);
    color: var(--text-dark);
    text-decoration: none !important; /* Убираем подчеркивание для всех ссылок */
    border-bottom: none !important; /* Убираем нижнюю границу, если есть */
    font-size: var(--text-sm);
    font-weight: 500;
    line-height: 1.4;
    transition: var(--transition-base);
    position: relative;
    overflow: hidden; /* Все кнопки одинаковые - overflow: hidden */
    box-shadow: var(--shadow-sm);
    /* Выравнивание содержимого по вертикали */
    justify-content: flex-start;
}

/* Убираем градиентное подчеркивание из base.css для ссылок в меню */
#head-icon-menu a::after, .settings-navigation .head-icon-menu a::after, .card-header-actions .head-icon-menu a::after, .admin-university-navigation .head-icon-menu a::after, .university-modal-dialog .head-icon-menu a::after, .curator-panel-shortcuts .head-icon-menu a::after,
#head-icon-menu .menu-link::after, .settings-navigation .head-icon-menu .menu-link::after , .card-header-actions .head-icon-menu .menu-link::after , .admin-university-navigation .head-icon-menu .menu-link::after , .university-modal-dialog .head-icon-menu .menu-link::after , .curator-panel-shortcuts .head-icon-menu .menu-link::after {
    display: none !important; /* Убираем градиентное подчеркивание из base.css */
    content: none !important;
}

/* Эффект при наведении */
#head-icon-menu a::before, .settings-navigation .head-icon-menu a::before, .card-header-actions .head-icon-menu a::before, .admin-university-navigation .head-icon-menu a::before, .university-modal-dialog .head-icon-menu a::before, .curator-panel-shortcuts .head-icon-menu a::before,
#head-icon-menu .menu-link::before, .settings-navigation .head-icon-menu .menu-link::before , .card-header-actions .head-icon-menu .menu-link::before , .admin-university-navigation .head-icon-menu .menu-link::before , .university-modal-dialog .head-icon-menu .menu-link::before , .curator-panel-shortcuts .head-icon-menu .menu-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--primary-gradient);
    transition: left var(--transition-base);
    z-index: 0;
    border-radius: inherit;
}

#head-icon-menu a:hover::before, .settings-navigation .head-icon-menu a:hover::before, .card-header-actions .head-icon-menu a:hover::before, .admin-university-navigation .head-icon-menu a:hover::before, .university-modal-dialog .head-icon-menu a:hover::before, .curator-panel-shortcuts .head-icon-menu a:hover::before,
#head-icon-menu .menu-link:hover::before, .settings-navigation .head-icon-menu .menu-link:hover::before , .card-header-actions .head-icon-menu .menu-link:hover::before , .admin-university-navigation .head-icon-menu .menu-link:hover::before , .university-modal-dialog .head-icon-menu .menu-link:hover::before , .curator-panel-shortcuts .head-icon-menu .menu-link:hover::before {
    left: 0;
}

#head-icon-menu a:hover, .settings-navigation .head-icon-menu a:hover, .card-header-actions .head-icon-menu a:hover, .admin-university-navigation .head-icon-menu a:hover, .university-modal-dialog .head-icon-menu a:hover, .curator-panel-shortcuts .head-icon-menu a:hover,
#head-icon-menu .menu-link:hover, .settings-navigation .head-icon-menu .menu-link:hover , .card-header-actions .head-icon-menu .menu-link:hover , .admin-university-navigation .head-icon-menu .menu-link:hover , .university-modal-dialog .head-icon-menu .menu-link:hover , .curator-panel-shortcuts .head-icon-menu .menu-link:hover {
    border-color: var(--primary);
    color: var(--text-white);
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
    text-decoration: none !important; /* Убираем подчеркивание при наведении */
    border-bottom: none !important; /* Убираем нижнюю границу при наведении */
}

#head-icon-menu a:active, .settings-navigation .head-icon-menu a:active, .card-header-actions .head-icon-menu a:active, .admin-university-navigation .head-icon-menu a:active, .university-modal-dialog .head-icon-menu a:active, .curator-panel-shortcuts .head-icon-menu a:active,
#head-icon-menu .menu-link:active, .settings-navigation .head-icon-menu .menu-link:active , .card-header-actions .head-icon-menu .menu-link:active , .admin-university-navigation .head-icon-menu .menu-link:active , .university-modal-dialog .head-icon-menu .menu-link:active , .curator-panel-shortcuts .head-icon-menu .menu-link:active {
    transform: translateY(0);
    box-shadow: var(--shadow-sm);
}

/* Иконка Font Awesome */
#head-icon-menu a i, .settings-navigation .head-icon-menu a i, .card-header-actions .head-icon-menu a i, .admin-university-navigation .head-icon-menu a i, .university-modal-dialog .head-icon-menu a i, .curator-panel-shortcuts .head-icon-menu a i,
#head-icon-menu .menu-link i, .settings-navigation .head-icon-menu .menu-link i , .card-header-actions .head-icon-menu .menu-link i , .admin-university-navigation .head-icon-menu .menu-link i , .university-modal-dialog .head-icon-menu .menu-link i , .curator-panel-shortcuts .head-icon-menu .menu-link i {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(var(--text-base) * 1.125); /* 18px = 16px * 1.125 */
    color: var(--text-muted);
    transition: color var(--transition-base), transform var(--transition-base);
    /* ⚠️ ВАЖНО: Фиксированные размеры (width, height, min-width) определены в адаптивных файлах:
     * - desktop.css (≥1024px): 24px
     * - tablet.css (768px-1023px): 22px
     * - mobile.css (≤767px): 20px
     * - mobile-small.css (≤480px): 18px
     */
}

/* ЦВЕТНЫЕ ИКОНКИ В МЕНЮ ПО НАЗНАЧЕНИЮ */

/* Студенты - синий */
#head-icon-menu a[href*="students"] i, .settings-navigation .head-icon-menu a[href*="students"] i, .card-header-actions .head-icon-menu a[href*="students"] i, .admin-university-navigation .head-icon-menu a[href*="students"] i, .university-modal-dialog .head-icon-menu a[href*="students"] i, .curator-panel-shortcuts .head-icon-menu a[href*="students"] i,
#head-icon-menu a[href*="student"] i, .settings-navigation .head-icon-menu a[href*="student"] i, .card-header-actions .head-icon-menu a[href*="student"] i, .admin-university-navigation .head-icon-menu a[href*="student"] i, .university-modal-dialog .head-icon-menu a[href*="student"] i, .curator-panel-shortcuts .head-icon-menu a[href*="student"] i,
#head-icon-menu .menu-link[data-type="students"] i, .settings-navigation .head-icon-menu .menu-link[data-type="students"] i , .card-header-actions .head-icon-menu .menu-link[data-type="students"] i , .admin-university-navigation .head-icon-menu .menu-link[data-type="students"] i , .university-modal-dialog .head-icon-menu .menu-link[data-type="students"] i , .curator-panel-shortcuts .head-icon-menu .menu-link[data-type="students"] i {
    color: var(--accent-blue);
}

/* Университеты - фиолетовый */
#head-icon-menu a[href*="universities"] i, .settings-navigation .head-icon-menu a[href*="universities"] i, .card-header-actions .head-icon-menu a[href*="universities"] i, .admin-university-navigation .head-icon-menu a[href*="universities"] i, .university-modal-dialog .head-icon-menu a[href*="universities"] i, .curator-panel-shortcuts .head-icon-menu a[href*="universities"] i,
#head-icon-menu a[href*="univers"] i, .settings-navigation .head-icon-menu a[href*="univers"] i, .card-header-actions .head-icon-menu a[href*="univers"] i, .admin-university-navigation .head-icon-menu a[href*="univers"] i, .university-modal-dialog .head-icon-menu a[href*="univers"] i, .curator-panel-shortcuts .head-icon-menu a[href*="univers"] i,
#head-icon-menu .menu-link[data-type="universities"] i, .settings-navigation .head-icon-menu .menu-link[data-type="universities"] i , .card-header-actions .head-icon-menu .menu-link[data-type="universities"] i , .admin-university-navigation .head-icon-menu .menu-link[data-type="universities"] i , .university-modal-dialog .head-icon-menu .menu-link[data-type="universities"] i , .curator-panel-shortcuts .head-icon-menu .menu-link[data-type="universities"] i {
    color: var(--accent-purple);
}

/* Платежи - зеленый */
#head-icon-menu a[href*="payment"] i, .settings-navigation .head-icon-menu a[href*="payment"] i, .card-header-actions .head-icon-menu a[href*="payment"] i, .admin-university-navigation .head-icon-menu a[href*="payment"] i, .university-modal-dialog .head-icon-menu a[href*="payment"] i, .curator-panel-shortcuts .head-icon-menu a[href*="payment"] i,
#head-icon-menu a[href*="invoice"] i, .settings-navigation .head-icon-menu a[href*="invoice"] i, .card-header-actions .head-icon-menu a[href*="invoice"] i, .admin-university-navigation .head-icon-menu a[href*="invoice"] i, .university-modal-dialog .head-icon-menu a[href*="invoice"] i, .curator-panel-shortcuts .head-icon-menu a[href*="invoice"] i,
#head-icon-menu .menu-link[data-type="payments"] i, .settings-navigation .head-icon-menu .menu-link[data-type="payments"] i , .card-header-actions .head-icon-menu .menu-link[data-type="payments"] i , .admin-university-navigation .head-icon-menu .menu-link[data-type="payments"] i , .university-modal-dialog .head-icon-menu .menu-link[data-type="payments"] i , .curator-panel-shortcuts .head-icon-menu .menu-link[data-type="payments"] i {
    color: var(--accent-green);
}

/* Статистика - оранжевый */
#head-icon-menu a[href*="statistic"] i, .settings-navigation .head-icon-menu a[href*="statistic"] i, .card-header-actions .head-icon-menu a[href*="statistic"] i, .admin-university-navigation .head-icon-menu a[href*="statistic"] i, .university-modal-dialog .head-icon-menu a[href*="statistic"] i, .curator-panel-shortcuts .head-icon-menu a[href*="statistic"] i,
#head-icon-menu a[href*="report"] i, .settings-navigation .head-icon-menu a[href*="report"] i, .card-header-actions .head-icon-menu a[href*="report"] i, .admin-university-navigation .head-icon-menu a[href*="report"] i, .university-modal-dialog .head-icon-menu a[href*="report"] i, .curator-panel-shortcuts .head-icon-menu a[href*="report"] i,
#head-icon-menu .menu-link[data-type="statistics"] i, .settings-navigation .head-icon-menu .menu-link[data-type="statistics"] i , .card-header-actions .head-icon-menu .menu-link[data-type="statistics"] i , .admin-university-navigation .head-icon-menu .menu-link[data-type="statistics"] i , .university-modal-dialog .head-icon-menu .menu-link[data-type="statistics"] i , .curator-panel-shortcuts .head-icon-menu .menu-link[data-type="statistics"] i {
    color: var(--accent-yellow);
}

/* Настройки - серый */
#head-icon-menu a[href*="settings"] i, .settings-navigation .head-icon-menu a[href*="settings"] i, .card-header-actions .head-icon-menu a[href*="settings"] i, .admin-university-navigation .head-icon-menu a[href*="settings"] i, .university-modal-dialog .head-icon-menu a[href*="settings"] i, .curator-panel-shortcuts .head-icon-menu a[href*="settings"] i,
#head-icon-menu a[href*="setting"] i, .settings-navigation .head-icon-menu a[href*="setting"] i, .card-header-actions .head-icon-menu a[href*="setting"] i, .admin-university-navigation .head-icon-menu a[href*="setting"] i, .university-modal-dialog .head-icon-menu a[href*="setting"] i, .curator-panel-shortcuts .head-icon-menu a[href*="setting"] i,
#head-icon-menu .menu-link[data-type="settings"] i, .settings-navigation .head-icon-menu .menu-link[data-type="settings"] i , .card-header-actions .head-icon-menu .menu-link[data-type="settings"] i , .admin-university-navigation .head-icon-menu .menu-link[data-type="settings"] i , .university-modal-dialog .head-icon-menu .menu-link[data-type="settings"] i , .curator-panel-shortcuts .head-icon-menu .menu-link[data-type="settings"] i {
    color: var(--text-medium);
}

/* Выход - красный */
#head-icon-menu a[href*="logout"] i, .settings-navigation .head-icon-menu a[href*="logout"] i, .card-header-actions .head-icon-menu a[href*="logout"] i, .admin-university-navigation .head-icon-menu a[href*="logout"] i, .university-modal-dialog .head-icon-menu a[href*="logout"] i, .curator-panel-shortcuts .head-icon-menu a[href*="logout"] i,
#head-icon-menu a[href*="exit"] i, .settings-navigation .head-icon-menu a[href*="exit"] i, .card-header-actions .head-icon-menu a[href*="exit"] i, .admin-university-navigation .head-icon-menu a[href*="exit"] i, .university-modal-dialog .head-icon-menu a[href*="exit"] i, .curator-panel-shortcuts .head-icon-menu a[href*="exit"] i,
#head-icon-menu .menu-link[data-type="logout"] i, .settings-navigation .head-icon-menu .menu-link[data-type="logout"] i , .card-header-actions .head-icon-menu .menu-link[data-type="logout"] i , .admin-university-navigation .head-icon-menu .menu-link[data-type="logout"] i , .university-modal-dialog .head-icon-menu .menu-link[data-type="logout"] i , .curator-panel-shortcuts .head-icon-menu .menu-link[data-type="logout"] i {
    color: var(--accent-red);
}

/* Онлайн студенты - зеленый (уже есть в HTML) */
#head-icon-menu a[href*="online"] i, .settings-navigation .head-icon-menu a[href*="online"] i, .card-header-actions .head-icon-menu a[href*="online"] i, .admin-university-navigation .head-icon-menu a[href*="online"] i, .university-modal-dialog .head-icon-menu a[href*="online"] i, .curator-panel-shortcuts .head-icon-menu a[href*="online"] i,
#head-icon-menu .menu-link[data-type="online"] i, .settings-navigation .head-icon-menu .menu-link[data-type="online"] i , .card-header-actions .head-icon-menu .menu-link[data-type="online"] i , .admin-university-navigation .head-icon-menu .menu-link[data-type="online"] i , .university-modal-dialog .head-icon-menu .menu-link[data-type="online"] i , .curator-panel-shortcuts .head-icon-menu .menu-link[data-type="online"] i {
    color: var(--accent-green);
}

/* При наведении все становятся белыми */
#head-icon-menu a:hover i, .settings-navigation .head-icon-menu a:hover i, .card-header-actions .head-icon-menu a:hover i, .admin-university-navigation .head-icon-menu a:hover i, .university-modal-dialog .head-icon-menu a:hover i, .curator-panel-shortcuts .head-icon-menu a:hover i,
#head-icon-menu .menu-link:hover i, .settings-navigation .head-icon-menu .menu-link:hover i , .card-header-actions .head-icon-menu .menu-link:hover i , .admin-university-navigation .head-icon-menu .menu-link:hover i , .university-modal-dialog .head-icon-menu .menu-link:hover i , .curator-panel-shortcuts .head-icon-menu .menu-link:hover i {
    color: var(--text-white) !important;
    transform: scale(1.1);
}

/* Текст */
#head-icon-menu a span, .settings-navigation .head-icon-menu a span, .card-header-actions .head-icon-menu a span, .admin-university-navigation .head-icon-menu a span, .university-modal-dialog .head-icon-menu a span, .curator-panel-shortcuts .head-icon-menu a span,
#head-icon-menu .menu-link span, .settings-navigation .head-icon-menu .menu-link span , .card-header-actions .head-icon-menu .menu-link span , .admin-university-navigation .head-icon-menu .menu-link span , .university-modal-dialog .head-icon-menu .menu-link span , .curator-panel-shortcuts .head-icon-menu .menu-link span {
    position: relative;
    z-index: 1;
    transition: color var(--transition-base);
    flex: 1;
    min-width: 0;
    /* Badge в абсолютной позиции, поэтому текст может занимать все доступное пространство */
}

/* Бейдж для счетчиков - отдельный блок с абсолютным позиционированием */
#head-icon-menu .menu-badge, .settings-navigation .head-icon-menu .menu-badge , .card-header-actions .head-icon-menu .menu-badge , .admin-university-navigation .head-icon-menu .menu-badge , .university-modal-dialog .head-icon-menu .menu-badge , .curator-panel-shortcuts .head-icon-menu .menu-badge {
    /* Абсолютное позиционирование относительно li (родительский элемент) */
    position: absolute !important;
    /* Позиционируем badge полностью за пределами border кнопки */
    top: -10px;
    right: -5px; /* Сдвинуто на 5px влево от исходного -10px */
    z-index: 100; /* Высокий z-index для гарантии видимости поверх всех элементов */
    
    /* КРИТИЧЕСКИ ВАЖНО: Badge не должен влиять на размеры родителя */
    /* Выводим из потока документа полностью */
    pointer-events: auto; /* Разрешаем взаимодействие с badge */
    
    /* Используем стили из .badge-count */
    padding: 0 8px;
    /* ⚠️ ВАЖНО: Фиксированные размеры (min-width, height) определены в адаптивных файлах:
     * - desktop.css (≥1024px): 26px
     * - tablet.css (768px-1023px): 24px
     * - mobile.css (≤767px): 22px
     * - mobile-small.css (≤480px): 18px
     */
    margin: 0 !important; /* Убираем все отступы */
    background: linear-gradient(180deg, var(--danger) 0%, var(--danger-dark) 100%);
    color: var(--text-white);
    font-size: var(--text-xs);
    font-weight: 700;
    line-height: 26px;
    border-radius: 13px;
    border: 2px solid var(--bg-primary);
    
    /* 3D эффект */
    box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(239, 68, 68, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    
    /* Анимация пульсации (уникальное имя — не конфликтует с pulse в других листах) */
    animation: head-menu-badge-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    
    /* Флексбокс */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    
    /* Гарантируем, что badge не влияет на размеры */
    width: auto;
    max-width: none;
    box-sizing: border-box;
}

/* Badge позиционирован абсолютно и НЕ влияет на размеры кнопки */
/* Не требуется никаких дополнительных padding или margin */

/* Hover эффект для badge при прямом наведении на badge */
#head-icon-menu .menu-badge:hover, .settings-navigation .head-icon-menu .menu-badge:hover , .card-header-actions .head-icon-menu .menu-badge:hover , .admin-university-navigation .head-icon-menu .menu-badge:hover , .university-modal-dialog .head-icon-menu .menu-badge:hover , .curator-panel-shortcuts .head-icon-menu .menu-badge:hover {
    /* НЕ используем transform - конфликт с @keyframes head-menu-badge-pulse */
    z-index: 101;
    box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.15),
        0 6px 16px rgba(239, 68, 68, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    /* Увеличение через animation-play-state */
    animation-play-state: paused; /* Останавливаем пульсацию при hover */
    filter: brightness(1.1); /* Альтернатива scale - НЕ конфликтует */
}

/* Зеленый badge для онлайн */
#head-icon-menu .menu-badge-online, .settings-navigation .head-icon-menu .menu-badge-online , .card-header-actions .head-icon-menu .menu-badge-online , .admin-university-navigation .head-icon-menu .menu-badge-online , .university-modal-dialog .head-icon-menu .menu-badge-online , .curator-panel-shortcuts .head-icon-menu .menu-badge-online {
    background: linear-gradient(180deg, var(--success) 0%, var(--success-dark) 100%);
    box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(16, 185, 129, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    animation: head-menu-badge-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

#head-icon-menu .menu-badge-online:hover, .settings-navigation .head-icon-menu .menu-badge-online:hover , .card-header-actions .head-icon-menu .menu-badge-online:hover , .admin-university-navigation .head-icon-menu .menu-badge-online:hover , .university-modal-dialog .head-icon-menu .menu-badge-online:hover , .curator-panel-shortcuts .head-icon-menu .menu-badge-online:hover {
    box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.15),
        0 6px 16px rgba(16, 185, 129, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
}


/* Модификаторы иконок шапки (без inline style в box_menu) */
#head-icon-menu i.head-menu-icon--online,
.settings-navigation .head-icon-menu i.head-menu-icon--online,
.card-header-actions .head-icon-menu i.head-menu-icon--online,
.admin-university-navigation .head-icon-menu i.head-menu-icon--online,
.university-modal-dialog .head-icon-menu i.head-menu-icon--online , .curator-panel-shortcuts .head-icon-menu i.head-menu-icon--online {
    color: var(--success, #28a745);
}
#head-icon-menu i.head-menu-icon--debts,
.settings-navigation .head-icon-menu i.head-menu-icon--debts,
.card-header-actions .head-icon-menu i.head-menu-icon--debts,
.admin-university-navigation .head-icon-menu i.head-menu-icon--debts,
.university-modal-dialog .head-icon-menu i.head-menu-icon--debts , .curator-panel-shortcuts .head-icon-menu i.head-menu-icon--debts {
    color: var(--danger, #dc3545);
}

@keyframes head-menu-badge-pulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.05);
    }
}

/* Активный пункт меню */
#head-icon-menu a.menu-active, .settings-navigation .head-icon-menu a.menu-active, .card-header-actions .head-icon-menu a.menu-active, .admin-university-navigation .head-icon-menu a.menu-active, .university-modal-dialog .head-icon-menu a.menu-active, .curator-panel-shortcuts .head-icon-menu a.menu-active,
#head-icon-menu .menu-link.menu-active, .settings-navigation .head-icon-menu .menu-link.menu-active , .card-header-actions .head-icon-menu .menu-link.menu-active , .admin-university-navigation .head-icon-menu .menu-link.menu-active , .university-modal-dialog .head-icon-menu .menu-link.menu-active , .curator-panel-shortcuts .head-icon-menu .menu-link.menu-active {
    background: var(--primary-gradient);
    border-color: var(--primary);
    color: var(--text-white);
    box-shadow: var(--shadow-md);
    /* Убеждаемся, что border-radius совпадает с обычной кнопкой */
    border-radius: var(--radius-lg);
    /* Убеждаемся, что фон правильно заполняет все углы */
    background-clip: padding-box;
    /* Убираем подчеркивание для активной кнопки меню */
    text-decoration: none !important;
    font-weight: 500;
}

/* Скрываем псевдоэлемент ::before для активной кнопки, так как фон уже применен напрямую */
#head-icon-menu a.menu-active::before, .settings-navigation .head-icon-menu a.menu-active::before, .card-header-actions .head-icon-menu a.menu-active::before, .admin-university-navigation .head-icon-menu a.menu-active::before, .university-modal-dialog .head-icon-menu a.menu-active::before, .curator-panel-shortcuts .head-icon-menu a.menu-active::before,
#head-icon-menu .menu-link.menu-active::before, .settings-navigation .head-icon-menu .menu-link.menu-active::before , .card-header-actions .head-icon-menu .menu-link.menu-active::before , .admin-university-navigation .head-icon-menu .menu-link.menu-active::before , .university-modal-dialog .head-icon-menu .menu-link.menu-active::before , .curator-panel-shortcuts .head-icon-menu .menu-link.menu-active::before {
    display: none;
}

/* ИСПРАВЛЕНИЕ LAYOUT */
/* position: relative уже определен выше для всех li */

/* УБРАНО: padding-right не нужен, так как badge в абсолютной позиции и не влияет на размеры */
/* Badge позиционирован абсолютно и не занимает место в потоке документа */

/* Hover эффект для badge - при наведении на ссылку */
#head-icon-menu li:hover .menu-badge, .settings-navigation .head-icon-menu li:hover .menu-badge , .card-header-actions .head-icon-menu li:hover .menu-badge , .admin-university-navigation .head-icon-menu li:hover .menu-badge , .university-modal-dialog .head-icon-menu li:hover .menu-badge , .curator-panel-shortcuts .head-icon-menu li:hover .menu-badge {
    z-index: 101; /* Еще выше при hover */
    filter: brightness(1.1);
    animation-play-state: paused; /* Останавливаем пульсацию при hover */
    box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.15),
        0 6px 16px rgba(239, 68, 68, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

#head-icon-menu a.menu-active i, .settings-navigation .head-icon-menu a.menu-active i, .card-header-actions .head-icon-menu a.menu-active i, .admin-university-navigation .head-icon-menu a.menu-active i, .university-modal-dialog .head-icon-menu a.menu-active i, .curator-panel-shortcuts .head-icon-menu a.menu-active i,
#head-icon-menu .menu-link.menu-active i, .settings-navigation .head-icon-menu .menu-link.menu-active i , .card-header-actions .head-icon-menu .menu-link.menu-active i , .admin-university-navigation .head-icon-menu .menu-link.menu-active i , .university-modal-dialog .head-icon-menu .menu-link.menu-active i , .curator-panel-shortcuts .head-icon-menu .menu-link.menu-active i {
    color: var(--text-white);
}

/* Текст в активной кнопке должен быть белым */
#head-icon-menu a.menu-active span, .settings-navigation .head-icon-menu a.menu-active span, .card-header-actions .head-icon-menu a.menu-active span, .admin-university-navigation .head-icon-menu a.menu-active span, .university-modal-dialog .head-icon-menu a.menu-active span, .curator-panel-shortcuts .head-icon-menu a.menu-active span,
#head-icon-menu .menu-link.menu-active span, .settings-navigation .head-icon-menu .menu-link.menu-active span , .card-header-actions .head-icon-menu .menu-link.menu-active span , .admin-university-navigation .head-icon-menu .menu-link.menu-active span , .university-modal-dialog .head-icon-menu .menu-link.menu-active span , .curator-panel-shortcuts .head-icon-menu .menu-link.menu-active span {
    color: var(--text-white) !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    position: relative !important;
    z-index: 2 !important;
    font-weight: inherit !important;
    text-decoration: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════════
 * АНИМАЦИЯ ПОЯВЛЕНИЯ ПУНКТОВ МЕНЮ (@keyframes fadeInUp — common.css, до header в цепочке admin_head)
 * ═══════════════════════════════════════════════════════════════════════════════ */

#head-icon-menu li, .settings-navigation .head-icon-menu li , .card-header-actions .head-icon-menu li, .admin-university-navigation .head-icon-menu li , .university-modal-dialog .head-icon-menu li , .curator-panel-shortcuts .head-icon-menu li {
    animation: fadeInUp 0.4s ease-out backwards;
}

#head-icon-menu li:nth-child(1),
.settings-navigation .head-icon-menu li:nth-child(1) , .card-header-actions .head-icon-menu li:nth-child(1), .admin-university-navigation .head-icon-menu li:nth-child(1), .university-modal-dialog .head-icon-menu li:nth-child(1) , .curator-panel-shortcuts .head-icon-menu li:nth-child(1) {
    animation-delay: 0.05s;
}
#head-icon-menu li:nth-child(2),
.settings-navigation .head-icon-menu li:nth-child(2) , .card-header-actions .head-icon-menu li:nth-child(2), .admin-university-navigation .head-icon-menu li:nth-child(2), .university-modal-dialog .head-icon-menu li:nth-child(2) , .curator-panel-shortcuts .head-icon-menu li:nth-child(2) {
    animation-delay: 0.1s;
}
#head-icon-menu li:nth-child(3),
.settings-navigation .head-icon-menu li:nth-child(3) , .card-header-actions .head-icon-menu li:nth-child(3), .admin-university-navigation .head-icon-menu li:nth-child(3), .university-modal-dialog .head-icon-menu li:nth-child(3) , .curator-panel-shortcuts .head-icon-menu li:nth-child(3) {
    animation-delay: 0.15s;
}
#head-icon-menu li:nth-child(4),
.settings-navigation .head-icon-menu li:nth-child(4) , .card-header-actions .head-icon-menu li:nth-child(4), .admin-university-navigation .head-icon-menu li:nth-child(4), .university-modal-dialog .head-icon-menu li:nth-child(4) , .curator-panel-shortcuts .head-icon-menu li:nth-child(4) {
    animation-delay: 0.2s;
}
#head-icon-menu li:nth-child(5),
.settings-navigation .head-icon-menu li:nth-child(5) , .card-header-actions .head-icon-menu li:nth-child(5), .admin-university-navigation .head-icon-menu li:nth-child(5), .university-modal-dialog .head-icon-menu li:nth-child(5) , .curator-panel-shortcuts .head-icon-menu li:nth-child(5) {
    animation-delay: 0.25s;
}
#head-icon-menu li:nth-child(6),
.settings-navigation .head-icon-menu li:nth-child(6) , .card-header-actions .head-icon-menu li:nth-child(6), .admin-university-navigation .head-icon-menu li:nth-child(6), .university-modal-dialog .head-icon-menu li:nth-child(6) , .curator-panel-shortcuts .head-icon-menu li:nth-child(6) {
    animation-delay: 0.3s;
}
#head-icon-menu li:nth-child(7),
.settings-navigation .head-icon-menu li:nth-child(7) , .card-header-actions .head-icon-menu li:nth-child(7), .admin-university-navigation .head-icon-menu li:nth-child(7), .university-modal-dialog .head-icon-menu li:nth-child(7) , .curator-panel-shortcuts .head-icon-menu li:nth-child(7) {
    animation-delay: 0.35s;
}
#head-icon-menu li:nth-child(8),
.settings-navigation .head-icon-menu li:nth-child(8) , .card-header-actions .head-icon-menu li:nth-child(8), .admin-university-navigation .head-icon-menu li:nth-child(8), .university-modal-dialog .head-icon-menu li:nth-child(8) , .curator-panel-shortcuts .head-icon-menu li:nth-child(8) {
    animation-delay: 0.4s;
}
#head-icon-menu li:nth-child(9),
.settings-navigation .head-icon-menu li:nth-child(9) , .card-header-actions .head-icon-menu li:nth-child(9), .admin-university-navigation .head-icon-menu li:nth-child(9), .university-modal-dialog .head-icon-menu li:nth-child(9) , .curator-panel-shortcuts .head-icon-menu li:nth-child(9) {
    animation-delay: 0.45s;
}
#head-icon-menu li:nth-child(10),
.settings-navigation .head-icon-menu li:nth-child(10) , .card-header-actions .head-icon-menu li:nth-child(10), .admin-university-navigation .head-icon-menu li:nth-child(10), .university-modal-dialog .head-icon-menu li:nth-child(10) , .curator-panel-shortcuts .head-icon-menu li:nth-child(10) {
    animation-delay: 0.5s;
}
#head-icon-menu li:nth-child(n+11),
.settings-navigation .head-icon-menu li:nth-child(n+11) , .card-header-actions .head-icon-menu li:nth-child(n+11), .admin-university-navigation .head-icon-menu li:nth-child(n+11), .university-modal-dialog .head-icon-menu li:nth-child(n+11) , .curator-panel-shortcuts .head-icon-menu li:nth-child(n+11) {
    animation-delay: 0.55s;
}

/* Кнопка «Меню»: видимость без inline style в box-menu-mobile.js */
@media (min-width: 768px) {
    .admin-head-navigation .menu-toggle.menu-toggle--desktop {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .admin-head-navigation .menu-toggle:not(.menu-toggle--desktop) {
        display: flex;
    }
}