:root{
  --bgsm-brand-primary: var(--tenant-primary, #111827);
  --bgsm-brand-accent: var(--tenant-accent, #0ea5e9);
  --bgsm-brand-surface: var(--tenant-surface, #ffffff);
  --bgsm-brand-soft: var(--tenant-primary-soft, #f3f4f6);
}
.brand-surface-notice{
  border:1px solid rgba(14,165,233,.12);
  background: linear-gradient(135deg, rgba(14,165,233,.08), rgba(17,24,39,.03));
  border-radius: 16px;
  padding: .85rem 1rem;
  color:#334155;
}
.brand-surface-badge{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.45rem .8rem;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);
}
.brand-surface-receipt-note{
  margin-top:8px;
  font-size:11px;
  line-height:1.35;
}
.brand-surface-header-logo{
  max-height:48px; width:auto; display:block;
}
.brand-surface-chip{
  display:inline-flex;align-items:center;gap:.45rem;
  background:var(--bgsm-brand-soft);
  color:var(--bgsm-brand-primary);
  border-radius:999px;
  padding:.35rem .7rem;
  font-size:.85rem;
  font-weight:600;
}