/* ═══════════════════════════════════════════════════════════
   NEXOIN Global CSS — Theming Unificado
   Usa var(--brand-*) injetadas pelo js/nexoin-designer.js
   Fallback para --bv-gold quando --brand-* não disponível
   ═══════════════════════════════════════════════════════════ */

/* ─── Fallback defaults (antes do Designer rodar) ─── */
:root {
  --brand-primary:      var(--bv-gold, #D4AF37);
  --brand-primary-dark:  var(--bv-gold-dark, #B8960F);
  --brand-primary-dim:   var(--bv-gold-dim, rgba(212,175,55,0.12));
  --brand-primary-glow:  var(--bv-gold-glow, rgba(212,175,55,0.25));
  --brand-secondary:     #1A1A2E;
  --brand-accent:        #F5E6A3;
}

/* ─── Botões primários ─── */
.btn-brand,
.btn-primary-brand {
  background: var(--brand-primary);
  color: #000;
  border: none;
  padding: 10px 24px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, transform 0.1s;
}
.btn-brand:hover,
.btn-primary-brand:hover {
  background: var(--brand-primary-dark);
  transform: translateY(-1px);
}

/* ─── Links com cor da marca ─── */
.brand-link {
  color: var(--brand-primary);
  text-decoration: none;
}
.brand-link:hover {
  color: var(--brand-primary-dark);
}

/* ─── Badge / Tag genérica ─── */
.brand-badge {
  background: var(--brand-primary-dim);
  color: var(--brand-primary);
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

/* ─── Focus ring unificado ─── */
.brand-focus:focus,
input.brand-focus:focus,
select.brand-focus:focus,
textarea.brand-focus:focus {
  outline: none;
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px var(--brand-primary-dim);
}

/* ─── Sidebar accent (override genérico) ─── */
.sidebar .nav-item.active {
  background: var(--brand-primary-dim);
  color: var(--brand-primary);
}
.sidebar .nav-item.active .material-icons,
.sidebar .nav-item.active .material-symbols-outlined {
  color: var(--brand-primary);
}

/* ─── Scrollbar themed ─── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: var(--brand-primary-dim);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--brand-primary-glow);
}

/* ─── Selection ─── */
::selection {
  background: var(--brand-primary-glow);
  color: inherit;
}

/* ─── Glow border util ─── */
.brand-glow {
  border: 1px solid var(--brand-primary-glow);
  box-shadow: 0 0 12px var(--brand-primary-dim);
}

/* ─── Per-empresa overrides via data-empresa attr ─── */
[data-empresa="euroseg"] .btn-brand,
[data-empresa="euroseg"] .btn-primary-brand {
  color: #fff;
}
[data-empresa="ebholding"] .btn-brand,
[data-empresa="ebholding"] .btn-primary-brand {
  color: #fff;
}
[data-empresa="protech"] .btn-brand,
[data-empresa="protech"] .btn-primary-brand {
  color: #fff;
}