/* =========================================================
   BR Technology — Tema da marca (grafite + verde/amarelo neon)
   Cores tiradas da logo. Carregado por todas as telas.
   ========================================================= */
:root {
  /* Paleta da marca */
  --brt-verde:        #01C213;
  --brt-verde-escuro: #017948;
  --brt-verde-claro:  #3BE04A;
  --brt-amarelo:      #FDC403;
  --brt-laranja:      #FD9001;
  --brt-grafite:      #0E1116;
  --brt-grafite-2:    #0B0E13;
  --brt-card:         #161B22;
  --brt-card-2:       #1C232C;
  --brt-borda:        #232A33;
  --brt-prata:        #E6E9EE;
  --brt-prata-2:      #C9CED6;
  --brt-cinza:        #9AA3AE;
  --brt-vermelho:     #E5484D;
  --brt-azul:         #4A9EE0;
  --brt-degrade:      linear-gradient(90deg, #017948 0%, #01C213 35%, #FDC403 75%, #FD9001 100%);
  --brt-brilho:       0 0 0 1px rgba(1,194,19,.35), 0 0 18px rgba(1,194,19,.25);

  /* Variáveis usadas pelas telas da frota (vindas do Ctrl+P) */
  --green: var(--brt-verde);
  --green-dark: var(--brt-verde-escuro);
  --green-light: var(--brt-verde-claro);
  --black: var(--brt-grafite);
  --sidebar: var(--brt-grafite-2);
  --card: var(--brt-card);
  --black-3: var(--brt-card);
  --black-4: var(--brt-card-2);
  --border: var(--brt-borda);
  --border-green: rgba(1,194,19,.28);
  --gray: var(--brt-cinza);
  --gray-light: var(--brt-prata-2);
  --white: var(--brt-prata);
  --red: var(--brt-vermelho);
  --amber: var(--brt-amarelo);
  --orange: var(--brt-laranja);
  --blue: var(--brt-azul);

  /* Variáveis usadas pelo painel/login do BR Technology */
  --bg: var(--brt-grafite);
  --bg-alt: var(--brt-grafite-2);
  --bg-card: var(--brt-card);
  --accent: var(--brt-verde);
  --text: var(--brt-prata);
  --muted: var(--brt-cinza);
}

html, body { background: var(--brt-grafite) !important; color: var(--brt-prata); }

/* Faixa da marca no topo de todas as telas (o arco verde → amarelo da logo) */
body::before {
  content: ""; position: fixed; top: 0; left: 0; right: 0; height: 3px;
  background: var(--brt-degrade); z-index: 2000; pointer-events: none;
}

/* Logo nas barras de topo */
.brt-logo { height: 34px; width: auto; display: inline-block; vertical-align: middle; filter: drop-shadow(0 0 6px rgba(1,194,19,.25)); }
.brt-logo-lg { height: 120px; width: auto; filter: drop-shadow(0 0 18px rgba(253,196,3,.18)); }

/* Botões primários: verde com brilho neon, texto escuro para contraste */
.btn-primary, button.primary {
  background: var(--brt-verde) !important; color: #04140A !important; border: none;
  box-shadow: 0 0 0 0 rgba(1,194,19,0); transition: box-shadow .2s, transform .1s, filter .2s;
}
.btn-primary:hover, button.primary:hover { box-shadow: var(--brt-brilho); filter: brightness(1.08); }
.btn-primary:active, button.primary:active { transform: translateY(1px); }
.btn-secondary:hover { border-color: rgba(1,194,19,.45) !important; color: var(--brt-prata) !important; }

/* Títulos com o degradê da marca */
.brt-titulo {
  background: var(--brt-degrade); -webkit-background-clip: text; background-clip: text;
  color: transparent; font-weight: 800; letter-spacing: .5px;
}

/* Campos com foco verde */
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--brt-verde) !important; box-shadow: 0 0 0 2px rgba(1,194,19,.18); }

/* Barra de rolagem discreta */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--brt-grafite-2); }
::-webkit-scrollbar-thumb { background: #2A323D; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: var(--brt-verde-escuro); }

/* Status padronizados */
.brt-ok { color: var(--brt-verde); }
.brt-uso { color: var(--brt-amarelo); }
.brt-atencao { color: var(--brt-laranja); }
.brt-erro { color: var(--brt-vermelho); }

/* Garante o degradê nos títulos mesmo quando a tela define cor própria */
h1.brt-titulo, .brt-titulo { color: transparent !important; -webkit-text-fill-color: transparent; }