/* brand.css — Hệ thương hiệu dùng chung (dashboard + login + config).
   Bản in-house, dễ thay bằng logo chính thức sau: chỉ cần đổi token + SVG mark trong index.html. */
:root {
  --brand-primary: #4338CA;   /* indigo thương hiệu */
  --brand-afg:     #0EA5E9;   /* AFG — xanh dương */
  --brand-bica:    #DB2777;   /* BICA — hồng */
  --brand-primary-soft: rgba(67, 56, 202, .10);
  --brand-afg-soft:     rgba(14, 165, 233, .12);
  --brand-bica-soft:    rgba(219, 39, 135, .12);
  --brand-grad: linear-gradient(135deg, var(--brand-afg), var(--brand-bica));
}
:root[data-theme="dark"] {
  --brand-primary: #8b80f0;
  --brand-afg:     #38bdf8;
  --brand-bica:    #f472b6;
  --brand-primary-soft: rgba(139, 128, 240, .18);
  --brand-afg-soft:     rgba(56, 189, 248, .18);
  --brand-bica-soft:    rgba(244, 114, 182, .18);
}

/* Logo mark (thay ô "HR" placeholder) — nền gradient thương hiệu */
.brand__mark {
  background: var(--brand-grad) !important;
  overflow: hidden;
}
.brand__mark svg { display: block; width: 24px; height: 24px; }

/* Company switch: active tô accent theo công ty (attribute selector > .is-active nên luôn thắng) */
.company-switch__btn.is-active[data-company="AFG"]  { background: var(--brand-afg);     border-color: var(--brand-afg); }
.company-switch__btn.is-active[data-company="BICA"] { background: var(--brand-bica);    border-color: var(--brand-bica); }
.company-switch__btn.is-active[data-company="GROUP"]{ background: var(--brand-primary);  border-color: var(--brand-primary); }
.company-switch__btn:not(.is-active)[data-company="AFG"]:hover  { background: var(--brand-afg-soft);  border-color: var(--brand-afg); }
.company-switch__btn:not(.is-active)[data-company="BICA"]:hover { background: var(--brand-bica-soft); border-color: var(--brand-bica); }
.company-switch__btn:not(.is-active)[data-company="GROUP"]:hover{ background: var(--brand-primary-soft); border-color: var(--brand-primary); }