.userBanner.bannerPromoOwner {
background: linear-gradient(90deg, #3b82f6, #8b5cf6, #3b82f6);
color: white;
font-weight: bold;
border-radius: 8px;
padding: 2px 8px;
box-shadow: 0 0 12px rgba(139, 92, 246, 0.8);
animation: glow 2s infinite linear;
}

@keyframes glow {
0% { box-shadow: 0 0 6px #3b82f6, 0 0 12px #8b5cf6; }
50% { box-shadow: 0 0 20px #8b5cf6, 0 0 28px #3b82f6; }
100% { box-shadow: 0 0 6px #3b82f6, 0 0 12px #8b5cf6; }
}
.userBanner.bannerTestAccount {
background: linear-gradient(90deg, #ff0000, #ff4f4f, #ff0000); /* Красный градиент */
color: white;
font-weight: bold;
border-radius: 8px;
padding: 2px 8px;
box-shadow: 0 0 12px rgba(255, 0, 07, 0.8);
animation: glowTestAccount 2s infinite linear;
}

@keyframes glowTestAccount {
0% { box-shadow: 0 0 6px #ff0000, 0 0 12px #ff4f4f; }
50% { box-shadow: 0 0 20px #ff4f4f, 0 0 28px #ff0000; }
100% { box-shadow: 0 0 6px #ff0000, 0 0 12px #ff4f4f; }
}
/* Баннер роли с буквой сверху */
.userBanner.bannerQTestAccount {
position: relative;
background: linear-gradient(90deg, #ff0000, #ff4f4f, #ff0000); /* Красный градиент */
color: white;
font-weight: bold;
border-radius: 8px;
padding: 2px 8px;
box-shadow: 0 0 12px rgba(255, 0, 0, 0.8);
animation: glowTestAccount 2s infinite linear;
}

/* Баннер роли */
.userBanner.bannerQTestAccount {
position: relative;
background: linear-gradient(90deg, #ff0000, #ff4f4f, #ff0000); /* Красный градиент баннера */
color: white;
font-weight: bold;
border-radius: 8px;
padding: 2px 8px;
box-shadow: 0 0 12px rgba(255, 0, 0, 0.8);
animation: glowTestAccount 2s infinite linear;
margin-top: 12px; /* Отступ сверху, чтобы буква была выше */
}

/* Баннер роли */
.userBanner.bannerQTestAccount {
position: relative;
background: linear-gradient(90deg, #ff0000, #ff4f4f, #ff0000); /* Красный градиент баннера */
color: white;
font-weight: bold;
border-radius: 8px;
padding: 2px 8px;
box-shadow: 0 0 12px rgba(255, 0, 0, 0.8);
animation: glowTestAccount 2s infinite linear;
margin-top: 12px; /* Отступ сверху, чтобы буква была выше */
}

/* Баннер роли Тестер акаунт */
.userBanner.bannerTesterAccount {
position: relative;
background: linear-gradient(90deg, #ff0000, #ff4f4f, #ff0000); /* Красный градиент */
color: white; /* Цвет текста */
font-weight: bold; /* Жирный текст */
border-radius: 8px; /* Закругленные углы */
padding: 4px 12px; /* Отступы */
text-align: center;
box-shadow: 0 0 12px rgba(255,0,0,0.8); /* Сияние баннера */
animation: glowTesterAccount 2s infinite linear; /* Пульсация */
display: inline-block;
margin-top: 12px; /* Отступ сверху для буквы/значка */
}

/* Буква/значок сверху (опционально можно убрать) */
.userBanner.bannerTesterAccount::before {


display: block;

color: white;
font-weight: bold;
text-align: center;
width: 20px;
height: 20px;
line-height: 20px;
text-shadow: 0 0 6px #ff4f4f; /* Сияние буквы */
position: absolute;
top: -25px; /* Над баннером */
left: 50%;
transform: translateX(-50%);
}

/* Пульсация баннера */
@keyframes glowTesterAccount {
0% { box-shadow: 0 0 6px #ff0000, 0 0 12px #ff4f4f; }
50% { box-shadow: 0 0 20px #ff4f4f, 0 0 28px #ff0000; }
100% { box-shadow: 0 0 6px #ff0000, 0 0 12px #ff4f4f; }
}
/* ==== КРАСНЫЙ СИЯЮЩИЙ ==== */
.username--redGlow,
.userBanner--redGlow {
color: #ff2f2f !important;
text-shadow:
0 0 5px #ff2f2f,
0 0 10px #ff4f4f,
0 0 15px #ffffff;
font-weight: bold;
}

/* ==== ЗЕЛЁНЫЙ СИЯЮЩИЙ ==== */
.username--greenGlow,
.userBanner--greenGlow {
color: #00ff62 !important;
text-shadow:
0 0 5px #00ff62,
0 0 10px #00ff80,
0 0 15px #ffffff;
font-weight: bold;
}

/* ==== СЕРЫЙ СИЯЮЩИЙ ==== */
.username--grayGlow,
.userBanner--grayGlow {
color: #cfcfcf !important;
text-shadow:
0 0 5px #cfcfcf,
0 0 10px #e5e5e5,
0 0 15px #ffffff;
font-weight: bold;
}

/* ==== ЖЁЛТЫЙ СИЯЮЩИЙ ==== */
.username--yellowGlow,
.userBanner--yellowGlow {
color: #ffe600 !important;
text-shadow:
0 0 5px #ffe600,
0 0 10px #fff200,
0 0 15px #ffffff;
font-weight: bold;
}
/* Баннер роли Модератор */
.userBanner.bannerModerator {
background: linear-gradient(90deg, #a0a0a0, #ffffff, #a0a0a0); /* Серо-белый градиент */
color: #ffffff; /* Белый текст */
font-weight: bold; /* Жирный текст */
border-radius: 8px; /* Закругленные углы */
padding: 4px 12px; /* Отступы */
text-align: center;
box-shadow: 0 0 12px rgba(160,160,160,0.8); /* Сияние баннера */
animation: glowModerator 2s infinite linear; /* Пульсация */
display: inline-block;
}

/* Пульсация баннера */
@keyframes glowModerator {
0% { box-shadow: 0 0 6px #a0a0a0, 0 0 12px #ffffff; }
50% { box-shadow: 0 0 18px #ffffff, 0 0 24px #a0a0a0; }
100% { box-shadow: 0 0 6px #a0a0a0, 0 0 12px #ffffff; }
}
/* Баннер роли Администратор (тёмно-синий, сияющий) */
.userBanner.bannerAdmin {
background: linear-gradient(90deg, #0d1b4c, #1a2a7a, #0d1b4c); /* Тёмно-синий градиент */
color: white; /* Белый текст */
font-weight: bold; /* Жирный текст */
border-radius: 8px; /* Закруглённые углы */
padding: 4px 12px; /* Отступы */
text-align: center;
box-shadow: 0 0 12px rgba(13,27,76,0.8); /* Сияние баннера */
animation: glowAdminBanner 2s infinite linear; /* Пульсация */
display: inline-block;
}

/* Пульсация баннера */
@keyframes glowAdminBanner {
0% { box-shadow: 0 0 6px #0d1b4c, 0 0 12px #1a2a7a; }
50% { box-shadow: 0 0 20px #1a2a7a, 0 0 28px #0d1b4c; }
100% { box-shadow: 0 0 6px #0d1b4c, 0 0 12px #1a2a7a; }
}
/* Баннер роли Тестер (розово-фиолетовый, сияющий) */
.userBanner.bannerTester {
background: linear-gradient(90deg, #ff2f92, #b026ff, #ff2f92); /* Розовый → Фиолетовый → Розовый */
color: white; /* Белый текст */
font-weight: bold; /* Жирный текст */
border-radius: 8px; /* Закруглённые углы */
padding: 4px 12px; /* Отступы */
text-align: center;
box-shadow: 0 0 12px rgba(176, 38, 255, 0.8); /* Сияние */
animation: glowTester 2s infinite linear; /* Пульсация */
display: inline-block;
}

/* Пульсация баннера */
@keyframes glowTester {
0% { box-shadow: 0 0 6px #ff2f92, 0 0 12px #b026ff; }
50% { box-shadow: 0 0 20px #b026ff, 0 0 28px #ff2f92; }
100% { box-shadow: 0 0 6px #ff2f92, 0 0 12px #b026ff; }
}
/* Баннер роли Веб-Разработчик (оранжево-красный, сияющий) */
.userBanner.bannerWebDev {
background: linear-gradient(90deg, #ff8c00, #ff6a00, #ff0000, #ff0000); /* Оранжевый → Красный */
color: white; /* Белый текст */
font-weight: bold; /* Жирный текст */
border-radius: 8px; /* Закруглённые углы */
padding: 4px 12px; /* Отступы */
text-align: center;
box-shadow: 0 0 12px rgba(255, 69, 0, 0.8); /* Сияние */
animation: glowWebDev 2s infinite linear; /* Пульсация */
display: inline-block;
}

/* Пульсация баннера */
@keyframes glowWebDev {
0% { box-shadow: 0 0 6px #ff8c00, 0 0 12px #ff0000; }
50% { box-shadow: 0 0 20px #ff0000, 0 0 28px #ff8c00; }
100% { box-shadow: 0 0 6px #ff8c00, 0 0 12px #ff0000; }
}
/* Баннер роли Команда проекта (оранжевый → красный, сияющий) */
.userBanner.bannerProjectTeam {
background: linear-gradient(90deg, #ff9500, #ff7a00, #ff4f00, #ff0000); /* Оранжевый → Красный */
color: white; /* Белый текст */
font-weight: bold; /* Жирный текст */
border-radius: 8px; /* Закруглённые углы */
padding: 4px 12px; /* Отступы */
text-align: center;
box-shadow: 0 0 12px rgba(255, 80, 0, 0.85); /* Сияние */
animation: glowProjectTeam 2s infinite linear; /* Пульсация */
display: inline-block;
}

/* Пульсация баннера */
@keyframes glowProjectTeam {
0% { box-shadow: 0 0 6px #ff9500, 0 0 12px #ff0000; }
50% { box-shadow: 0 0 20px #ff0000, 0 0 28px #ff9500; }
100% { box-shadow: 0 0 6px #ff9500, 0 0 12px #ff0000; }
}
/* Баннер роли Менеджер (малиновый → вишнёвый, сияющий) */
.userBanner.bannerManager {
background: linear-gradient(90deg, #e6007e, #c3003c, #8b0026); /* Малиновый → Вишнёвый */
color: white; /* Белый текст */
font-weight: bold; /* Жирный текст */
border-radius: 8px; /* Закруглённые углы */
padding: 4px 12px; /* Отступы */
text-align: center;
box-shadow: 0 0 12px rgba(195, 0, 60, 0.85); /* Сияние */
animation: glowManager 2s infinite linear; /* Пульсация */
display: inline-block;
}

/* Пульсация баннера */
@keyframes glowManager {
0% { box-shadow: 0 0 6px #e6007e, 0 0 12px #8b0026; }
50% { box-shadow: 0 0 20px #8b0026, 0 0 28px #e6007e; }
100% { box-shadow: 0 0 6px #e6007e, 0 0 12px #8b0026; }
}
.custom_otkryto {
background-color: #00b300;
border-color: #00b300;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500;
}

.custom_info {
background-color: yellow !important;
border-color: yellow !important;
color: black;
}

.custom_zakrep {
background-color: yellow !important;
border-color: yellow !important;
color: black;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500;
}

.custom_vazno {
background-color: #FF0000;
border-color: #FF0000;
color: black;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500;
}

.custom_zakryto {
background-color: #ff2b2b;
border-color: #ff2b2b;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500;
}

.custom_otkaz {
background-color: #6b6b6b;
border-color: #6b6b6b;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500;
}
/* Баннер с розовым фоном и чёрным ником */
.userBanner.bannerPinkBlack {
background: linear-gradient(90deg, #FF69B4, #FF85C1); /* Розовый градиент */
color: #000000; /* Чёрный текст */
font-weight: bold; /* Жирный текст */
border-radius: 8px; /* Закруглённые углы */
padding: 4px 12px; /* Отступы */
text-align: center;
box-shadow: 0 0 12px rgba(255,105,180,0.8); /* Розовое сияние */
animation: glowPinkBlack 2s infinite linear; /* Пульсация */
display: inline-block;
}

/* Пульсация сияния */
@keyframes glowPinkBlack {
0% { box-shadow: 0 0 6px #FF69B4, 0 0 12px #FF85C1; }
50% { box-shadow: 0 0 20px #FF85C1, 0 0 28px #FF69B4; }
100% { box-shadow: 0 0 6px #FF69B4, 0 0 12px #FF85C1; }
}
/* Баннер роли Дед Мороз (красный, сияющий) */
.userBanner.bannerDedMoroz {
background: linear-gradient(90deg, #FF0000, #CC0000); /* Красный градиент */
color: white; /* Белый текст */
font-weight: bold; /* Жирный текст */
border-radius: 8px; /* Закруглённые углы */
padding: 8px 20px; /* Отступы */
text-align: center;
box-shadow: 0 0 12px rgba(255,0,0,0.8); /* Сияние */
animation: glowDedMoroz 2s infinite linear; /* Пульсация */
display: inline-block;
font-size: 16px;
}

/* Пульсация баннера */
@keyframes glowDedMoroz {
0% { box-shadow: 0 0 6px #FF0000, 0 0 12px #CC0000; }
50% { box-shadow: 0 0 20px #CC0000, 0 0 28px #FF0000; }
100% { box-shadow: 0 0 6px #FF0000, 0 0 12px #CC0000; }
}
/* Баннер роли Легенда (оранжевый, сияющий) */
.userBanner.bannerLegend {
background: linear-gradient(90deg, #FFA500, #FF8C00); /* Оранжевый градиент */
color: white; /* Белый текст */
font-weight: bold; /* Жирный текст */
border-radius: 6px; /* Закруглённые углы */
padding: 3px 10px; /* Компактные отступы */
text-align: center;
box-shadow: 0 0 10px rgba(255,140,0,0.8); /* Сияние */
animation: glowLegend 2s infinite linear; /* Пульсация */
display: inline-block;
font-size: 14px;
}

/* Пульсация сияния */
@keyframes glowLegend {
0% { box-shadow: 0 0 4px #FFA500, 0 0 8px #FF8C00; }
50% { box-shadow: 0 0 12px #FF8C00, 0 0 18px #FFA500; }
100% { box-shadow: 0 0 4px #FFA500, 0 0 8px #FF8C00; }
}
/* Баннер роли Проверяющий отдел (жёлтый → оранжевый, сияющий) */
.userBanner.bannerChecker {
background: linear-gradient(90deg, #FFD700, #FFA500); /* Жёлтый → Оранжевый */
color: black; /* Чёрный текст для контраста */
font-weight: bold; /* Жирный текст */
border-radius: 6px; /* Закруглённые углы */
padding: 3px 10px; /* Компактные отступы */
text-align: center;
box-shadow: 0 0 10px rgba(255,215,0,0.8); /* Сияние */
animation: glowChecker 2s infinite linear; /* Пульсация */
display: inline-block;
font-size: 14px;
}

/* Пульсация сияния */
@keyframes glowChecker {
0% { box-shadow: 0 0 4px #FFD700, 0 0 8px #FFA500; }
50% { box-shadow: 0 0 12px #FFA500, 0 0 18px #FFD700; }
100% { box-shadow: 0 0 4px #FFD700, 0 0 8px #FFA500; }
}
/* Баннер роли (малиново-розовый, сияющий) */
.userBanner.bannerBerryPink {
background: linear-gradient(90deg, #C2185B, #FF69B4); /* Малиновый → Розовый */
color: white; /* Белый текст */
font-weight: bold; /* Жирный */
border-radius: 6px; /* Закругление */
padding: 3px 10px; /* Компактный размер */
text-align: center;
box-shadow: 0 0 10px rgba(255,105,180,0.8); /* Сияние */
animation: glowBerryPink 2s infinite linear;
display: inline-block;
font-size: 14px;
}

/* Пульсация сияния */
@keyframes glowBerryPink {
0% { box-shadow: 0 0 4px #C2185B, 0 0 8px #FF69B4; }
50% { box-shadow: 0 0 12px #FF69B4, 0 0 18px #C2185B; }
100% { box-shadow: 0 0 4px #C2185B, 0 0 8px #FF69B4; }
}
/* Баннер роли Логгер (клубнично-розовый, сияющий) */
.userBanner.bannerLoggerStrawberry {
background: linear-gradient(90deg, #FF2F6D, #FF7AA2); /* Клубничный → Розовый */
color: white; /* Белый текст */
font-weight: bold; /* Жирный */
border-radius: 6px; /* Закругление */
padding: 3px 10px; /* Компактный размер */
text-align: center;
box-shadow: 0 0 10px rgba(255,47,109,0.8); /* Сияние */
animation: glowStrawberry 2s infinite linear;
display: inline-block;
font-size: 14px;
}

/* Пульсация сияния */
@keyframes glowStrawberry {
0% { box-shadow: 0 0 4px #FF2F6D, 0 0 8px #FF7AA2; }
50% { box-shadow: 0 0 12px #FF7AA2, 0 0 18px #FF2F6D; }
100% { box-shadow: 0 0 4px #FF2F6D, 0 0 8px #FF7AA2; }
}
/* Баннер роли Главный Логгер (вишнёво-розовый, сияющий) */
.userBanner.bannerChiefLogger {
background: linear-gradient(90deg, #8B0033, #FF4F8B); /* Вишнёвый → Розовый */
color: white; /* Белый текст */
font-weight: bold; /* Жирный */
border-radius: 6px; /* Закругление */
padding: 3px 10px; /* Компактный размер */
text-align: center;
box-shadow: 0 0 10px rgba(255,79,139,0.8); /* Сияние */
animation: glowChiefLogger 2s infinite linear;
display: inline-block;
font-size: 14px;
}

/* Пульсация сияния */
@keyframes glowChiefLogger {
0% { box-shadow: 0 0 4px #8B0033, 0 0 8px #FF4F8B; }
50% { box-shadow: 0 0 12px #FF4F8B, 0 0 18px #8B0033; }
100% { box-shadow: 0 0 4px #8B0033, 0 0 8px #FF4F8B; }
}