/* RetailPulse palette and original user-supplied transparent artwork. */
:root {
  --brand: #0734ef;
  --brand-strong: #0528bd;
  --brand-dark: #0528bd;
  --brand-deep: #0528bd;
  --brand-soft: #edf2ff;
  --brand-border: #b8c9ff;
}
.rp-logo {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  width: 220px;
  max-width: 100%;
  aspect-ratio: 2043 / 499;
  overflow: hidden;
  vertical-align: middle;
}
.rp-logo > img {
  position: absolute;
  left: -3.328439%;
  top: -21.442886%;
  width: 106.216349%;
  height: auto;
  max-width: none;
  aspect-ratio: 2170 / 725;
  object-fit: contain;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
img.rp-mark {
  display: block;
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  object-fit: contain;
  border-radius: 0;
  background: transparent;
}
.auth-brand .rp-logo {
  width: 260px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 0 12px #fff;
}
.auth-mobile-brand .rp-logo { width: 200px; }
.login-panel .rp-logo { width: 220px; }
.rp-workspace-brand { display: flex; align-items: center; gap: 12px; }
.rp-workspace-brand > span { padding: 0; background: transparent; font-size: 18px; }
.rp-workspace-brand .rp-mark { width: 44px; height: 44px; }
.application-brand { margin-top: 32px; text-align: center; }
.application-brand .rp-logo { width: 160px; }
.icon-preview .rp-logo { width: 220px; }
.icon-preview .rp-mark { width: 72px; height: 72px; }
@media (max-width: 600px) {
  body > header:has(.rp-workspace-brand) { padding: 8px 12px; gap: 12px; height: auto; flex-wrap: wrap; }
}
@media print { .application-brand { display: none; } }