/* Official BamChat emblem, approved source: Golden Chat-B Monogram Icon(1).png. */
header.topbar > div:first-child:has(.brand-kicker) {
  display:grid;grid-template-columns:50px minmax(0,1fr);grid-template-rows:auto auto;
  column-gap:12px;align-items:center;min-width:0;
}
header.topbar > div:first-child:has(.brand-kicker)::before {
  content:"";grid-column:1;grid-row:1 / 3;width:50px;height:50px;
  background:#040607 url("icons/bamchat-icon-192.png") center/cover no-repeat;
  border-radius:15px;box-shadow:0 8px 21px rgba(0,0,0,.32);display:block;
}
header.topbar > div:first-child:has(.brand-kicker) .brand-kicker {grid-column:2;grid-row:1;letter-spacing:.07em}
header.topbar > div:first-child:has(.brand-kicker) .brand-sub {grid-column:2;grid-row:2}
.bc-auth-mark {object-fit:cover!important;padding:0!important;border:0!important;background:#040607!important}
.logo {background:#040607 url("icons/bamchat-icon-192.png") center/cover no-repeat!important;box-shadow:0 6px 18px rgba(214,165,102,.14)!important}
.install-mark {background:#040607 url("icons/bamchat-icon-192.png") center/cover no-repeat!important;color:transparent!important;font-size:0!important}
/* A QR code is a machine-readable matrix, not a branding surface.
   No logo overlay: profile/friend/payment QR modules stay fully scan-ready. */
.qr-center-logo {display:none!important;}
@media(max-width:380px) {
 header.topbar > div:first-child:has(.brand-kicker){grid-template-columns:39px minmax(0,1fr);column-gap:9px}
 header.topbar > div:first-child:has(.brand-kicker)::before{width:39px;height:39px;border-radius:11px}
 header.topbar .brand-kicker{font-size:1.20rem!important;letter-spacing:.045em!important}
}