/* ====================================================
   1. КНОПКИ ПРИВЯЗОК АККАУНТОВ И СИСТЕМНЫЕ КНОПКИ
   ==================================================== */
body[id*="connections"] .ui.mini.negative.button { background: #EF4444 !important; color: #ffffff !important; padding: 10px 22px !important; border-radius: 8px !important; font-size: 12px !important; font-weight: 800 !important; text-transform: uppercase !important; border: none !important; transition: all 0.2s ease !important; }
body[id*="connections"] .ui.mini.negative.button:hover { background: #DC2626 !important; transform: translateY(-2px) !important; box-shadow: 0 8px 25px rgba(239, 68, 68, 0.5) !important; }
body[id*="connections"] .ui.mini.positive.button { background: #5865F2 !important; color: #ffffff !important; padding: 10px 22px !important; border-radius: 8px !important; font-size: 12px !important; font-weight: 800 !important; text-transform: uppercase !important; border: none !important; transition: all 0.2s ease !important; }
body[id*="connections"] .ui.mini.positive.button:hover { filter: brightness(1.15) !important; transform: translateY(-2px) !important; box-shadow: 0 8px 25px rgba(88, 101, 242, 0.5) !important; }

/* ====================================================
   2. АБСОЛЮТНЫЙ ФИКС ВИДЕОФОНА (Без поломки навигации)
   ==================================================== */
video::-webkit-media-controls, video::-webkit-media-controls-start-playback-button, video::-webkit-media-controls-overlay-play-button, video::-webkit-media-controls-enclosure, video::-webkit-media-controls-panel { display: none !important; -webkit-appearance: none !important; opacity: 0 !important; }

/* ====================================================
   3. ЖЕСТКАЯ ВЫСТРОЙКА ЭКРАНА И АБСОЛЮТНАЯ ПРОЗРАЧНОСТЬ
   ==================================================== */
html, body { height: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-color: transparent !important; }
.pusher, body.pushable > .pusher { display: flex !important; flex-direction: column !important; min-height: 100vh !important; background: transparent !important; background-color: transparent !important; }
#wrapper { flex: 1 0 auto !important; display: flex !important; flex-direction: column !important; margin-bottom: 0 !important; background: transparent !important; background-color: transparent !important; }
.ui.masthead { flex: 1 0 auto !important; display: flex !important; flex-direction: column !important; justify-content: center !important; min-height: unset !important; padding: 30px 0 !important; margin-bottom: 0 !important; }

/* ====================================================
   4. ИДЕАЛЬНЫЙ СТЕКЛЯННЫЙ ПОДВАЛ (ФУТЕР)
   ==================================================== */
.ui.footer.segment { flex-shrink: 0 !important; margin-top: 0 !important; background: rgba(15, 15, 20, 0.7) !important; backdrop-filter: blur(15px) !important; border-top: 1px solid rgba(255, 255, 255, 0.05) !important; padding: 25px 0 !important; }
.ui.footer.segment, .ui.footer.segment p, .ui.footer.segment span, .ui.footer.segment div { color: #9ca3af !important; font-size: 13px !important; }
.ui.footer.segment a { color: #e2e8f0 !important; font-weight: 600 !important; text-decoration: none !important; transition: color 0.2s ease !important; }
.ui.footer.segment a:hover { color: #5865F2 !important; }
.ui.footer.segment h4 { color: #ffffff !important; font-weight: 900 !important; font-size: 18px !important; margin-bottom: 15px !important; }

/* ====================================================
   5. ВИДЖЕТ COOKIE И УДАЛЕНИЕ СТРЕЛОК ВВЕРХ
   ==================================================== */
.cc-revoke, .cc-window.cc-revoke, div.cc-revoke, a.cc-revoke, .cc-bottom, #scrollToTop, #back-to-top { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
.cc-window { background: #1E1F22 !important; border: 2px solid #5865F2 !important; border-radius: 12px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.8) !important; padding: 25px !important; z-index: 99999 !important; max-width: 400px !important; }
.cc-window, .cc-window *, .cc-window .cc-message { color: #ffffff !important; font-family: 'Montserrat', sans-serif !important; font-size: 14px !important; line-height: 1.5 !important; }
.cc-window .cc-message a { color: #5865F2 !important; font-weight: 900 !important; text-decoration: underline !important; }
.cc-window .cc-compliance { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-top: 20px !important; width: 100% !important; }
.cc-window .cc-btn { width: 100% !important; border-radius: 8px !important; font-weight: 900 !important; text-transform: uppercase !important; padding: 14px 20px !important; border: none !important; cursor: pointer !important; transition: 0.2s !important; }
.cc-window .cc-btn.cc-allow { background: #5865F2 !important; color: #ffffff !important; box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3) !important; }
.cc-window .cc-btn.cc-allow:hover { transform: translateY(-2px) !important; filter: brightness(1.2) !important; }
.cc-window .cc-btn.cc-deny { background: rgba(255, 255, 255, 0.1) !important; color: #DBDEE1 !important; }
.cc-window .cc-btn.cc-deny:hover { background: rgba(255, 255, 255, 0.15) !important; }

/* ====================================================
   ⚙️ 6. ОФОРМЛЕНИЕ ЛИЧНОГО КАБИНЕТА (ГЛАССМОРФИЗМ) ⚙️
   ==================================================== */
.premium-user-area { margin-top: 50px !important; margin-bottom: 60px !important; font-family: 'Montserrat', sans-serif !important; }
.premium-user-area .ui.grid { margin: 0 !important; width: 100% !important; }

/* Объединенные стили для стеклянных панелей */
.premium-user-area .four.wide.column, .ui.vertical.menu, .panel-card, .ui.segment {
    background: rgba(17, 18, 20, 0.95) !important; backdrop-filter: blur(15px) !important; border: 1px solid rgba(255, 255, 255, 0.05) !important; border-radius: 16px !important; padding: 20px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important; color: #DBDEE1 !important; margin-bottom: 25px !important;
}

.ui.vertical.menu { height: fit-content; padding: 20px !important; }
.ui.vertical.menu .item { border-radius: 10px !important; font-weight: 700 !important; color: #9ca3af !important; margin-bottom: 4px !important; padding: 14px 18px !important; border: none !important; transition: all 0.2s ease !important; font-family: 'Montserrat', sans-serif !important; }
.ui.vertical.menu .item.active { background: #5865F2 !important; color: #ffffff !important; box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3) !important; }
.ui.vertical.menu .item:hover:not(.active) { background: rgba(255, 255, 255, 0.05) !important; color: #ffffff !important; transform: translateX(4px) !important; }

h2.ui.header { color: #fff !important; font-weight: 900 !important; text-transform: uppercase !important; font-size: 24px; letter-spacing: -0.5px; margin-bottom: 30px !important; font-family: 'Montserrat', sans-serif !important; }
h3.ui.header.panel-header, .ui.segment h3.ui.header { font-size: 20px !important; font-weight: 900 !important; text-transform: uppercase !important; color: #ffffff !important; letter-spacing: -0.5px !important; margin-top: 0 !important; margin-bottom: 25px !important; border-bottom: 1px dashed rgba(255,255,255,0.1) !important; padding-bottom: 15px !important; display: flex; align-items: center; font-family: 'Montserrat', sans-serif !important; }

/* ====================================================
   🔌 7. КОМПАКТНАЯ СЕТКА ПОДКЛЮЧЕНИЙ 🔌
   ==================================================== */
.connections-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 15px; }
.connection-card { background: rgba(0, 0, 0, 0.25); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 12px; padding: 15px; display: flex; align-items: center; justify-content: space-between; transition: 0.3s; }
.connection-card:hover { background: rgba(255, 255, 255, 0.02); border-color: rgba(255, 255, 255, 0.1); }
.conn-left { display: flex; align-items: center; gap: 15px; }
.conn-avatar { width: 48px; height: 48px; border-radius: 12px; background: rgba(88, 101, 242, 0.1); display: flex; align-items: center; justify-content: center; position: relative; }
.conn-avatar i { font-size: 24px; color: #5865F2; }
.conn-avatar img { width: 100%; height: 100%; border-radius: 12px; object-fit: cover; }
.conn-status-dot { position: absolute; bottom: -3px; right: -3px; width: 14px; height: 14px; background: #10B981; border: 3px solid #1E1F22; border-radius: 50%; }
.conn-info { display: flex; flex-direction: column; }
.conn-name { color: #fff; font-weight: 800; font-size: 14px; text-transform: uppercase; }
.conn-user { color: #9ca3af; font-size: 12px; margin-top: 2px; }

/* ====================================================
   📁 8. ДЕТАЛИ ОБЗОРА И ТАБЛИЦЫ 📁
   ==================================================== */
.overview-list { display: flex; flex-direction: column; gap: 12px; }
.overview-item { background: rgba(0, 0, 0, 0.25); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 12px; padding: 16px 20px; display: flex; align-items: center; transition: 0.3s; }
.overview-item:hover { background: rgba(255, 255, 255, 0.02); }
.overview-icon { background: rgba(88, 101, 242, 0.1); color: #5865F2; width: 42px; height: 42px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; margin-right: 15px; }
.overview-content { display: flex; flex-direction: column; }
.overview-label { color: #9ca3af; font-size: 11px; font-weight: 800; text-transform: uppercase; margin-bottom: 4px; }
.overview-value { color: #ffffff; font-size: 14px; font-weight: 600; }

.ui.segment .ui.table, .panel-card .ui.table { background: transparent !important; border: none !important; border-collapse: separate !important; border-spacing: 0 10px !important; }
.ui.segment .ui.table thead th { background: transparent !important; color: #9ca3af !important; border: none !important; border-bottom: 1px dashed rgba(255,255,255,0.1) !important; text-transform: uppercase !important; font-size: 11px !important; letter-spacing: 1px !important; padding: 10px 20px !important; }
.ui.segment .ui.table tbody tr { background: rgba(0, 0, 0, 0.25) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important; transition: 0.3s !important; }
.ui.segment .ui.table tbody td { padding: 15px 20px !important; border: none !important; color: #e2e8f0 !important; vertical-align: middle !important; }

/* ====================================================
   ❌ 9. ГЛОБАЛЬНЫЙ КИЛЛЕР МУСОРА И СТАРЫХ НАДПИСЕЙ ❌
   ==================================================== */
body[id*="user"] > .ui.container > h2.ui.header,
.pusher > .ui.container > h2.ui.header,
h2.ui.header:not(.panel-header):not(.rules-title):not(.main-title) { display: none !important; opacity: 0 !important; height: 0 !important; margin: 0 !important; }

a[href*="/user/messaging"], a[href*="/user/alerts"], #core-pms, #core-alerts, .ui.menu .item:has(i.envelope.icon), .ui.menu .item:has(i.flag.icon), .ui.menu i.envelope.icon, .ui.menu i.flag.icon { display: none !important; opacity: 0 !important; width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; pointer-events: none !important; position: absolute !important; left: -9999px !important; }

/* ====================================================
   ✨ 10. ФИКС ИДЕАЛЬНОЙ ЦЕНТРОВКИ ЗАГОЛОВКА (Исправлено для форума) ✨
   ==================================================== */
.ui.masthead .ui.grid { margin: 0 !important; }
.ui.masthead .ui.grid .row { padding: 0 !important; }
.ui.masthead h1, .masthead h1 { display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 auto 15px auto !important; text-align: center !important; transform: none !important; }
.ui.masthead p, .masthead p { margin: 0 auto !important; text-align: center !important; max-width: 800px !important; }

@media only screen and (max-width: 768px) {
    .ui.masthead p, .masthead p { font-size: 16px !important; line-height: 1.6 !important; max-width: 95% !important; }
    .ui.masthead h1, .masthead h1 { font-size: 38px !important; }
}

/* ====================================================
   📝 11. СТИЛИ ДЛЯ ФОРМ И ПОЛЕЙ ВВОДА (БЕЗ КАПСА) 📝
   ==================================================== */
.form-group label, .ui.form .field label { 
    text-transform: none !important; 
    color: #9ca3af !important; 
    font-weight: 800 !important; 
    font-size: 13px !important; 
    margin-bottom: 8px !important; 
    font-family: 'Montserrat', sans-serif !important;
}
.ui.form input[type="text"], .ui.form input[type="email"], .ui.form input[type="password"], .ui.form textarea, .ui.form select, .form-control { 
    background: rgba(0, 0, 0, 0.3) !important; 
    border: 1px solid rgba(255,255,255,0.05) !important; 
    color: #fff !important; 
    padding: 12px 18px !important; 
    border-radius: 10px !important; 
    font-family: 'Montserrat', sans-serif !important; 
    font-size: 14px !important; 
    transition: 0.3s !important; 
    width: 100% !important;
}
.ui.form input:focus, .ui.form textarea:focus, .form-control:focus { 
    border-color: #5865F2 !important; 
    background: rgba(0, 0, 0, 0.4) !important;
    box-shadow: none !important;
}

.settings-submit-btn, .ui.primary.button, .btn-primary { 
    background: linear-gradient(135deg, #5865F2 0%, #8b5cf6 100%) !important; 
    color: #fff !important; 
    border-radius: 10px !important; 
    padding: 14px 28px !important; 
    text-transform: uppercase !important; 
    font-weight: 900 !important; 
    font-size: 13px !important; 
    border: none !important; 
    transition: 0.2s !important; 
    cursor: pointer !important;
}
.settings-submit-btn:hover, .ui.primary.button:hover, .btn-primary:hover { 
    transform: translateY(-2px) !important; 
    box-shadow: 0 8px 25px rgba(88, 101, 242, 0.4) !important; 
    filter: brightness(1.1); 
}

/* ====================================================
   🎨 12. КАСТОМНЫЙ СКРОЛЛБАР И ЦВЕТ ВЫДЕЛЕНИЯ 🎨
   ==================================================== */
::selection { background: #5865F2; color: #ffffff; }
::-moz-selection { background: #5865F2; color: #ffffff; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #111214; }
::-webkit-scrollbar-thumb { background: #2B2D31; border-radius: 5px; border: 2px solid #111214; }
::-webkit-scrollbar-thumb:hover { background: #5865F2; }