/* brand.css — gerado automaticamente pelo AgenteIA-MARKETING */
/* Última atualização: padrão */

:root {
  --brand:            #f97316;
  --brand-rgb:        249, 115, 22;
  --brand-hover:      #fb923c;
  --brand-navy:       #001233;
  --brand-navy-rgb:   0, 18, 51;
  --brand-navy-active:#0d1f3c;
}

/* ─── HEADER ──────────────────────────────────────────────── */
header {
  background: var(--brand-navy) !important;
  box-shadow: 0 2px 16px rgba(var(--brand-navy-rgb),.5) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--brand-navy) 60%, white) !important;
}
.header-sub { color: var(--brand) !important; }

/* ─── SIDEBAR / NAV ───────────────────────────────────────── */
.nav-item:hover  { border-left-color: var(--brand) !important; }
.nav-item.active {
  color: var(--brand) !important;
  border-left-color: var(--brand) !important;
  background: var(--brand-navy-active) !important;
}
.nav-badge:not(.soon) { background: var(--brand) !important; color: #000 !important; }

/* ─── BOTÕES ──────────────────────────────────────────────── */
.btn-green                   { background: var(--brand) !important; color: #000 !important; }
.btn-green:hover:not(:disabled) { background: var(--brand-hover) !important; }
.btn-green:disabled          { background: rgba(var(--brand-rgb),.2) !important; color: #666 !important; }
.btn-primary, [class*="btn-primary"] { background: var(--brand) !important; color: #000 !important; }

/* ─── CARDS / HOVER ───────────────────────────────────────── */
.home-card:hover    { border-color: var(--brand) !important; box-shadow: 0 8px 24px rgba(var(--brand-rgb),.12) !important; }
.hc-badge:not(.soon){ background: var(--brand) !important; color: #000 !important; }
.kpi-val            { color: var(--brand) !important; }
.kpi-card.verde     { border-color: rgba(var(--brand-rgb),.2) !important; }

/* ─── INPUTS / FOCUS ──────────────────────────────────────── */
input:focus, select:focus, textarea:focus {
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 3px rgba(var(--brand-rgb),.15) !important;
}

/* ─── LINKS / TEXTOS DESTAQUE ─────────────────────────────── */
.text-brand, .link-brand { color: var(--brand) !important; }

/* ─── LOGIN ───────────────────────────────────────────────── */
.logo, .logo-title { color: var(--brand) !important; }

/* ─── PROGRESS / TAGS ─────────────────────────────────────── */
.tag-brand, .badge-brand { background: rgba(var(--brand-rgb),.15) !important; color: var(--brand) !important; border-color: rgba(var(--brand-rgb),.3) !important; }