/* Lightweight brand override. The active UI keeps its existing markup while using the real logo asset. */
.operator-brand > span,
.orders-brand span,
.prototype-loading-logo,
.brand-mark {
  background-color: transparent !important;
  background-image: url('/brand/sbk-logo-128.webp') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  color: transparent !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}

.operator-brand > span,
.orders-brand span,
.prototype-loading-logo {
  box-shadow: none !important;
}

@media (prefers-reduced-data: reduce) {
  .operator-brand > span,
  .orders-brand span,
  .prototype-loading-logo,
  .brand-mark {
    background-image: url('/brand/sbk-logo-128.webp') !important;
  }
}