/* ═══════════════════════════════════════════════════════════════
   Conexão Painel do Líder — paleta pareada com o Gerador
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* Diz ao browser pra renderizar controles nativos (date picker, scroll,
     etc.) na variante escura — sem isso, o ícone de calendário aparece
     preto sobre fundo preto. Em data-theme="light" volta pra 'light'. */
  color-scheme: dark;
  --bg:        #0d0a09;
  --surface:  #161210;
  --surface-2:#1e1816;
  --surface-3:#252018;
  --border:   #2e2420;
  --border-light: #3a2e28;
  --text:     #f0ece8;
  --text-strong:#f8f5f2;
  --muted:    #8a7e78;
  --accent:   #e04535;
  --accent-dim: rgba(224,69,53,.14);
  --ok:       #34d399;
  --warn:     #f59e0b;
  --info:     #5ab4ff;

  --team-amarelo-bg:#1c1400;  --team-amarelo-text:#f0c040; --team-amarelo-border:#5a4200;
  --team-azul-bg:#001228;     --team-azul-text:#5ab4ff;    --team-azul-border:#1a4a8a;
  --team-verde-bg:#001810;    --team-verde-text:#34d399;   --team-verde-border:#1a5a38;
  --team-vermelho-bg:#1a0800; --team-vermelho-text:#e04535;--team-vermelho-border:#7a2a1a;
  --team-geral-bg:#1a1a22;    --team-geral-text:#b0b0c0;   --team-geral-border:#3a3a50;

  --r-sm: 6px; --r-md: 10px; --r-lg: 14px;
}

html[data-theme="light"] {
  color-scheme: light;
  --bg:#f5f0ee; --surface:#ffffff; --surface-2:#f0ebe8; --surface-3:#e8e2df;
  --border:#e0d8d4; --border-light:#d0c8c4;
  --text:#1a1210; --text-strong:#0e0908; --muted:#8a7e78;
  --accent:#c93020; --accent-dim:rgba(201,48,32,.08);

  --team-amarelo-bg:#fffaeb;  --team-amarelo-text:#78600a;  --team-amarelo-border:#d9a400;
  --team-azul-bg:#eff6ff;     --team-azul-text:#1d4ed8;     --team-azul-border:#3b82f6;
  --team-verde-bg:#ecfdf5;    --team-verde-text:#065f46;    --team-verde-border:#10b981;
  --team-vermelho-bg:#fff0ee; --team-vermelho-text:#c93020; --team-vermelho-border:#e04535;
  --team-geral-bg:#f0f0f5;    --team-geral-text:#4a4a5a;    --team-geral-border:#b0b0c0;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
[hidden] { display: none !important; }
html, body { height: 100%; }
body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  background: var(--bg);
  color: var(--text);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
button { font-family: inherit; background: none; border: none; cursor: pointer; color: inherit; }
input, select, textarea { font-family: inherit; font-size: inherit; color: inherit; }