/* ============================================================
   RGS — ТЁМНАЯ ТЕМА (data-theme="dark", .dark-theme)
   Подключать ПОСЛЕ style.css, profile.css, Like.css
   Единый источник токенов и переопределений для всего UI
   ============================================================ */

/* ---------- ДИЗАЙН-ТОКЕНЫ ---------- */
[data-theme="dark"],
.dark-theme {
    color-scheme: dark;

    /* Фоны */
    --bg-primary: #09090b;
    --bg-secondary: #131316;
    --block-bg: #1c1c21;
    --block-bg-secondary: #27272a;
    --block-hover-bg: #323238;
    --bg-hover: rgba(255, 255, 255, 0.06);
    --bg-active: rgba(255, 255, 255, 0.1);
    --glass-bg: rgba(24, 24, 27, 0.78);
    --input-bg: #111114;
    --code-bg: #0c0c0f;
    --toast-bg: #1e1e24;

    /* Текст */
    --text-primary: #fafafa;
    --text-secondary: #a1a1aa;
    --text-tertiary: #71717a;
    --text-inverse: #09090b;
    --toast-text: #fafafa;
    --code-text: #e4e4e7;

    /* Границы */
    --border-color: rgba(255, 255, 255, 0.08);
    --border-color-solid: #3f3f46;
    --input-border: #3f3f46;

    /* Акценты */
    --accent-primary: #3b82f6;
    --accent-secondary: #60a5fa;
    --accent-hover: #60a5fa;
    --accent-like: #f91880;
    --accent-repost: #00ba7c;
    --link-color: #60a5fa;
    --toggle-active-bg: #3b82f6;

    /* Кнопки */
    --btn-primary-bg: #3b82f6;
    --btn-primary-text: #ffffff;
    --btn-secondary-bg: #27272a;
    --btn-secondary-text: #fafafa;

    /* Тени и поверхности */
    --shadow-elevated: 0 8px 32px rgba(0, 0, 0, 0.45);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.4);
    --tab-active-bg: #323238;
    --settings-tab-active-bg: var(--bg-primary);

    /* Спецэффекты */
    --nav-gradient: linear-gradient(to bottom, transparent 0%, rgba(9, 9, 11, 0.35) 30%, rgba(9, 9, 11, 0.88) 100%);
    --volume-track-bg: rgba(255, 255, 255, 0.2);
    --poll-progress-color: rgba(255, 255, 255, 0.1);
    --poll-selected-progress-color: #fafafa;
    --poll-inverted-text: #09090b;
    --story-viewer-bg: #000000;
    --story-header-bg: linear-gradient(to bottom, rgba(0, 0, 0, 0.85), transparent);
    --modal-overlay: rgba(0, 0, 0, 0.82);
    --scrollbar-track: #131316;
    --scrollbar-thumb: #3f3f46;
    --error-color: #ef4444;
    --success-color: #22c55e;
}

/* ---------- ОСНОВНЫЕ ЭЛЕМЕНТЫ ---------- */
[data-theme="dark"] body,
.dark-theme body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="dark"] .sAbT .VwNT,
.dark-theme .sAbT .VwNT {
    color: var(--text-secondary);
}
[data-theme="dark"] .sAbT .VwNT:hover,
.dark-theme .sAbT .VwNT:hover {
    background: var(--block-hover-bg);
    color: var(--text-primary);
}

[data-theme="dark"] .sAbT .J8iq .A45D,
.dark-theme .sAbT .J8iq .A45D,
[data-theme="dark"] .A34B,
.dark-theme .A34B {
    opacity: 0.7;
    color: var(--text-secondary);
}
[data-theme="dark"] .sAbT .J8iq .A45D:hover,
.dark-theme .sAbT .J8iq .A45D:hover,
[data-theme="dark"] .A34B:hover,
.dark-theme .A34B:hover {
    background: var(--block-hover-bg);
    opacity: 1;
    color: var(--text-primary);
}
[data-theme="dark"] .sAbT .J8iq .A45D.q62g,
.dark-theme .sAbT .J8iq .A45D.q62g {
    background: var(--block-hover-bg);
    opacity: 1;
    color: var(--text-primary);
}
[data-theme="dark"] .omRp,
.dark-theme .omRp {
    color: var(--text-secondary);
}
[data-theme="dark"] .omOO a:hover,
.dark-theme .omOO a:hover {
    color: var(--text-primary);
}

/* ---------- ЛЕНТА ПОСТОВ ---------- */
[data-theme="dark"] .NLRq,
.dark-theme .NLRq {
    background: var(--block-bg);
    box-shadow: var(--shadow-sm);
}
[data-theme="dark"] .NLRq:hover,
.dark-theme .NLRq:hover {
    background: var(--block-hover-bg);
    border-color: var(--border-color-solid);
}

[data-theme="dark"] .wUNi,
.dark-theme .wUNi {
    color: var(--text-primary);
}
[data-theme="dark"] .ILpO,
.dark-theme .ILpO {
    color: var(--text-tertiary);
}
[data-theme="dark"] .GJWx,
.dark-theme .GJWx,
[data-theme="dark"] .q9Qo,
.dark-theme .q9Qo {
    color: var(--text-secondary);
    background: transparent;
}
[data-theme="dark"] .GJWx:hover,
.dark-theme .GJWx:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
}
[data-theme="dark"] .GJWx.Hkd0,
.dark-theme .GJWx.Hkd0 {
    color: var(--accent-like);
}
[data-theme="dark"] .GJWx.mqzz,
.dark-theme .GJWx.mqzz {
    color: var(--accent-repost);
}

/* Кнопка меню поста (три точки) */
[data-theme="dark"] .N7bG,
.dark-theme .N7bG {
    color: var(--text-secondary);
}
[data-theme="dark"] .N7bG:hover,
.dark-theme .N7bG:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
}

/* Форма создания поста */
[data-theme="dark"] .AQ4z,
.dark-theme .AQ4z {
    background: var(--block-bg);
    border: 1px solid var(--border-color);
}
[data-theme="dark"] .hK7L,
.dark-theme .hK7L {
    color: var(--text-primary);
    background: transparent;
}
[data-theme="dark"] .hK7L:empty:before,
.dark-theme .hK7L:empty:before,
[data-theme="dark"] .hK7L.PCh0:before,
.dark-theme .hK7L.PCh0:before {
    color: var(--text-tertiary);
}
[data-theme="dark"] .W9uB,
.dark-theme .W9uB {
    color: var(--text-secondary);
}
[data-theme="dark"] .W9uB:hover,
.dark-theme .W9uB:hover {
    background: var(--bg-hover);
    color: var(--accent-primary);
}
[data-theme="dark"] .XbzE.BF5f,
.dark-theme .XbzE.BF5f {
    background: var(--btn-primary-bg);
    color: var(--btn-primary-text);
}
[data-theme="dark"] .XbzE.BF5f:disabled,
.dark-theme .XbzE.BF5f:disabled {
    opacity: 0.5;
}

/* Вкладки ленты (десктоп) */
[data-theme="dark"] .bYHr,
.dark-theme .bYHr {
    background: var(--glass-bg);
    backdrop-filter: blur(16px);
    border: 1px solid var(--border-color);
}
[data-theme="dark"] .ZHR4,
.dark-theme .ZHR4 {
    color: var(--text-secondary);
}
[data-theme="dark"] .ZHR4.tMC6,
.dark-theme .ZHR4.tMC6 {
    color: var(--text-primary);
    background: var(--tab-active-bg);
}
[data-theme="dark"] .WDmG,
.dark-theme .WDmG {
    background: var(--tab-active-bg);
}

/* ---------- ПРОФИЛЬ ---------- */
[data-theme="dark"] .profile-full,
.dark-theme .profile-full {
    background: transparent;
}
[data-theme="dark"] .profile-banner,
.dark-theme .profile-banner {
    background: var(--block-bg);
}
[data-theme="dark"] .profile-avatar,
.dark-theme .profile-avatar {
    border-color: var(--bg-primary);
    background: var(--bg-primary);
}
[data-theme="dark"] .profile-name,
.dark-theme .profile-name {
    color: var(--text-primary);
}
[data-theme="dark"] .profile-username,
.dark-theme .profile-username {
    color: var(--text-secondary);
}
[data-theme="dark"] .profile-bio,
.dark-theme .profile-bio {
    color: var(--text-primary);
}
[data-theme="dark"] .profile-stats .stat-number,
.dark-theme .profile-stats .stat-number {
    color: var(--text-primary);
}
[data-theme="dark"] .profile-stats .stat-label,
.dark-theme .profile-stats .stat-label {
    color: var(--text-secondary);
}
[data-theme="dark"] .profile-joined,
.dark-theme .profile-joined {
    color: var(--text-secondary);
}
[data-theme="dark"] .profile-btn,
.dark-theme .profile-btn {
    background: var(--btn-secondary-bg);
    color: var(--btn-secondary-text);
}
[data-theme="dark"] .profile-glass-btn,
.dark-theme .profile-glass-btn {
    background: var(--glass-bg);
    color: var(--text-primary);
}
[data-theme="dark"] .profile-glass-btn:hover,
.dark-theme .profile-glass-btn:hover {
    background: var(--bg-hover);
}
[data-theme="dark"] .tabs-container,
.dark-theme .tabs-container {
    background: var(--glass-bg);
}
[data-theme="dark"] .tab-btn,
.dark-theme .tab-btn {
    color: var(--text-secondary);
}
[data-theme="dark"] .tab-btn.active,
.dark-theme .tab-btn.active {
    color: var(--text-primary);
}
[data-theme="dark"] .empty-state,
.dark-theme .empty-state {
    color: var(--text-tertiary);
}

/* Shimmer / скелетоны */
[data-theme="dark"] .shimmer,
[data-theme="dark"] .shimmer-post,
.dark-theme .shimmer,
.dark-theme .shimmer-post {
    background: linear-gradient(90deg, var(--block-bg) 25%, var(--block-hover-bg) 50%, var(--block-bg) 75%) !important;
    background-size: 200% 100% !important;
}
[data-theme="dark"] .shimmer-text,
[data-theme="dark"] .shimmer-avatar,
.dark-theme .shimmer-text,
.dark-theme .shimmer-avatar {
    background: rgba(255, 255, 255, 0.08) !important;
}

/* Модалки профиля */
[data-theme="dark"] .followers-modal-content,
.dark-theme .followers-modal-content {
    background: var(--block-bg);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}
[data-theme="dark"] .close-followers-modal,
.dark-theme .close-followers-modal {
    color: var(--text-secondary);
}
[data-theme="dark"] .modal-draw,
.dark-theme .modal-draw {
    background: var(--block-bg);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}
[data-theme="dark"] .modal-draw h3,
[data-theme="dark"] .draw-tools label,
.dark-theme .modal-draw h3,
.dark-theme .draw-tools label {
    color: var(--text-primary);
}
[data-theme="dark"] .draw-btn,
.dark-theme .draw-btn {
    background: var(--btn-secondary-bg);
    color: var(--text-primary);
}
[data-theme="dark"] .draw-btn.primary,
.dark-theme .draw-btn.primary {
    background: var(--btn-primary-bg);
    color: var(--btn-primary-text);
}
[data-theme="dark"] .post-media,
.dark-theme .post-media {
    background: var(--block-bg-secondary);
}
[data-theme="dark"] .stat-item:nth-child(2):hover,
[data-theme="dark"] .stat-item:nth-child(3):hover,
.dark-theme .stat-item:nth-child(2):hover,
.dark-theme .stat-item:nth-child(3):hover {
    background: var(--bg-hover);
}

/* Аватары постов */
[data-theme="dark"] .post-avatar-initial,
.dark-theme .post-avatar-initial {
    background: var(--block-bg-secondary);
    color: var(--text-primary);
}
[data-theme="dark"] .post-avatar-img,
.dark-theme .post-avatar-img {
    background: var(--block-bg-secondary);
}

/* ---------- ПОИСК ---------- */
[data-theme="dark"] .search-view .search-box,
.dark-theme .search-view .search-box {
    background: var(--block-bg);
    border-color: var(--border-color);
}
[data-theme="dark"] #global-search-input,
.dark-theme #global-search-input {
    color: var(--text-primary);
}
[data-theme="dark"] .search-icon,
.dark-theme .search-icon {
    color: var(--text-secondary);
}
[data-theme="dark"] .user-card,
.dark-theme .user-card {
    background: var(--block-bg);
    border-color: var(--border-color);
}
[data-theme="dark"] .user-card:hover,
.dark-theme .user-card:hover {
    background: var(--block-hover-bg);
}
[data-theme="dark"] .rgs-web-promo,
.dark-theme .rgs-web-promo {
    background: linear-gradient(145deg, #1c1c1f, #141417);
    border-color: var(--border-color);
}
[data-theme="dark"] .promo-rgs,
.dark-theme .promo-rgs {
    background: linear-gradient(135deg, #e0e0e0, #ffffff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
[data-theme="dark"] .promo-web,
.dark-theme .promo-web {
    background: linear-gradient(135deg, #4285F4, #EA4335, #FBBC05);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
[data-theme="dark"] .android-download-btn,
.dark-theme .android-download-btn {
    background: #2a2a2e;
    color: var(--text-primary);
    box-shadow: 0 6px 18px rgba(0,0,0,0.3);
}
[data-theme="dark"] .android-download-btn:hover,
.dark-theme .android-download-btn:hover {
    background: #3a3a3e;
}

/* ---------- УВЕДОМЛЕНИЯ (панель) ---------- */
[data-theme="dark"] .notifications-panel,
.dark-theme .notifications-panel {
    background: var(--bg-primary);
}
[data-theme="dark"] .notification-item,
.dark-theme .notification-item {
    box-shadow: var(--shadow-sm);
}
[data-theme="dark"] .notification-item:hover,
.dark-theme .notification-item:hover {
    background: var(--block-hover-bg);
}
[data-theme="dark"] .notification-username,
.dark-theme .notification-username {
    color: var(--text-primary);
}
[data-theme="dark"] .notification-action,
.dark-theme .notification-action,
[data-theme="dark"] .notification-message,
.dark-theme .notification-message {
    color: var(--text-secondary);
}
[data-theme="dark"] .notification-time,
.dark-theme .notification-time {
    color: var(--text-tertiary);
}
[data-theme="dark"] .subscribe-action-btn,
.dark-theme .subscribe-action-btn {
    background: #2a2a2e;
    color: var(--text-primary);
}
[data-theme="dark"] .subscribe-action-btn.unsubscribe,
.dark-theme .subscribe-action-btn.unsubscribe {
    background: transparent;
    border-color: var(--accent-like);
    color: var(--accent-like);
}

/* ---------- ТОСТЫ ---------- */
[data-theme="dark"] .toast-notification,
.dark-theme .toast-notification {
    background: var(--toast-bg);
    color: var(--toast-text);
    border: 1px solid var(--border-color);
}
[data-theme="dark"] .toast-text,
.dark-theme .toast-text {
    color: var(--text-secondary);
}
[data-theme="dark"] .toast-close,
.dark-theme .toast-close {
    color: var(--text-tertiary);
}
[data-theme="dark"] .toast-close:hover,
.dark-theme .toast-close:hover {
    color: var(--text-primary);
}

/* ---------- МЕССЕНДЖЕР (общие стили для модалки) ---------- */
/* Основные переменные уже в messenger.js, но добавим переопределение для консистентности */
[data-theme="dark"] .messenger-modal-overlay,
.dark-theme .messenger-modal-overlay {
    background: rgba(0, 0, 0, 0.85);
}
[data-theme="dark"] .messenger-container,
.dark-theme .messenger-container {
    --msg-bg: #09090b;
    --msg-surface: #1c1c21;
    --msg-border: #3f3f46;
    --msg-text: #fafafa;
    --msg-text-2: #a1a1aa;
    --msg-accent: #3b82f6;
    --msg-accent-hover: #60a5fa;
    --msg-chat-bg: #131316;
    --msg-in: #27272a;
    --msg-out: #3b82f6;
    --msg-out-text: #fff;
}
[data-theme="dark"] .messenger-container .conv-item:hover,
.dark-theme .messenger-container .conv-item:hover,
[data-theme="dark"] .messenger-container .conv-item.active,
.dark-theme .messenger-container .conv-item.active {
    background: var(--msg-surface);
}
[data-theme="dark"] .messenger-container .message-input,
.dark-theme .messenger-container .message-input {
    background: var(--msg-surface);
    color: var(--msg-text);
}
[data-theme="dark"] .messenger-container .message-input:focus,
.dark-theme .messenger-container .message-input:focus {
    background: var(--msg-bg);
}
[data-theme="dark"] .messenger-container .date-divider span,
.dark-theme .messenger-container .date-divider span {
    background: rgba(255, 255, 255, 0.12);
    color: var(--msg-text-2);
}

/* ---------- ИСТОРИИ (stories.js) ---------- */
[data-theme="dark"] .story-avatar,
.dark-theme .story-avatar {
    background-color: #2c2c30;
    color: var(--text-primary);
}
[data-theme="dark"] .story-username,
.dark-theme .story-username {
    color: var(--text-secondary);
}
[data-theme="dark"] .story-viewer-root,
.dark-theme .story-viewer-root {
    background: rgba(0, 0, 0, 0.95);
}
[data-theme="dark"] .story-header,
.dark-theme .story-header {
    background: var(--story-header-bg);
}
[data-theme="dark"] .story-viewer-container,
.dark-theme .story-viewer-container {
    background: #000;
}
[data-theme="dark"] .like-btn,
[data-theme="dark"] .sound-btn,
.dark-theme .like-btn,
.dark-theme .sound-btn {
    background: rgba(0, 0, 0, 0.6);
    border-color: rgba(255, 255, 255, 0.2);
}

/* ---------- МОДАЛЬНЫЕ ОКНА (редактирование поста, попапы) ---------- */
[data-theme="dark"] .edit-modal-overlay,
.dark-theme .edit-modal-overlay {
    background: rgba(0, 0, 0, 0.8);
}
[data-theme="dark"] .edit-modal,
.dark-theme .edit-modal {
    background: var(--block-bg);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}
[data-theme="dark"] .edit-modal textarea,
.dark-theme .edit-modal textarea,
[data-theme="dark"] .edit-modal input,
.dark-theme .edit-modal input {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}
[data-theme="dark"] .edit-modal button,
.dark-theme .edit-modal button {
    background: var(--btn-secondary-bg);
    color: var(--btn-secondary-text);
}
[data-theme="dark"] .edit-modal .btn-primary,
.dark-theme .edit-modal .btn-primary {
    background: var(--btn-primary-bg);
    color: var(--btn-primary-text);
}
[data-theme="dark"] .poput-menu,
.dark-theme .poput-menu {
    background: var(--block-bg);
    border-color: var(--border-color);
    color: var(--text-primary);
    backdrop-filter: blur(12px);
}
[data-theme="dark"] .poput-menu button,
.dark-theme .poput-menu button {
    color: var(--text-primary);
}
[data-theme="dark"] .poput-menu button:hover,
.dark-theme .poput-menu button:hover {
    background: var(--bg-hover);
}
[data-theme="dark"] .poput-menu .danger,
.dark-theme .poput-menu .danger {
    color: var(--accent-like);
}
[data-theme="dark"] .poput-menu .danger:hover,
[data-theme="dark"] .popup-menu .danger:hover,
.dark-theme .poput-menu .danger:hover,
.dark-theme .popup-menu .danger:hover {
    background: rgba(239, 68, 68, 0.15);
}

/* ---------- ЭМОДЗИ ПАНЕЛЬ ---------- */
[data-theme="dark"] .emoji-panel-glass,
.dark-theme .emoji-panel-glass {
    background: rgba(20, 20, 24, 0.9);
    backdrop-filter: blur(32px);
    border: 1px solid var(--border-color);
}
[data-theme="dark"] .emoji-search-input,
.dark-theme .emoji-search-input {
    background: rgba(255,255,255,0.1);
    color: var(--text-primary);
}
[data-theme="dark"] .emoji-category-header,
.dark-theme .emoji-category-header {
    background: rgba(255,255,255,0.08);
    color: var(--text-secondary);
}
[data-theme="dark"] .emoji-item,
.dark-theme .emoji-item {
    background: rgba(255,255,255,0.08);
}
[data-theme="dark"] .emoji-item:hover,
.dark-theme .emoji-item:hover {
    background: rgba(255,255,255,0.2);
}
[data-theme="dark"] .emoji-tab,
.dark-theme .emoji-tab {
    background: rgba(255,255,255,0.1);
    color: var(--text-secondary);
}
[data-theme="dark"] .emoji-tab.active,
.dark-theme .emoji-tab.active {
    background: rgba(255,255,255,0.25);
    color: var(--text-primary);
}

/* ---------- КОММЕНТАРИИ (десктопная панель) ---------- */
[data-theme="dark"] .post-comments-inline,
.dark-theme .post-comments-inline {
    background: transparent;
    border-top-color: var(--border-color);
}
[data-theme="dark"] .comment-item,
.dark-theme .comment-item {
    background: var(--block-bg-secondary);
    border-color: transparent;
}
[data-theme="dark"] .comment-item:hover,
.dark-theme .comment-item:hover {
    background: var(--block-hover-bg);
    border-color: var(--border-color);
}
[data-theme="dark"] .comment-author,
.dark-theme .comment-author {
    color: var(--text-primary);
}
[data-theme="dark"] .comment-time,
.dark-theme .comment-time {
    color: var(--text-tertiary);
}
[data-theme="dark"] .comment-text,
.dark-theme .comment-text {
    color: var(--text-secondary);
}
[data-theme="dark"] .reply-indicator,
.dark-theme .reply-indicator {
    background: var(--bg-hover);
    color: var(--text-secondary);
}
[data-theme="dark"] .reply-indicator span,
.dark-theme .reply-indicator span {
    color: var(--text-primary);
}
[data-theme="dark"] .input-area,
.dark-theme .input-area {
    background: var(--block-bg);
    border-color: var(--border-color);
}
[data-theme="dark"] .comment-textarea,
.dark-theme .comment-textarea {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}
[data-theme="dark"] .submit-btn,
.dark-theme .submit-btn {
    background: var(--btn-primary-bg);
    color: white;
}

/* ---------- БОКОВАЯ ПАНЕЛЬ (мобильная) ---------- */
[data-theme="dark"] .bottom-nav,
.dark-theme .bottom-nav {
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(24px);
    border: 1px solid var(--border-color);
}
[data-theme="dark"] .bottom-nav a,
.dark-theme .bottom-nav a {
    color: var(--text-secondary);
}
[data-theme="dark"] .bottom-nav a.active,
.dark-theme .bottom-nav a.active {
    color: var(--text-primary);
}
[data-theme="dark"] .bottom-nav a.active::before,
.dark-theme .bottom-nav a.active::before {
    background: var(--accent-primary);
}
[data-theme="dark"] .top-nav-mobile,
.dark-theme .top-nav-mobile {
    background: rgba(0, 0, 0, 0.6);
    border-color: var(--border-color);
}
[data-theme="dark"] .top-nav-mobile .ZHR4,
.dark-theme .top-nav-mobile .ZHR4 {
    color: var(--text-secondary);
}
[data-theme="dark"] .top-nav-mobile .ZHR4.tMC6,
.dark-theme .top-nav-mobile .ZHR4.tMC6 {
    color: var(--text-primary);
}
[data-theme="dark"] .create-post-fab,
.dark-theme .create-post-fab {
    background: var(--accent-primary);
    box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}
[data-theme="dark"] .mobile-post-panel,
.dark-theme .mobile-post-panel {
    background: rgba(28, 28, 31, 0.95);
    backdrop-filter: blur(40px);
    border-top: 1px solid var(--border-color);
}
[data-theme="dark"] .panel-avatar,
.dark-theme .panel-avatar {
    background: linear-gradient(135deg, #2c2c30, #1c1c1f);
    color: var(--text-secondary);
}
[data-theme="dark"] .panel-header-name,
.dark-theme .panel-header-name {
    color: var(--text-primary);
}
[data-theme="dark"] .panel-close-btn,
.dark-theme .panel-close-btn {
    background: rgba(255,255,255,0.1);
    color: var(--text-secondary);
}
[data-theme="dark"] .mobile-post-panel .panel-body[contenteditable="true"],
.dark-theme .mobile-post-panel .panel-body[contenteditable="true"] {
    color: var(--text-primary);
}
[data-theme="dark"] .mobile-post-panel .panel-footer,
.dark-theme .mobile-post-panel .panel-footer {
    border-top-color: var(--border-color);
}
[data-theme="dark"] .attach-media-btn,
.dark-theme .attach-media-btn {
    background: rgba(255,255,255,0.1);
    color: var(--text-primary);
}
[data-theme="dark"] .comments-bottom-sheet,
.dark-theme .comments-bottom-sheet {
    background: var(--block-bg);
    border-top: 1px solid var(--border-color);
}
[data-theme="dark"] .comments-sheet-header,
.dark-theme .comments-sheet-header {
    background: var(--block-bg);
    border-bottom-color: var(--border-color);
}
[data-theme="dark"] .comments-sheet-title,
.dark-theme .comments-sheet-title {
    color: var(--text-primary);
}
[data-theme="dark"] .comments-textarea,
.dark-theme .comments-textarea {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}
[data-theme="dark"] .comment-item-mobile,
.dark-theme .comment-item-mobile {
    background: var(--block-bg-secondary);
}
[data-theme="dark"] .comment-item-mobile:hover,
.dark-theme .comment-item-mobile:hover {
    background: var(--block-hover-bg);
}

/* ---------- МЕДИА-КОНТЕНТ (галерея, видео) ---------- */
[data-theme="dark"] .image-gallery,
.dark-theme .image-gallery {
    background: var(--block-bg);
}
[data-theme="dark"] .image-gallery img,
.dark-theme .image-gallery img {
    background: #0a0a0c;
}
[data-theme="dark"] .video-wrapper,
.dark-theme .video-wrapper {
    background: #000;
}
[data-theme="dark"] .post-video,
.dark-theme .post-video {
    background: #000;
}
[data-theme="dark"] .sound-toggle,
.dark-theme .sound-toggle {
    background: rgba(0,0,0,0.7);
}
[data-theme="dark"] .lightbox-overlay,
.dark-theme .lightbox-overlay {
    background: rgba(0, 0, 0, 0.96);
}

/* ---------- ПОЛОСЫ ПРОКРУТКИ ---------- */
[data-theme="dark"] ::-webkit-scrollbar-track,
.dark-theme ::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
}
[data-theme="dark"] ::-webkit-scrollbar-thumb,
.dark-theme ::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover,
.dark-theme ::-webkit-scrollbar-thumb:hover {
    background: #4a4a50;
}

/* ---------- ФОРМЫ, ИНПУТЫ, КНОПКИ ---------- */
[data-theme="dark"] input, .dark-theme input,
[data-theme="dark"] textarea, .dark-theme textarea,
[data-theme="dark"] select, .dark-theme select {
    background-color: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}
[data-theme="dark"] input:focus, .dark-theme input:focus,
[data-theme="dark"] textarea:focus, .dark-theme textarea:focus,
[data-theme="dark"] select:focus, .dark-theme select:focus {
    border-color: var(--accent-primary);
    outline: none;
}
[data-theme="dark"] button:not(.emoji-item):not(.emoji-tab):not(.ZHR4):not(.tab-btn):not(.sort-btn):not(.action-btn):not(.local-tab-btn):not(.clan-btn):not(.GJWx):not(.q9Qo):not(.N7bG):not(.W9uB):not(.modal-close-btn):not(.VwNT):not(.A45D):not(.A34B):not(.profile-glass-btn):not(.profile-icon-btn):not(.icon-btn):not(.file-attach-btn):not(.sidebar-close-btn):not(.theme-segmented-option):not(.category-item),
.dark-theme button:not(.emoji-item):not(.emoji-tab):not(.ZHR4):not(.tab-btn):not(.sort-btn):not(.action-btn):not(.local-tab-btn):not(.clan-btn):not(.GJWx):not(.q9Qo):not(.N7bG):not(.W9uB):not(.modal-close-btn):not(.VwNT):not(.A45D):not(.A34B):not(.profile-glass-btn):not(.profile-icon-btn):not(.icon-btn):not(.file-attach-btn):not(.sidebar-close-btn):not(.theme-segmented-option):not(.category-item) {
    color: var(--btn-secondary-text);
}
[data-theme="dark"] button:hover:not(:disabled),
.dark-theme button:hover:not(:disabled) {
    filter: brightness(1.1);
}
[data-theme="dark"] .btn-primary, .dark-theme .btn-primary,
[data-theme="dark"] .profile-btn-primary, .dark-theme .profile-btn-primary {
    background: var(--btn-primary-bg);
    color: var(--btn-primary-text);
}

/* ---------- ХЭШТЕГИ, ССЫЛКИ ---------- */
[data-theme="dark"] .hashtag,
.dark-theme .hashtag {
    color: var(--accent-primary);
    background: rgba(59,130,246,0.15);
    border-radius: 12px;
    padding: 0 4px;
}
[data-theme="dark"] .post-link,
.dark-theme .post-link {
    color: var(--link-color);
}
[data-theme="dark"] .post-link:hover,
.dark-theme .post-link:hover {
    color: #93c5fd;
}
[data-theme="dark"] .youtube-channel-link,
.dark-theme .youtube-channel-link {
    background: #cc0000;
}

/* ---------- АДМИНКА ---------- */
[data-theme="dark"] .admin-panel, .dark-theme .admin-panel,
[data-theme="dark"] .sidebar, .dark-theme .sidebar {
    background: #0f172a;
    color: #e2e8f0;
}
[data-theme="dark"] .stat-card, .dark-theme .stat-card {
    background: #1e293b;
}
[data-theme="dark"] .table-wrapper, .dark-theme .table-wrapper {
    background: #1e293b;
}
[data-theme="dark"] th, .dark-theme th {
    background: #0f172a;
}
[data-theme="dark"] td, .dark-theme td {
    border-bottom-color: #334155;
}
[data-theme="dark"] .action-btn, .dark-theme .action-btn {
    background: #3b82f6;
}
[data-theme="dark"] .action-btn.danger, .dark-theme .action-btn.danger {
    background: #ef4444;
}
[data-theme="dark"] .modal-content, .dark-theme .modal-content {
    background: #1e293b;
    color: #e2e8f0;
}

/* ---------- КЛАНЫ ---------- */
[data-theme="dark"] #clan-modal-root .clan-modal-container,
.dark-theme #clan-modal-root .clan-modal-container {
    background: var(--block-bg);
}
[data-theme="dark"] #clan-modal-root .clan-modal-header,
.dark-theme #clan-modal-root .clan-modal-header {
    background: var(--block-bg);
    border-bottom-color: var(--border-color);
}
[data-theme="dark"] #clan-modal-root .clan-modal-tabs,
.dark-theme #clan-modal-root .clan-modal-tabs {
    background: var(--block-bg);
    border-bottom-color: var(--border-color);
}
[data-theme="dark"] #clan-modal-root .tab-btn,
.dark-theme #clan-modal-root .tab-btn {
    color: var(--text-secondary);
}
[data-theme="dark"] #clan-modal-root .tab-btn.active,
.dark-theme #clan-modal-root .tab-btn.active {
    background: var(--accent-primary);
    color: white;
}
[data-theme="dark"] #clan-modal-root .clan-card,
.dark-theme #clan-modal-root .clan-card {
    background: var(--block-bg-secondary);
    border-color: var(--border-color);
}
[data-theme="dark"] #clan-modal-root .clan-card:hover,
.dark-theme #clan-modal-root .clan-card:hover {
    background: var(--block-hover-bg);
}
[data-theme="dark"] #clan-modal-root .clan-card-name,
.dark-theme #clan-modal-root .clan-card-name {
    color: var(--text-primary);
}
[data-theme="dark"] #clan-modal-root .clan-card-stats,
.dark-theme #clan-modal-root .clan-card-stats,
[data-theme="dark"] #clan-modal-root .clan-card-desc,
.dark-theme #clan-modal-root .clan-card-desc {
    color: var(--text-secondary);
}
[data-theme="dark"] #clan-modal-root .sort-btn,
.dark-theme #clan-modal-root .sort-btn {
    background: var(--block-bg);
    border-color: var(--border-color);
    color: var(--text-secondary);
}
[data-theme="dark"] #clan-modal-root .sort-btn.active,
.dark-theme #clan-modal-root .sort-btn.active {
    background: var(--accent-primary);
    color: white;
}
[data-theme="dark"] #clan-modal-root .member-card,
.dark-theme #clan-modal-root .member-card {
    background: var(--block-bg-secondary);
}
[data-theme="dark"] #clan-modal-root .event-card,
.dark-theme #clan-modal-root .event-card {
    background: var(--block-bg-secondary);
    border-color: var(--border-color);
}
[data-theme="dark"] #clan-modal-root .management-section,
.dark-theme #clan-modal-root .management-section {
    background: var(--block-bg-secondary);
}
[data-theme="dark"] #clan-modal-root .member-row,
.dark-theme #clan-modal-root .member-row {
    border-bottom-color: var(--border-color);
}
[data-theme="dark"] #clan-modal-root .invite-item,
.dark-theme #clan-modal-root .invite-item {
    background: var(--block-bg);
}

/* ---------- ИВЕНТЫ (vibe_zona.html) ---------- */
[data-theme="dark"] .card,
.dark-theme .card {
    background: var(--block-bg);
    border-color: var(--border-color);
}
[data-theme="dark"] .card-header,
.dark-theme .card-header {
    background: var(--block-bg-secondary);
    border-bottom-color: var(--border-color);
}
[data-theme="dark"] .post-content,
.dark-theme .post-content {
    color: var(--text-primary);
}
[data-theme="dark"] .badge,
.dark-theme .badge {
    background: var(--bg-hover);
    color: var(--text-secondary);
}
[data-theme="dark"] .modal-card,
.dark-theme .modal-card {
    background: var(--block-bg);
    color: var(--text-primary);
}

/* ---------- ОБЩИЕ АНИМАЦИИ, СВЕЧЕНИЯ ---------- */
[data-theme="dark"] .verified-username,
.dark-theme .verified-username {
    background: linear-gradient(270deg, #4fc3f7, #e0f7fa);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
[data-theme="dark"] .verified-badge svg,
.dark-theme .verified-badge svg {
    filter: drop-shadow(0 0 3px rgba(0,128,255,0.6));
}
[data-theme="dark"] .spinner-circle,
.dark-theme .spinner-circle {
    stroke: var(--accent-primary);
}
[data-theme="dark"] .flash-highlight,
.dark-theme .flash-highlight {
    animation: flash-highlight-dark 0.8s ease-out;
}
@keyframes flash-highlight-dark {
    0% { background-color: #ffffff1f; }
    100% { background-color: transparent; }
}

/* ---------- МЕЛКИЕ ДЕТАЛИ ---------- */
[data-theme="dark"] .separator,
.dark-theme .separator,
[data-theme="dark"] .divider,
.dark-theme .divider {
    background-color: var(--border-color);
}
[data-theme="dark"] .icon-text,
.dark-theme .icon-text {
    color: var(--text-secondary);
}
[data-theme="dark"] .clan-badge,
.dark-theme .clan-badge {
    background: var(--bg-hover);
    color: var(--text-secondary);
}
[data-theme="dark"] .toast-message,
.dark-theme .toast-message {
    background: var(--toast-bg);
    color: var(--toast-text);
}
[data-theme="dark"] .online-dot,
.dark-theme .online-dot {
    background: #22c55e;
    border-color: var(--block-bg);
}
[data-theme="dark"] .profile-avatar.online,
.dark-theme .profile-avatar.online {
    border-color: #22c55e;
}
[data-theme="dark"] .search-avatar-img.online,
.dark-theme .search-avatar-img.online,
[data-theme="dark"] .search-avatar-initial.online,
.dark-theme .search-avatar-initial.online {
    border-color: #22c55e;
}
[data-theme="dark"] .read-more-btn,
.dark-theme .read-more-btn {
    color: var(--accent-primary);
}
[data-theme="dark"] .read-more-btn:hover,
.dark-theme .read-more-btn:hover {
    color: var(--accent-hover);
}
[data-theme="dark"] .post-content-collapsed::after,
.dark-theme .post-content-collapsed::after {
    background: linear-gradient(to bottom, transparent, var(--bg-primary));
}
[data-theme="dark"] .attachment-item,
.dark-theme .attachment-item {
    background: var(--input-bg);
}
[data-theme="dark"] .progress-circle,
.dark-theme .progress-circle {
    border-color: rgba(255,255,255,0.3);
    border-top-color: var(--accent-primary);
}
[data-theme="dark"] .remove-attach,
.dark-theme .remove-attach {
    background: rgba(0,0,0,0.7);
    color: white;
}
[data-theme="dark"] .video-progress,
.dark-theme .video-progress {
    background: rgba(255,255,255,0.2);
}
[data-theme="dark"] .video-progress-filled,
.dark-theme .video-progress-filled {
    background: #ffffff;
}
[data-theme="dark"] .external-link-modal-overlay,
.dark-theme .external-link-modal-overlay {
    background: rgba(0,0,0,0.85);
}
[data-theme="dark"] .external-link-modal-overlay .modal,
.dark-theme .external-link-modal-overlay .modal {
    background: var(--block-bg);
    color: var(--text-primary);
}

/* ---------- API СТРАНИЦА (developers.html) ---------- */
[data-theme="dark"] .api-card,
.dark-theme .api-card,
[data-theme="dark"] .key-card,
.dark-theme .key-card {
    background: var(--block-bg);
    border-color: var(--border-color);
}
[data-theme="dark"] .code-block,
.dark-theme .code-block {
    background: var(--code-bg);
    color: var(--code-text);
}
[data-theme="dark"] .api-endpoint,
.dark-theme .api-endpoint {
    background: var(--bg-hover);
}

/* ---------- НАСТРОЙКИ (settings.js) ---------- */
[data-theme="dark"] .settings-modal-overlay,
.dark-theme .settings-modal-overlay {
    background: var(--modal-overlay);
}
[data-theme="dark"] .settings-modal,
.dark-theme .settings-modal {
    background: var(--block-bg);
    color: var(--text-primary);
    box-shadow: var(--shadow-elevated);
}
[data-theme="dark"] .settings-modal-header,
.dark-theme .settings-modal-header {
    border-bottom-color: var(--border-color);
}
[data-theme="dark"] .settings-modal-header h2,
.dark-theme .settings-modal-header h2 {
    color: var(--text-primary);
}
[data-theme="dark"] .modal-close-btn,
.dark-theme .modal-close-btn {
    color: var(--text-secondary);
    background: transparent;
}
[data-theme="dark"] .modal-close-btn:hover,
.dark-theme .modal-close-btn:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
}
[data-theme="dark"] .settings-categories,
.dark-theme .settings-categories {
    background: var(--bg-secondary);
    border-right-color: var(--border-color);
}
[data-theme="dark"] .category-item,
.dark-theme .category-item {
    color: var(--text-secondary);
    background: transparent;
}
[data-theme="dark"] .category-item:hover,
.dark-theme .category-item:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
}
[data-theme="dark"] .category-item.active,
.dark-theme .category-item.active {
    background: var(--accent-primary);
    color: #fff;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.35);
}
[data-theme="dark"] .settings-panel,
.dark-theme .settings-panel {
    background: var(--block-bg);
}
[data-theme="dark"] .settings-panel::-webkit-scrollbar-thumb,
.dark-theme .settings-panel::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
}
[data-theme="dark"] .settings-card,
.dark-theme .settings-card {
    background: var(--block-bg-secondary);
    border-color: var(--border-color);
}
[data-theme="dark"] .settings-card:hover,
.dark-theme .settings-card:hover {
    box-shadow: var(--shadow-sm);
}
[data-theme="dark"] .settings-field-label,
.dark-theme .settings-field-label {
    color: var(--text-primary);
}
[data-theme="dark"] .settings-field-sub,
.dark-theme .settings-field-sub {
    color: var(--text-secondary);
}
[data-theme="dark"] .settings-input,
[data-theme="dark"] .settings-textarea,
.dark-theme .settings-input,
.dark-theme .settings-textarea {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}
[data-theme="dark"] .settings-input:focus,
[data-theme="dark"] .settings-textarea:focus,
.dark-theme .settings-input:focus,
.dark-theme .settings-textarea:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}
[data-theme="dark"] .readonly-value,
.dark-theme .readonly-value {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-secondary);
}
[data-theme="dark"] .settings-divider,
.dark-theme .settings-divider {
    background: var(--border-color);
}
[data-theme="dark"] .settings-error,
.dark-theme .settings-error {
    color: #f87171;
}
[data-theme="dark"] .theme-segmented,
.dark-theme .theme-segmented {
    background: var(--input-bg);
}
[data-theme="dark"] .theme-segmented-option,
.dark-theme .theme-segmented-option {
    color: var(--text-secondary);
    background: transparent;
}
[data-theme="dark"] .theme-segmented-option.active,
.dark-theme .theme-segmented-option.active {
    background: var(--accent-primary);
    color: #fff;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.35);
}
[data-theme="dark"] .settings-switch .slider,
.dark-theme .settings-switch .slider {
    background-color: var(--border-color-solid);
}
[data-theme="dark"] .settings-switch input:checked + .slider,
.dark-theme .settings-switch input:checked + .slider {
    background-color: var(--accent-primary);
}
[data-theme="dark"] .settings-switch input:checked + .slider:before,
.dark-theme .settings-switch input:checked + .slider:before {
    background-color: #fff;
}
[data-theme="dark"] .notifications-text,
.dark-theme .notifications-text {
    color: var(--text-primary);
}
[data-theme="dark"] .settings-modal-footer,
.dark-theme .settings-modal-footer {
    border-top-color: var(--border-color);
    background: var(--bg-secondary);
}
[data-theme="dark"] .settings-btn.primary,
.dark-theme .settings-btn.primary {
    background: var(--btn-primary-bg);
    color: var(--btn-primary-text);
    box-shadow: 0 4px 14px rgba(59, 130, 246, 0.35);
}
[data-theme="dark"] .settings-btn.primary:hover,
.dark-theme .settings-btn.primary:hover {
    background: var(--accent-hover);
    box-shadow: 0 6px 18px rgba(59, 130, 246, 0.45);
}
[data-theme="dark"] .settings-btn.secondary,
.dark-theme .settings-btn.secondary {
    background: transparent;
    border-color: var(--border-color-solid);
    color: var(--text-secondary);
}
[data-theme="dark"] .settings-btn.secondary:hover,
.dark-theme .settings-btn.secondary:hover {
    background: var(--bg-hover);
    border-color: var(--text-secondary);
    color: var(--text-primary);
}
[data-theme="dark"] .avatar-preview,
.dark-theme .avatar-preview {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-secondary);
}
[data-theme="dark"] .avatar-preview:hover,
.dark-theme .avatar-preview:hover {
    border-color: var(--accent-primary);
}
[data-theme="dark"] .avatar-upload-btn,
.dark-theme .avatar-upload-btn {
    border-color: var(--border-color-solid);
    color: var(--text-secondary);
    background: transparent;
}
[data-theme="dark"] .avatar-upload-btn:hover,
.dark-theme .avatar-upload-btn:hover {
    border-color: var(--accent-primary);
    color: var(--text-primary);
    background: var(--bg-hover);
}
[data-theme="dark"] .login-entry,
.dark-theme .login-entry {
    border-bottom-color: var(--border-color);
}
[data-theme="dark"] .login-date,
.dark-theme .login-date {
    color: var(--text-primary);
}
[data-theme="dark"] .login-ip,
[data-theme="dark"] .login-ua,
.dark-theme .login-ip,
.dark-theme .login-ua {
    color: var(--text-secondary);
}
[data-theme="dark"] .login-details,
.dark-theme .login-details {
    color: var(--text-secondary);
}

/* ---------- СТРАНИЦА ВХОДА (auth.html) ---------- */
[data-theme="dark"] .auth-card,
.dark-theme .auth-card {
    background: var(--block-bg);
    border-color: var(--border-color);
    box-shadow: var(--shadow-md);
}
[data-theme="dark"] .brand h1,
.dark-theme .brand h1,
[data-theme="dark"] .form-header h2,
.dark-theme .form-header h2 {
    color: var(--text-primary);
}
[data-theme="dark"] .brand p,
.dark-theme .brand p,
[data-theme="dark"] .form-header p,
.dark-theme .form-header p {
    color: var(--text-secondary);
}
[data-theme="dark"] .input-group label,
.dark-theme .input-group label {
    color: var(--text-secondary);
}
[data-theme="dark"] .input-field input,
.dark-theme .input-field input {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}
[data-theme="dark"] .input-field input:focus,
.dark-theme .input-field input:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px rgba(59,130,246,0.2);
}
[data-theme="dark"] .info-icon,
.dark-theme .info-icon {
    background: var(--bg-hover);
    color: var(--text-secondary);
}
[data-theme="dark"] .info-icon:hover,
.dark-theme .info-icon:hover {
    background: var(--bg-active);
    color: var(--text-primary);
}
[data-theme="dark"] .action-btn,
.dark-theme .action-btn {
    background: var(--btn-primary-bg);
    color: var(--btn-primary-text);
}
[data-theme="dark"] .action-btn:hover,
.dark-theme .action-btn:hover {
    background: var(--accent-hover);
}
[data-theme="dark"] .toggle-auth span,
.dark-theme .toggle-auth span {
    color: var(--text-secondary);
}
[data-theme="dark"] .toggle-auth span:hover,
.dark-theme .toggle-auth span:hover {
    color: var(--text-primary);
}
[data-theme="dark"] .custom-tooltip,
.dark-theme .custom-tooltip {
    background: #1c1c1f;
    color: #e0e0e0;
    border-color: #2a2a2e;
}
[data-theme="dark"] .message.error,
.dark-theme .message.error {
    background: rgba(239,68,68,0.2);
    color: #f87171;
    border-left-color: #ef4444;
}
[data-theme="dark"] .message.success,
.dark-theme .message.success {
    background: rgba(34,197,94,0.2);
    color: #4ade80;
    border-left-color: #22c55e;
}

/* ---------- ЗАГРУЗОЧНЫЙ ЭКРАН ---------- */
[data-theme="dark"] #rgs-splash-static,
.dark-theme #rgs-splash-static {
    background: var(--bg-primary);
}
[data-theme="dark"] .splash-rgs-text,
.dark-theme .splash-rgs-text {
    color: var(--text-primary);
}
[data-theme="dark"] #rgs-splash-static svg circle,
.dark-theme #rgs-splash-static svg circle {
    stroke: var(--accent-primary);
}

/* ---------- PULL-TO-REFRESH ---------- */
[data-theme="dark"] #rgs-pull-logo,
.dark-theme #rgs-pull-logo {
    color: var(--text-secondary);
}
[data-theme="dark"] #rgs-refresh-overlay,
.dark-theme #rgs-refresh-overlay {
    background: rgba(0,0,0,0.85);
}

/* ---------- PWA-РЕЖИМ ---------- */
[data-theme="dark"] body.pwa-mode .bottom-nav,
.dark-theme body.pwa-mode .bottom-nav {
    background: rgba(0, 0, 0, 0.55) !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}
[data-theme="dark"] body.pwa-mode .create-post-fab,
.dark-theme body.pwa-mode .create-post-fab {
    background: rgba(0, 0, 0, 0.55) !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}

/* ---------- ДОПОЛНИТЕЛЬНЫЕ КЛАССЫ ДЛЯ МОБИЛЬНОЙ ТЕМЫ ---------- */
@media (max-width: 1174px) {
    [data-theme="dark"] .mobile-overlay,
    .dark-theme .mobile-overlay {
        background: rgba(0,0,0,0.7);
    }
    [data-theme="dark"] .mobile-post-panel .panel-body[contenteditable="true"],
    .dark-theme .mobile-post-panel .panel-body[contenteditable="true"] {
        background: transparent;
    }
}