/* Оформление «Тёмное» — как у крупных казино (1win): плоский графитовый фон, панели #1D1E20,
   поверхности 12% серого, синий #0075FF для выбранного, зелёный #00B24B для главных кнопок, шрифт Inter.
   Цвета сняты с образца. Включается атрибутом data-theme="flat" (index.html, настройки профиля). */
html[data-theme='flat'] {
  --bg: #141415;
  --s1: #1d1e20;
  --s2: #2a2b2e;
  --s3: #35373b;
  --s4: #474a50;
  --text: #f0f2f5;
  --muted: #9aa1b1;
  --green: #00b24b;
  --blue: #0075ff;
  --red: #ff4d4f;
  --yellow: #ffb800;
  --r: 12px;
  --surf: rgb(179 182 189 / 12%); /* поверхности 1win: кнопки, поля, вкладки */
  background: #141415;
}
html[data-theme='flat'] body { background: #141415; font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; letter-spacing: 0; }

/* панели и кнопки */
html[data-theme='flat'] :is(.box, .notice, .feed, .stats, .modal) { background: var(--s1); border: 0; box-shadow: none; }
html[data-theme='flat'] .box .box, html[data-theme='flat'] .box .kpi, html[data-theme='flat'] .box .rows > .row:nth-child(even) { background: var(--surf); }
html[data-theme='flat'] .kpi { background: var(--s1); }
html[data-theme='flat'] .rows > .row:nth-child(even) { background: var(--surf); }
html[data-theme='flat'] .btn { background: var(--surf); color: var(--text); border-radius: 12px; font-weight: 600; }
html[data-theme='flat'] .btn:hover:not(:disabled) { background: rgb(179 182 189 / 20%); }
html[data-theme='flat'] .btn.dk-all, html[data-theme='flat'] .btn-bet { background: var(--green); color: #fff; border-radius: 12px; font-weight: 600; }
html[data-theme='flat'] .btn-bet:hover:not(:disabled) { background: #00c254; }
html[data-theme='flat'] .input { background: var(--surf); border: 1px solid transparent; border-radius: 12px; font-weight: 600; }
html[data-theme='flat'] .input:focus { border-color: var(--blue); }
html[data-theme='flat'] .chips { background: var(--surf); border-radius: 14px; }
html[data-theme='flat'] .chip { border-radius: 10px; font-weight: 600; }
html[data-theme='flat'] .chip.on { background: var(--blue); color: #fff; }
html[data-theme='flat'] .toast { background: #2e3035; }
html[data-theme='flat'] .crumbs a { background: var(--surf); border-radius: 10px; }
html[data-theme='flat'] .balance-value { background: var(--surf); }
html[data-theme='flat'] .balance-add { background: var(--green); color: #fff; }

/* меню, шапка, нижняя панель */
html[data-theme='flat'] .side { background: #1d1e20; border-right: 0; }
html[data-theme='flat'] .side-item.on, html[data-theme='flat'] .side-kid.on { background: var(--surf) !important; color: var(--text) !important; }
html[data-theme='flat'] .side-item:hover, html[data-theme='flat'] .side-kid:hover, html[data-theme='flat'] .side-support:hover { background: var(--surf) !important; }
html[data-theme='flat'] :is(.side-card, .side-collapse, .side-social a) { background: var(--surf) !important; }
html[data-theme='flat'] .side-sep { background: rgb(255 255 255 / 8%); }
html[data-theme='flat'] .side-new, html[data-theme='flat'] .bell-badge { background: #ff5d26; }
html[data-theme='flat'] .side-badge { background: #ff3b30; } /* число на «Бонусах» — красное, как на верхней и нижней панели */
html[data-theme='flat'] .dtop { background: #141415; border-bottom: 0; }
html[data-theme='flat'] .dtop-tabs { background: var(--surf); }
html[data-theme='flat'] .dtop-tab { color: var(--text); }
html[data-theme='flat'] .dtop-tab.on { background: var(--blue); color: #fff; }
html[data-theme='flat'] .dtop-balance { background: var(--surf); }
html[data-theme='flat'] :is(.dtop-dep, .hb-dep) { background: var(--green); color: #fff; }
html[data-theme='flat'] :is(.dtop-login, .hb-login, .bell) { background: var(--surf); }
html[data-theme='flat'] .side-avatar { background: var(--surf); }
html[data-theme='flat'] .tabbar { background: #1d1e20; border-top: 0; padding: 4px 0 max(6px, calc(env(safe-area-inset-bottom) - 12px)); } /* кнопки ближе к низу: полоска «домой» ложится поверх фона панели, как у 1win */
html[data-theme='flat'].in-tg .tabbar { padding-bottom: max(6px, calc(env(safe-area-inset-bottom) - 12px), calc(var(--tg-bottom, 0px) - 12px)); }
html[data-theme='flat'].in-tg.has-tabbar .view { padding-bottom: calc(76px + max(env(safe-area-inset-bottom), var(--tg-bottom, 0px))); }
html[data-theme='flat'] .tab { border-radius: 0; color: var(--muted); font-size: 11px; padding: 6px 0 4px; }
html[data-theme='flat'] .tab.on { color: var(--blue); }
html[data-theme='flat'] .tab.dot span::after { background: #ff3b30; box-shadow: 0 0 0 2px #1d1e20; }
html[data-theme='flat'] .has-tabbar .view { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }

/* лобби: вкладки, поиск, ряды */
html[data-theme='flat'] .lobby-tabs { background: var(--surf); }
html[data-theme='flat'] .lobby-tab.on { background: var(--blue); }
html[data-theme='flat'] :is(.prov-bar .input, .prov-bar-btn, .prov-select, .prov-sub) { background: var(--surf); border-color: transparent; }
html[data-theme='flat'] .prov-arrows button { background: var(--surf); border-radius: 8px; }
html[data-theme='flat'] :is(.game-card, .prov-card) { border: 0; box-shadow: none; }
html[data-theme='flat'] .ticker-item { background: var(--surf); }
html[data-theme='flat'] .hero-dots { background: rgb(0 0 0 / 35%); }
html[data-theme='flat'] .hero-dots i { background: rgb(255 255 255 / 32%); }
html[data-theme='flat'] .hero-dots i.on { background: #f0f2f5; }
html[data-theme='flat'] .ft-card, html[data-theme='flat'] .ft-social a { background: var(--s1); }

/* игры: поле и панель ставок в тех же цветах */
html[data-theme='flat'] :is(.game-main, .game-footer) { background: var(--s1); border: 0; box-shadow: none; }
html[data-theme='flat'] .stat { background: var(--surf); }