/* White-label: Safe Cycling (safe.noribel.com) */
html[data-tenant='safe'] {
  --noribel-sky: #c9a3a3;
  --noribel-blue: #c1121f;
  --noribel-blue-dark: #a10e19;
  --noribel-blue-dim: rgba(193, 18, 31, 0.14);
  --noribel-blue-fill: #c1121f;
  --noribel-marine: #c1121f;
  --noribel-night: #6f1414;
  --accent: #c1121f;
  --accent-hot: #a10e19;
  --cyan: #c1121f;
  --cyan-dim: rgba(193, 18, 31, 0.14);
  --violet: #c1121f;
  --sidebar-fg-muted: #9b1b1b;
  --bg-page: #f6f5f4;
  --bg-subtle: #f1eeed;
  --bg-card: #ffffff;
}

html[data-tenant='safe'] body {
  background: #f6f5f4;
}

html[data-tenant='safe'] .shell,
html[data-tenant='safe'] .main {
  background: #f6f5f4;
}

/* Overview + Super Settings topbar */
html[data-tenant='safe'] .main__toolbar--topbar {
  background: #c1121f !important;
}

html[data-tenant='safe'] .main__toolbar--topbar .main__toolbar-logo {
  width: 2.75rem;
  height: 2.75rem;
  object-fit: cover;
  border-radius: 9px;
  filter: none;
  background: #c1121f;
}

/* Race workspace topbar (was still Noribel marine blue) */
html[data-tenant='safe'] .race-event-topbar {
  background: #c1121f !important;
}

html[data-tenant='safe'] .race-event-topbar__brand-logo:not(.race-event-topbar__brand-logo--long),
html[data-tenant='safe'] .race-event-siderail__brand-logo--mark {
  width: 28px;
  height: 28px;
  object-fit: cover;
  border-radius: 6px;
  filter: none;
}
html[data-tenant='safe'] .race-event-topbar__brand-logo--long,
html[data-tenant='safe'] .race-event-siderail__brand-logo--long {
  width: auto !important;
  height: 1.55rem !important;
  max-width: 9.25rem;
  object-fit: contain;
  border-radius: 0;
  filter: brightness(0) invert(1);
}

html[data-tenant='safe'] .race-event-siderail {
  background: #fff;
}

html[data-tenant='safe'] .race-event-siderail .race-event-nav__link--active {
  background: #c1121f !important;
  color: #fff !important;
}

html[data-tenant='safe'] .race-event-siderail .race-event-nav__link--active .race-event-nav__icon {
  color: #fff !important;
}

html[data-tenant='safe'] .race-topbar-user__btn {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.45);
  color: #fff;
}

html[data-tenant='safe'] .race-topbar-user__btn:hover,
html[data-tenant='safe'] .race-topbar-user__btn[aria-expanded='true'] {
  background: #a10e19;
  box-shadow: 0 0 0 3px rgba(193, 18, 31, 0.28);
}

.race-topbar-user__btn {
  position: relative;
  overflow: hidden;
}

.race-topbar-user__btn img.race-topbar-user__img,
.race-topbar-user__btn img.avatar__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: block;
}

html[data-tenant='safe'] .sidebar__logo-img,
html[data-tenant='safe'] .overview-brand__logo,
html[data-tenant='safe'] .index-mobile-nav__logo {
  height: 2.5rem;
  width: 2.5rem;
  object-fit: cover;
  border-radius: 8px;
  filter: none;
}

html[data-tenant='safe'] .btn--primary,
html[data-tenant='safe'] .login-btn:not(.login-btn--google) {
  background: #c1121f;
  background-image: none;
}

html[data-tenant='safe'] .login-switch a,
html[data-tenant='safe'] .login-forgot a {
  color: #9b1b1b;
}

html[data-tenant='safe'] .field input:focus {
  border-color: #c1121f;
  box-shadow: 0 0 0 3px rgba(193, 18, 31, 0.14);
}

html[data-tenant='safe'] .login-body,
html[data-tenant='safe'] body:has(.login-card) {
  background: #f6f5f4;
}

html[data-tenant='safe'] .login-logo img {
  height: 92px;
  width: 92px;
  object-fit: cover;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}

html[data-tenant='safe'] .noribel-loading-overlay__logo {
  background: #c1121f;
  object-fit: cover;
  filter: none;
}

html[data-tenant='safe'] .pcs-import-row {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
}

html[data-tenant='safe'] .pcs-import-row .field__input {
  flex: 1;
  min-width: 0;
}

html[data-tenant='safe'] #pcs-import-btn {
  flex: 0 0 auto;
  white-space: nowrap;
}

html[data-tenant='safe'] #pcs-import-status[data-tone='ok'] {
  color: #166534;
}

html[data-tenant='safe'] #pcs-import-status[data-tone='warn'] {
  color: #92400e;
}

html[data-tenant='safe'] #pcs-import-status[data-tone='err'] {
  color: #b91c1c;
}