/* Кнопки меню хедера */
.btn-head-aion {
	background: rgba(0, 0, 0, 0.6) !important;
	border: 1px solid rgba(0, 240, 255, 0.4) !important;
	color: #00f0ff !important;
	font-size: 13px;
	text-transform: uppercase;
	padding: 10px 25px;
	border-radius: 4px;
	text-decoration: none;
	transition: all 0.2s;
}
.btn-head-aion:hover {
	background: rgba(0, 240, 255, 0.15) !important;
	box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
	color: #fff !important;
}
/* Главная кнопка "ИГРАТЬ" */
.btn-aion-action {
    background: linear-gradient(135deg, #0052d4, #4364f7, #6fb1fc);
    border: none;
    color: white !important;
    font-family: 'Orbitron', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    box-shadow: 0 4px 15px rgba(67, 100, 247, 0.4);
    transition: all 0.3s;
}
.btn-aion-action:hover {
    box-shadow: 0 6px 20px rgba(0, 240, 255, 0.6);
    transform: translateY(-1px);
}
/* Кнопка восстановления аккаунта */
.btn-aion-sub-action {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(0, 240, 255, 0.3);
    color: #00f0ff !important;
    font-size: 13px;
    transition: all 0.2s;
}
.btn-aion-sub-action:hover {
    background: rgba(0, 240, 255, 0.1);
    border-color: #00f0ff;
    color: #fff !important;
}
/* Кнопка "Читать далее" в новостях */
.btn-aion-news {
    background: rgba(0, 240, 255, 0.03) !important;
    border: 1px solid rgba(0, 240, 255, 0.3) !important;
    color: #00f0ff !important;
    font-size: 12px !important;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-radius: 4px !important;
    transition: all 0.2s ease-in-out !important;
    text-decoration: none !important;
}		
/* Эффект при наведении курсора */
.btn-aion-news:hover {
    background: rgba(0, 240, 255, 0.15) !important;
    border-color: #00f0ff !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.4) !important;
}
/* Делаем статус сессии четким и читаемым */
.badge.bg-success.bg-opacity-10 {
    background-color: rgba(46, 204, 113, 0.15) !important; /* Чуть ярче подложка */
    color: #2ecc71 !important; /* Яркий чистый зеленый цвет для текста */
    border: 1px solid rgba(46, 204, 113, 0.4) !important; /* Четкая зеленая рамка */
    font-weight: 700 !important; /* Жирный шрифт, чтобы буквы не терялись */
    letter-spacing: 0.5px;
    text-shadow: 0 0 5px rgba(46, 204, 113, 0.5); /* Легкое неоновое свечение букв */
}
/* =================================================== */
/* СТИЛИЗАЦИЯ КНОПОК ЛЕВОЙ ПАНЕЛИ НАВИГАЦИИ           */
/* =================================================== */		
/* Перехватываем все ссылки внутри левой панели */
.col-md-4 a, 
.col-md-4 .btn-nav, 
.col-md-4 .btn-auth {
    display: block !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(0, 240, 255, 0.15) !important;
    color: #94a3b8 !important; /* Приглушенный аккуратный цвет в спокойном состоянии */
    padding: 10px 15px !important;
    margin-bottom: 8px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease-in-out !important;
    text-align: left !important; /* Выравнивание текста по левому краю для аккуратности */
}		
/* Эффект при наведении курсора мыши (Ховер) */
.col-md-4 a:hover, 
.col-md-4 .btn-nav:hover, 
.col-md-4 .btn-auth:hover {
    background: rgba(0, 240, 255, 0.08) !important;
    border-color: #00f0ff !important; /* Яркая неоновая рамка */
    color: #00f0ff !important; /* Текст загорается бирюзовым */
    box-shadow: 0 0 12px rgba(0, 240, 255, 0.3) !important;
    transform: translateX(4px); /* Легкий интерактивный сдвиг вправо при наведении */
}		
/* Убираем лишние ручные отступы <br>, чтобы кнопки стояли плотно и аккуратно */
.col-md-4 br {
    display: none !important;
}		
/* Стилизация текста баланса (Рубли, Монеты), если они выводятся текстом сверху */
.col-md-4 .text-muted, .col-md-4 h9 {
    font-size: 13px !important;
}
/* Кнопка "Пополнить счет" в сайдбаре */
.btn-aion-buy {
    background: linear-gradient(135deg, #d63031, #ff7675) !important; /* Насыщенный красный градиент */
    border: 1px solid #ff7675 !important;
    color: white !important;
    font-size: 12px !important;
    letter-spacing: 0.5px;
    border-radius: 4px !important;
    box-shadow: 0 4px 12px rgba(214, 48, 49, 0.3) !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    text-center: center;
}
.btn-aion-buy:hover {
    box-shadow: 0 0 15px rgba(255, 118, 117, 0.6) !important;
    background: linear-gradient(135deg, #ff7675, #ff7675) !important;
    transform: translateY(-1px);
}
/* Кнопка GM Оранжевая */
.btn-gm-orange {
    background: linear-gradient(135deg, #d35400, #e67e22) !important;
    border: 1px solid #ffaa00 !important;
    color: white !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
    box-shadow: 0 4px 12px rgba(230, 126, 34, 0.3);
    transition: all 0.3s;
    text-decoration: none !important;
}
.btn-gm-orange:hover {
    box-shadow: 0 0 15px #ffaa00 !important;
    background: linear-gradient(135deg, #e67e22, #e67e22) !important;
    transform: translateY(-1px);
}
/* Кнопка Админа Зеленая */
.btn-admin-green {
    background: linear-gradient(135deg, #1e824c, #2ec4b6) !important;
    border: 1px solid #00ffcc !important;
    color: white !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
    box-shadow: 0 4px 12px rgba(30, 130, 76, 0.3);
    transition: all 0.3s;
    text-decoration: none !important;
}
.btn-admin-green:hover {
    box-shadow: 0 0 15px #00ffcc !important;
    background: linear-gradient(135deg, #2ec4b6, #2ec4b6) !important;
    transform: translateY(-1px);
}
/* Дополнительные стили, чтобы подружить Java-вывод списка персонажей с дизайном */
/* Делаем селект выбора персонажа, приходящий из Java, аккуратным и темным */
.aion-select-character select {
    width: 100% !important;
    background: rgba(0, 0, 0, 0.6) !important;
    border: 1px solid rgba(0, 240, 255, 0.2) !important;
    color: #fff !important;
    padding: 10px !important;
    border-radius: 4px !important;
    outline: none !important;
}
.aion-select-character select:focus {
    border-color: #00f0ff !important;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.4) !important;
}
/* Делаем кнопку покупки выделяющейся */
.btn-gacha-trigger {
    background: rgba(0, 240, 255, 0.05) !important;
    border-color: rgba(0, 240, 255, 0.3) !important;
    color: #00f0ff !important;
}
.btn-gacha-trigger:hover {
    background: rgba(0, 240, 255, 0.15) !important;
    border-color: #00f0ff !important;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.4) !important;
}
/* СТИЛИЗАЦИЯ СТАРЫХ КНОПОК ЗАКРЫТИЯ (КРЕСТИКОВ) ИЗ JAVA */
.btn-close, 
a.btn-close,
#right .btn-close {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    background: rgba(255, 74, 74, 0.1) !important; /* Легкий красный фон */
    border: 1px solid rgba(255, 74, 74, 0.4) !important; /* Красный контур */
    color: #ff7675 !important; /* Яркий красный текст */
    padding: 6px 14px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: bold !important;
    font-family: 'Orbitron', sans-serif !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
    text-transform: uppercase !important;
}
/* Трюк: Если Java выплевывает пустую ссылку без текста, добавим ей понятный крестик руками через CSS */
.btn-close:empty::before,
a.btn-close:empty::before {
    content: "✕ ЗАКРЫТЬ" !important;
    letter-spacing: 0.5px;
}
/* Ховер для кнопки закрытия (загорается ярким красным неоном) */
.btn-close:hover, 
a.btn-close:hover {
    background: #e74c3c !important;
    border-color: #ff7675 !important;
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(231, 76, 60, 0.6) !important;
    transform: translateY(-1px) !important;
}
/* =================================================== */
/* СТИЛИ КНОПОК ДЛЯ ГОСТЕВОГО МЕНЮ (PART1)            */
/* =================================================== */
/* Кнопка Регистрации (Зеленый неон) */
.btn-aion-nav-green {
    border-color: rgba(46, 204, 113, 0.25) !important;
    color: #2ecc71 !important;
}
.btn-aion-nav-green:hover {
    background: rgba(46, 204, 113, 0.08) !important;
    border-color: #2ecc71 !important;
    color: #ffffff !important;
    box-shadow: 0 0 12px rgba(46, 204, 113, 0.35) !important;
}
/* Кнопка Discord (Фирменный размытый фиолетово-синий неон) */
.btn-aion-nav-discord {
    border-color: rgba(114, 137, 218, 0.3) !important;
    color: #7289da !important;
}
.btn-aion-nav-discord:hover {
    background: rgba(114, 137, 218, 0.12) !important;
    border-color: #7289da !important;
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(114, 137, 218, 0.5) !important;
}
/* =================================================== */
/* СТИЛИЗАЦИЯ И ХОВЕР ДЛЯ КНОПКИ АВТОРИЗАЦИИ            */
/* =================================================== */
.btn-aion-submit,
button.btn-aion-submit {
    display: block !important;
    width: 100% !important;
    max-width: 320px !important;           /* Аккуратный игровой размер кнопки */
    margin: 15px auto 0 auto !important;   /* Жесткое центрирование ровно по центру формы! */
    padding: 12px 24px !important;
    text-align: center !important;         /* Текст строго по центру */
    background: linear-gradient(135deg, #0052d4, #4364f7) !important; /* Синий градиент */
    border: 1px solid #00f0ff !important;  /* Бирюзовый контур */
    color: #ffffff !important;
    font-family: 'Orbitron', sans-serif !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 4px !important;
    transition: all 0.25s ease-in-out !important;
    box-shadow: 0 4px 15px rgba(67, 100, 247, 0.4) !important;
}
/* Эффект сочного бирюзового свечения при наведении мыши */
.btn-aion-submit:hover,
button.btn-aion-submit:hover {
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.6) !important; /* Сияние бирюзой */
    border-color: #ffffff !important;                       /* Рамка загорается белым */
    transform: translateY(-1px) !important;                 /* Легкий игровой сдвиг вверх */
    cursor: pointer !important;
}
/* =================================================== */
/* ГЛОБАЛЬНЫЙ ИГРОВОЙ СТИЛЬ ДЛЯ КНОПОК-ПЛИТОК          */
/* =================================================== */
/* Теперь класс btn-aion-nav будет работать по всему сайту одинаково ровно */
.btn-aion-nav,
a.btn-aion-nav {
    display: block !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(0, 240, 255, 0.15) !important;
    color: #94a3b8 !important; /* Умеренно светлый текст в покое */
    padding: 12px 16px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center !important; /* Текст кнопок гостя теперь будет строго по центру */
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4) !important;
}
/* Ховер для ОБЫЧНЫХ кнопок (Бирюзовый неон) */
.btn-aion-nav:hover {
    background: rgba(0, 240, 255, 0.08) !important;
    border-color: #00f0ff !important;
    color: #00f0ff !important; /* Буквы загораются бирюзой */
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.35) !important;
    transform: translateY(-2px) !important; /* Плавный сдвиг вверх */
}
/* Золотые кнопки */
.btn-aion-nav-gold,
a.btn-aion-nav-gold {
    border-color: rgba(230, 126, 34, 0.3) !important;
    color: #94a3b8 !important;
}
.btn-aion-nav-gold:hover,
a.btn-aion-nav-gold:hover {
    background: rgba(230, 126, 34, 0.12) !important;
    border-color: #e67e22 !important;
    color: #e67e22 !important;
    box-shadow: 0 0 15px rgba(230, 126, 34, 0.45) !important;
}
/* Фиолетовые кнопки (Генераторы и Магазины) */
.btn-aion-nav-purple,
a.btn-aion-nav-purple {
    border-color: rgba(155, 89, 182, 0.3) !important;
    color: #cb9bf2 !important;
}
.btn-aion-nav-purple:hover,
a.btn-aion-nav-purple:hover {
    background: rgba(155, 89, 182, 0.12) !important;
    border-color: #9b59b6 !important;
    color: #e8d5f9 !important;
    box-shadow: 0 0 15px rgba(155, 89, 182, 0.45) !important;
}
/* Красные кнопки (Выход / Важное анонсирование) */
.btn-aion-nav-red,
a.btn-aion-nav-red {
    border-color: rgba(231, 76, 60, 0.35) !important;
    color: #ff7675 !important;
}
.btn-aion-nav-red:hover,
a.btn-aion-nav-red:hover {
    background: rgba(231, 76, 60, 0.15) !important;
    border-color: #e74c3c !important;
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(231, 76, 60, 0.5) !important;
}
/* =================================================== */
/* СТИЛИЗАЦИЯ ИГРОВЫХ КНОПОК АДМИН-ЦЕНТРА              */
/* =================================================== */
/* Общий базовый стиль для плиток админки */
.aion-admin-dashboard .btn-aion-nav {
    display: block !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(0, 240, 255, 0.15) !important;
    color: #94a3b8 !important; /* Серый текст в спокойном состоянии */
    padding: 12px 16px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: left !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4) !important;
}
/* Эффект ховера для ОБЫЧНЫХ кнопок админки (Бирюзовый неон) */
.aion-admin-dashboard .btn-aion-nav:hover {
    background: rgba(0, 240, 255, 0.08) !important;
    border-color: #00f0ff !important;
    color: #00f0ff !important; /* Текст загорается бирюзовым */
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.35) !important;
    transform: translateY(-2px) !important; /* Легкое игровое приподнятие кнопки */
}
/* Ховер для ФИОЛЕТОВЫХ кнопок генераторов магазинов и пин-кодов */
.aion-admin-dashboard .btn-aion-nav-purple {
    border-color: rgba(155, 89, 182, 0.3) !important;
    color: #cb9bf2 !important;
}
.aion-admin-dashboard .btn-aion-nav-purple:hover {
    background: rgba(155, 89, 182, 0.12) !important;
    border-color: #9b59b6 !important;
    color: #e8d5f9 !important;
    box-shadow: 0 0 15px rgba(155, 89, 182, 0.45) !important;
}
/* Ховер для КРАСНОЙ кнопки "Сообщение серверу" (Критическое действие) */
.aion-admin-dashboard .btn-aion-nav-red {
    border-color: rgba(231, 76, 60, 0.35) !important;
    color: #ff7675 !important;
}
.aion-admin-dashboard .btn-aion-nav-red:hover {
    background: rgba(231, 76, 60, 0.15) !important;
    border-color: #e74c3c !important;
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(231, 76, 60, 0.5) !important;
}
.btn-aion-admin-submit:hover {
    box-shadow: 0 0 18px rgba(0, 240, 255, 0.7) !important;
    transform: translateY(-1px);
}
/* =================================================== */
/* УНИКАЛЬНЫЕ ИГРОВЫХ КНОПКИ-ПЛИТКИ ДЛЯ ДАШБОРДОВ      */
/* =================================================== */
/* Намертво изолированный класс, который не тронет сайдбар и авторизацию */
.aion-btn-tile,
a.aion-btn-tile {
    display: block !important;
    width: 100% !important;
    background: rgba(5, 6, 15, 0.8) !important;
    border: 1px solid rgba(0, 240, 255, 0.15) !important;
    color: #94a3b8 !important; /* Умеренно светлый текст в покое */
    padding: 12px 16px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: left !important; /* Текст аккуратно прижат к левому краю */
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4) !important;
}
/* Эффект бирюзового неонового свечения при наведении */
.aion-btn-tile:hover,
a.aion-btn-tile:hover {
    background: rgba(0, 240, 255, 0.08) !important;
    border-color: #00f0ff !important;
    color: #00f0ff !important; /* Буквы загораются бирюзой */
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.35) !important;
    transform: translateY(-2px) !important; /* Легкое приподнятие */
}
/* Кастомный фиолетовый ховер для системных настроек и логов */
.aion-btn-tile-purple {
    border-color: rgba(155, 89, 182, 0.3) !important;
    color: #cb9bf2 !important;
}
.aion-btn-tile-purple:hover {
    background: rgba(155, 89, 182, 0.12) !important;
    border-color: #9b59b6 !important;
    color: #e8d5f9 !important;
    box-shadow: 0 0 15px rgba(155, 89, 182, 0.45) !important;
}
/* Принудительное центрирование текста внутри кошелька и обменов Luna */
.aion-balance-dashboard .aion-btn-tile,
.aion-luna-dashboard .aion-btn-tile {
    text-align: center !important;
}