/* Tema do Luma Play (painel.lumaplay.top), carregado depois do admin.css ou do minhatv.css só quando o config.php
   tem 'theme_css' => 'tema-luma.css'. O Max Pro não carrega este arquivo.
   Cores oficiais (27/10): âmbar #FFB547, fundo #0A0E19, painéis #131A2B, texto #EEF0F7, degradê #FFE2A8 → #E0731F.
   J1 do DEV SÊNIOR: só o vermelho de MARCA vira âmbar. Erro e perigo (--bad, .state.bad, .note.bad) continuam vermelhos.
   Os rgba(229,9,20) do admin.css trocados aqui, todos de marca: linha 13 (--primary-soft), 247 (brilho da página
   inicial), 276 (brilho da TV de enfeite), 330 (faixa), 431 (--primary-soft v3), 1038 (menu ativo), 1051 e 1066
   (sombra dos botões), 1088 (barra de seleção), 1106 (botão redondo do celular), 1116 (placar).
   J3: texto #0A0E19 sobre o âmbar #FFB547 = 11,0:1; sobre #E0731F (ponta escura do degradê) = 6,1:1. */

/* só nas páginas do painel (body.v3 e body.pub): o /ativar usa outras variáveis com os mesmos nomes */
body.v3, body.pub {
  --bg: #0A0E19; --surface: #0D1220; --card: #131A2B; --card-2: #19213A; --line: #263049;
  --fg: #EEF0F7; --muted: #9AA3B8; --side-bg: #070A13;
  --primary: #FFB547; --primary-hi: #FFE2A8; --primary-fg: #0A0E19; --primary-soft: rgba(255, 181, 71, .13);
  --link: #FFC877;
  --bezel: #05070c; --tvscreen: #0A0E19; --tvink: #EEF0F7;
}

/* rgba(229,9,20) do admin.css, na mesma ordem */
body.pub::before { background: radial-gradient(1100px 520px at 85% -10%, rgba(255, 181, 71, .16), transparent 60%); }
.mock-tv { box-shadow: 0 40px 80px rgba(0, 0, 0, .6), 0 0 120px rgba(255, 181, 71, .14); }
.band { background: linear-gradient(120deg, rgba(255, 181, 71, .20), rgba(255, 181, 71, .04) 60%), var(--card); }
body.v3 .nav a.on { background: linear-gradient(90deg, rgba(255, 181, 71, .16), rgba(255, 181, 71, 0) 85%); }
body.v3 .top .act-btn { box-shadow: 0 8px 22px -12px rgba(224, 115, 31, .9); }
body.v3 .bulkbar { border-bottom-color: rgba(255, 181, 71, .25); }
body.v3 .placar { background: radial-gradient(700px 200px at 0% 0%, rgba(255, 181, 71, .07), transparent 70%), var(--card); }
@media (max-width: 900px) {
  body.v3 .bbar .bbar-fab b { color: var(--primary-fg); box-shadow: 0 10px 24px -8px rgba(224, 115, 31, .9), 0 0 0 4px var(--bg); }
}

/* Botão principal com o degradê oficial e texto escuro (o admin.css põe #fff fixo sobre a cor de marca) */
.btn.primary, body.v3 .btn.primary {
  background: linear-gradient(135deg, #FFE2A8, #FFB547 45%, #E0731F); border-color: #E0731F; color: var(--primary-fg);
  box-shadow: 0 8px 22px -12px rgba(224, 115, 31, .9);
}
.btn.primary:hover, body.v3 .btn.primary:hover { background: linear-gradient(135deg, #FFE2A8, #FFB547); filter: none; }
.badge-red, .mock-btn, .steps li > b, body.v3 .nav a .cnt.alert, body.v3 .bell-n { color: var(--primary-fg); }
body.v3 .nav a.on { color: var(--fg); }
body.v3 .side .me .av { color: var(--primary); }

/* /ativar e /minha-tv (minhatv.css): a cor de marca vira âmbar; os estados de erro continuam vermelhos */
:root {
  --red: #B45309; --red-ink: #92400E; --red-wash: #FFF1DC; --onred: #FFFFFF;
  --erro: #d21b2a; --erro-ink: #b5121f; --erro-wash: #fde7e9;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --ground: #0A0E19; --surface: #131A2B; --raise: #19213A; --line: #263049; --ink: #EEF0F7; --muted: #9AA3B8;
  --red: #FFB547; --red-ink: #FFC877; --red-wash: #2E2414; --onred: #0A0E19;
  --erro: #ef2b3a; --erro-ink: #ff6a74; --erro-wash: #3b1a24;
} }
:root[data-theme="dark"] {
  --ground: #0A0E19; --surface: #131A2B; --raise: #19213A; --line: #263049; --ink: #EEF0F7; --muted: #9AA3B8;
  --red: #FFB547; --red-ink: #FFC877; --red-wash: #2E2414; --onred: #0A0E19;
  --erro: #ef2b3a; --erro-ink: #ff6a74; --erro-wash: #3b1a24;
}
.state.bad { background: var(--erro-wash); border-color: color-mix(in srgb, var(--erro) 28%, transparent); }
.state.bad > .ico { color: var(--erro-ink); }
.note.bad { background: var(--erro-wash); color: var(--erro-ink); }

/* A logo do Luma tem o nome em texto claro: no /ativar claro ela ganha um fundo escuro para aparecer */
@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) .hd .logo { background: #0A0E19; border-radius: 10px; padding: 4px 8px; } }
:root[data-theme="light"] .hd .logo { background: #0A0E19; border-radius: 10px; padding: 4px 8px; }