/* === admin-users.css === */
/**
* Стили раздела "Пользователи" в админ-панели
* Массовые действия, чекбоксы, панель действий
* Путь: /styles/admin-users.css
* Версия: 1.0
*/

/* === ПАНЕЛЬ МАССОВЫХ ДЕЙСТВИЙ (Sticky Bottom Bar) === */
.mass-actions-bar {
position: fixed;
bottom: 0;
left: 260px;
right: 0;
background: var(--bg-card, #2e2e5a);
border-top: 2px solid var(--neon-cyan, #94adae);
padding: 16px 32px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
z-index: 100;
box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);
transform: translateY(100%);
transition: transform 0.3s var(--ease-spring);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
}

.mass-actions-bar.active {
transform: translateY(0);
}

.mass-actions-bar__info {
display: flex;
align-items: center;
gap: 12px;
font-size: 15px;
font-weight: 600;
color: var(--text-primary);
}

.mass-actions-bar__count {
background: linear-gradient(135deg, var(--neon-cyan), var(--primary));
color: #fff;
padding: 4px 12px;
border-radius: var(--radius-full);
font-size: 13px;
font-weight: 700;
min-width: 32px;
text-align: center;
box-shadow: 0 0 12px rgba(0, 243, 255, 0.3);
}

.mass-actions-bar__actions {
display: flex;
gap: 12px;
}

/* === КНОПКИ МАССОВЫХ ДЕЙСТВИЙ === */
.mass-action-btn {
padding: 10px 20px;
border-radius: var(--radius-md);
font-weight: 600;
font-size: 14px;
display: inline-flex;
align-items: center;
gap: 8px;
cursor: pointer;
border: none;
transition: all 0.25s var(--ease-spring);
font-family: inherit;
}

.mass-action-btn--ban {
background: rgba(255, 101, 132, 0.15);
color: var(--neon-pink, #ff6584);
border: 1.5px solid rgba(255, 101, 132, 0.3);
}

.mass-action-btn--ban:hover {
background: rgba(255, 101, 132, 0.25);
border-color: var(--neon-pink);
box-shadow: 0 0 16px rgba(255, 101, 132, 0.3);
transform: translateY(-2px);
}

.mass-action-btn--unban {
background: rgba(0, 255, 136, 0.1);
color: var(--neon-green, #00ff88);
border: 1.5px solid rgba(0, 255, 136, 0.3);
}

.mass-action-btn--unban:hover {
background: rgba(0, 255, 136, 0.2);
border-color: var(--neon-green);
box-shadow: 0 0 16px rgba(0, 255, 136, 0.3);
transform: translateY(-2px);
}

.mass-action-btn--delete {
background: rgba(255, 50, 50, 0.15);
color: #ff3366;
border: 1.5px solid rgba(255, 50, 50, 0.3);
}

.mass-action-btn--delete:hover {
background: rgba(255, 50, 50, 0.25);
border-color: #ff3366;
box-shadow: 0 0 16px rgba(255, 50, 50, 0.3);
transform: translateY(-2px);
}

.mass-action-btn--cancel {
background: rgba(255, 255, 255, 0.05);
color: var(--text-secondary);
border: 1.5px solid rgba(255, 255, 255, 0.15);
}

.mass-action-btn--cancel:hover {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.3);
}

/* === ЧЕКБОКСЫ В ТАБЛИЦЕ === */
.admin-table .user-checkbox {
width: 18px;
height: 18px;
cursor: pointer;
accent-color: var(--neon-cyan, #94adae);
}

.admin-table .select-all-wrapper {
display: flex;
align-items: center;
gap: 8px;
}

.admin-table .select-all-wrapper label {
font-size: 12px;
color: var(--text-muted);
cursor: pointer;
user-select: none;
}

.admin-table tr.selected {
background: rgba(0, 243, 255, 0.06) !important;
}

.admin-table tr.selected td {
border-bottom-color: rgba(0, 243, 255, 0.15);
}

/* === МОДАЛЬНОЕ ОКНО ПОДТВЕРЖДЕНИЯ === */
.mass-action-modal {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.75);
backdrop-filter: blur(8px);
z-index: 2000;
align-items: center;
justify-content: center;
padding: 16px;
}

.mass-action-modal.active {
display: flex;
animation: modalFadeIn 0.3s ease;
}

.mass-action-modal__content {
background: var(--bg-card, #2e2e5a);
border: 1px solid rgba(0, 243, 255, 0.15);
border-radius: var(--radius-xl);
padding: 32px;
max-width: 480px;
width: 100%;
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.5);
animation: modalSlideIn 0.4s var(--ease-spring);
}

.mass-action-modal__icon {
width: 64px;
height: 64px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
margin: 0 auto 20px;
}

.mass-action-modal__icon--ban {
background: rgba(255, 101, 132, 0.15);
color: var(--neon-pink);
box-shadow: 0 0 24px rgba(255, 101, 132, 0.2);
}

.mass-action-modal__icon--delete {
background: rgba(255, 50, 50, 0.15);
color: #ff3366;
box-shadow: 0 0 24px rgba(255, 50, 50, 0.2);
}

.mass-action-modal__title {
font-size: 20px;
font-weight: 700;
text-align: center;
margin-bottom: 12px;
color: var(--text-primary);
}

.mass-action-modal__text {
font-size: 15px;
color: var(--text-secondary);
text-align: center;
margin-bottom: 24px;
line-height: 1.6;
}

.mass-action-modal__reason {
margin-bottom: 20px;
}

.mass-action-modal__reason label {
display: block;
font-size: 13px;
font-weight: 600;
color: var(--text-secondary);
margin-bottom: 8px;
}

.mass-action-modal__reason input {
width: 100%;
padding: 12px 16px;
background: rgba(255, 255, 255, 0.03);
border: 1.5px solid rgba(0, 243, 255, 0.15);
border-radius: var(--radius-md);
color: var(--text-primary);
font-size: 14px;
font-family: inherit;
transition: all 0.2s;
}

.mass-action-modal__reason input:focus {
outline: none;
border-color: var(--neon-cyan);
box-shadow: 0 0 0 3px rgba(0, 243, 255, 0.1);
}

.mass-action-modal__actions {
display: flex;
gap: 12px;
justify-content: center;
}

/* === УВЕДОМЛЕНИЯ (TOAST) === */
.mass-action-toast {
position: fixed;
top: 80px;
right: 24px;
background: var(--bg-card, #2e2e5a);
border: 1px solid rgba(0, 243, 255, 0.2);
border-radius: var(--radius-lg);
padding: 16px 24px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
z-index: 3000;
display: flex;
align-items: center;
gap: 12px;
animation: toastSlideIn 0.4s var(--ease-spring);
max-width: 400px;
}

.mass-action-toast--success {
border-color: rgba(0, 255, 136, 0.3);
}

.mass-action-toast--error {
border-color: rgba(255, 101, 132, 0.3);
}

.mass-action-toast__icon {
font-size: 20px;
flex-shrink: 0;
}

.mass-action-toast--success .mass-action-toast__icon {
color: var(--neon-green);
}

.mass-action-toast--error .mass-action-toast__icon {
color: var(--neon-pink);
}

.mass-action-toast__text {
font-size: 14px;
color: var(--text-primary);
font-weight: 500;
}

/* === АНИМАЦИИ === */
@keyframes modalFadeIn {
from { opacity: 0; }
to { opacity: 1; }
}

@keyframes modalSlideIn {
from { opacity: 0; transform: translateY(30px) scale(0.96); }
to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes toastSlideIn {
from { opacity: 0; transform: translateX(100px); }
to { opacity: 1; transform: translateX(0); }
}

/* === АДАПТИВНОСТЬ === */
@media (max-width: 768px) {
.mass-actions-bar {
left: 80px;
padding: 12px 16px;
flex-direction: column;
align-items: stretch;
gap: 12px;
}

.mass-actions-bar__actions {
flex-wrap: wrap;
justify-content: center;
}

.mass-action-btn {
padding: 8px 14px;
font-size: 13px;
}

.mass-action-modal__content {
padding: 24px 20px;
}

.mass-action-modal__actions {
flex-direction: column;
}

.mass-action-toast {
right: 12px;
left: 12px;
max-width: none;
}
}

/* === СВЕТЛАЯ ТЕМА === */
body.light-theme .mass-actions-bar {
background: #ffffff;
border-top-color: #0369a1;
box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
}

body.light-theme .mass-actions-bar__info {
color: #1a202c;
}

body.light-theme .mass-actions-bar__count {
background: linear-gradient(135deg, #0369a1, #8b5cf6);
}

body.light-theme .mass-action-btn--ban {
background: #fff5f5;
color: #c53030;
border-color: #fed7d7;
}

body.light-theme .mass-action-btn--ban:hover {
background: #fed7d7;
border-color: #c53030;
}

body.light-theme .mass-action-btn--unban {
background: #f0fff4;
color: #22543d;
border-color: #c6f6d5;
}

body.light-theme .mass-action-btn--unban:hover {
background: #c6f6d5;
border-color: #22543d;
}

body.light-theme .mass-action-btn--delete {
background: #fff5f5;
color: #c53030;
border-color: #fed7d7;
}

body.light-theme .mass-action-btn--delete:hover {
background: #fed7d7;
border-color: #c53030;
}

body.light-theme .mass-action-btn--cancel {
background: #f7fafc;
color: #4a5568;
border-color: #e2e8f0;
}

body.light-theme .mass-action-btn--cancel:hover {
background: #edf2f7;
border-color: #cbd5e0;
}

body.light-theme .admin-table tr.selected {
background: rgba(3, 105, 161, 0.06) !important;
}

body.light-theme .mass-action-modal__content {
background: #ffffff;
border-color: #e2e8f0;
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.15);
}

body.light-theme .mass-action-modal__title {
color: #1a202c;
}

body.light-theme .mass-action-modal__text {
color: #4a5568;
}

body.light-theme .mass-action-modal__reason input {
background: #ffffff;
border-color: #e2e8f0;
color: #1a202c;
}

body.light-theme .mass-action-modal__reason input:focus {
border-color: #0369a1;
box-shadow: 0 0 0 3px rgba(3, 105, 161, 0.1);
}

body.light-theme .mass-action-toast {
background: #ffffff;
border-color: #e2e8f0;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

body.light-theme .mass-action-toast__text {
color: #1a202c;
}
/* ==========================================================================
   СВЕТЛАЯ ТЕМА — точечные правки (admin-users.css)
   Автоматически сгенерировано. Гасит свечения и меняет неоны
   (#94adae / #ff00ff / #00ff88 / #00d9ff) на насыщенные тёмные аналоги.
   ========================================================================== */