/* ═══════════════════════════════════════════════════════
   СВЕТЛАЯ ТЕМА (29.09)
   Включается ТОЛЬКО кнопкой ☀/☾ в шапке лобби или комнаты и запоминается
   на этом устройстве (localStorage 'varyag.theme', ставит theme-init.js
   до отрисовки). По умолчанию — тёмная; настройку системы не читаем:
   ночью яркий экран сам включаться не должен.
   Все правила ниже — под html[data-theme="light"], тёмную тему не трогают.
   Видео-зона (сетка, плитки, развёрнутая плитка) остаётся тёмной: для неё
   ниже возвращены тёмные значения переменных.
   ═══════════════════════════════════════════════════════ */

/* Кнопка темы — в обеих темах: ☀ в тёмной (включить светлую), ☾ в светлой */
.theme-btn{font-size:15px;padding:4px 10px;line-height:1}
.theme-btn .ti-moon{display:none}
html[data-theme="light"] .theme-btn .ti-sun{display:none}
html[data-theme="light"] .theme-btn .ti-moon{display:inline}
@media (max-width:860px){ .room-topbar [data-action="toggleTheme"]{order:7} }

html[data-theme="light"]{
  color-scheme:light;
  --bg:#eef0f4;--bg2:#f6f7f9;--bg3:#e6e9ef;--surface:#ffffff;--surface2:#f1f3f6;
  --border:#d6dae3;--border2:#c3c9d6;--red:#d62839;--red-dim:#a51d2b;
  --amber:#a86300;--green:#15803d;--blue:#1d5fd1;--cyan:#0b7285;
  --text:#141821;--text1:#141821;--text2:#465066;--text3:#6f7890;
  --text-strong:#141821;
}
html[data-theme="light"],html[data-theme="light"] body{
  background:#eef0f4 linear-gradient(160deg,#f4f5f8 0%,#e8ebf1 100%) fixed;color:var(--text)
}

/* Видео-зона — тёмная и в светлой теме */
html[data-theme="light"] .streams-area{
  --bg:#0a0b0d;--bg2:#0f1114;--bg3:#161820;--surface:#1a1d26;--surface2:#222533;
  --border:#2a2e3e;--border2:#363b52;--red:#e63946;--red-dim:#991f2a;
  --amber:#f4a10a;--green:#22c55e;--blue:#3b82f6;--cyan:#06b6d4;
  --text:#e8eaf0;--text1:#e8eaf0;--text2:#9ba3bc;--text3:#5c6480;--text-strong:#fff;
  background:#0a0b0d;color:var(--text);color-scheme:dark
}

/* ВХОД */
html[data-theme="light"] #auth-screen::before{background:rgba(238,240,244,.84)}
html[data-theme="light"] .auth-card{background:rgba(255,255,255,.95);border-color:var(--border);border-top-color:rgba(214,40,57,.45);
  box-shadow:0 18px 48px rgba(20,24,33,.16),0 0 0 1px rgba(214,40,57,.06)}
html[data-theme="light"] .server-select-panel{background:#fff;border-color:var(--border);box-shadow:0 8px 24px rgba(20,24,33,.18)}
html[data-theme="light"] .server-select-title,html[data-theme="light"] .server-row-name{color:var(--text)}
html[data-theme="light"] .server-select-title,html[data-theme="light"] .server-row{border-bottom-color:var(--border)}
html[data-theme="light"] .server-row:hover{background:rgba(20,24,33,.05)}
html[data-theme="light"] .server-row-active{color:var(--green)}
html[data-theme="light"] .server-row-ping,html[data-theme="light"] .server-select-hint{color:var(--text3)}

/* ШАПКИ */
html[data-theme="light"] .topbar,html[data-theme="light"] .room-topbar{background:rgba(255,255,255,.94);border-bottom-color:var(--border)}
html[data-theme="light"] .group-filter-bar{background:rgba(20,24,33,.04)}
html[data-theme="light"] .group-filter-btn:hover{background:rgba(20,24,33,.07)}
html[data-theme="light"] .e2ee-badge.e2ee-on{color:#007a57;background:rgba(0,150,105,.10);border-color:rgba(0,150,105,.35)}
html[data-theme="light"] .e2ee-badge.e2ee-off{color:#9a5a00;background:rgba(200,120,0,.10);border-color:rgba(200,120,0,.35)}

/* ЛОББИ */
html[data-theme="light"] .room-card{background:rgba(255,255,255,.95);border-color:var(--border)}
html[data-theme="light"] .room-card:hover{border-color:var(--border2);box-shadow:0 8px 28px rgba(20,24,33,.12)}
html[data-theme="light"] .room-card.is-live{border-color:rgba(214,40,57,.35)}
html[data-theme="light"] .room-cover{background:linear-gradient(135deg,#dfe3ea,#eef0f4);border-bottom-color:var(--border)}
html[data-theme="light"] .room-cover-fallback{color:rgba(20,24,33,.35)}
html[data-theme="light"] .room-cover::after{background:linear-gradient(to top,rgba(20,24,33,.22),rgba(20,24,33,.02))}
html[data-theme="light"] .room-card.loading::after{background:linear-gradient(90deg,transparent 0%,rgba(20,24,33,.05) 50%,transparent 100%);background-size:200% 100%}

/* ОКНА, СООБЩЕНИЯ */
html[data-theme="light"] .modal-overlay{background:rgba(20,24,33,.45)}
html[data-theme="light"] .modal{border-color:var(--border);border-top-color:rgba(214,40,57,.45);box-shadow:0 24px 64px rgba(20,24,33,.22)}
html[data-theme="light"] .toast{background:rgba(255,255,255,.97);border-color:var(--border);border-left-color:var(--red);box-shadow:0 8px 28px rgba(20,24,33,.18)}
html[data-theme="light"] .layout-size-btn,html[data-theme="light"] .layout-cell select,html[data-theme="light"] .layout-preset-row{border-color:var(--border)}
html[data-theme="light"] .layout-size-btn:hover{border-color:var(--border2)}
html[data-theme="light"] .layout-cells-grid{background:rgba(20,24,33,.05)}
html[data-theme="light"] .layout-waiting{color:rgba(20,24,33,.45)}

/* КОМНАТА: боковая панель */
html[data-theme="light"] .room-sidebar{background:rgba(255,255,255,.95);border-left-color:var(--border)}
html[data-theme="light"] .sidebar-toggle{background:rgba(255,255,255,.96);border-color:var(--border)}
html[data-theme="light"] .sidebar-toggle:hover{background:#f1f3f6}
html[data-theme="light"] .sidebar-section,html[data-theme="light"] .chat-panel,html[data-theme="light"] .self-preview{border-bottom-color:var(--border)}
html[data-theme="light"] .p-kick-btn,html[data-theme="light"] .p-layout-btn{border-color:var(--border2)}
html[data-theme="light"] .p-layout-btn:hover{color:var(--text);border-color:var(--text3)}
html[data-theme="light"] .chat-msg-system{color:rgba(20,24,33,.45)}
html[data-theme="light"] .chat-input,html[data-theme="light"] .chat-send-btn{border-color:var(--border)}
html[data-theme="light"] .chat-input:focus{border-color:var(--border2)}
html[data-theme="light"] .chat-send-btn:hover{background:rgba(20,24,33,.06)}
html[data-theme="light"] .npc-bar{background:rgba(20,24,33,.18)}
html[data-theme="light"] .rtsp-bridge-url{background:rgba(20,24,33,.04)}
html[data-theme="light"] .self-preview-video,html[data-theme="light"] .self-preview-empty{border-color:var(--border)}

/* АДМИНКА */
html[data-theme="light"] .admin-table-wrap{border-color:var(--border)}
html[data-theme="light"] .admin-table th,html[data-theme="light"] .admin-table td{border-bottom-color:var(--border)}
html[data-theme="light"] .action-btn{border-color:var(--border2)}
html[data-theme="light"] .action-btn:hover{border-color:var(--text3)}
html[data-theme="light"] .cred-box,html[data-theme="light"] .cred-copy{border-color:var(--border)}

/* Цвета, прописанные прямо в разметке: белые полупрозрачные рамки на
   светлом не видны — рисуем обычной рамкой темы (кроме видео-зоны). */
html[data-theme="light"] :is(.topbar,.lobby-body,.admin-body,.modal,.room-topbar,.room-sidebar) [style*="rgba(255,255,255"]{border-color:var(--border)!important}
html[data-theme="light"] [style*="#1a1d24"]{background:var(--surface)!important;border-color:var(--border)!important}
html[data-theme="light"] [style*="#0d0f13"]{background:var(--bg2)!important;border-color:var(--border)!important;color:var(--text)!important}