/* Original Tokomd artwork for the pinned legacy B2B navigation.
   Existing brand text remains the accessible name. Tenant brands are excluded. */
.portal-brand { gap: 10px; }
.portal-shell .portal-brand-mark svg { display: none; }
.portal-shell .portal-brand-mark,
.dashboard-brand > span {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: 0;
  background: transparent url('/assets/tokomd-mascot-eeb96e279a0a.png') center / contain no-repeat;
}
.portal-brand-copy strong {
  display: block;
  width: 132px;
  max-width: 100%;
  height: 24px;
  font-size: 0 !important;
  background: none;
}
.portal-brand-copy small { margin-top: 4px; font-size: 11px; letter-spacing: .04em; }
.dashboard-brand strong {
  display: flex;
  flex-direction: column;
  width: 132px;
  padding-top: 28px;
  font-size: 0;
  background: none;
}
.dashboard-brand strong small { margin: 0; font-size: 11px; line-height: 1.3; }
.portal-mobile-brand { display: grid; grid-template-columns: 32px minmax(0,112px); column-gap: 8px; text-align: left; }
.portal-mobile-brand::before { content: ''; grid-column: 1; grid-row: 1 / 3; align-self: center; width: 32px; height: 32px; background: url('/assets/tokomd-mascot-eeb96e279a0a.png') center / contain no-repeat; }
.portal-mobile-brand strong { grid-column: 2; width: 112px; max-width: 100%; height: 21px; font-size: 0 !important; background: none; }
.portal-mobile-brand small { grid-column: 2; margin-top: 2px; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.portal-brand-copy strong, .dashboard-brand strong, .portal-mobile-brand strong { position: relative; }
.portal-brand-copy strong::before, .dashboard-brand strong::before, .portal-mobile-brand strong::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 24px;
  background-color: #4f7cff;
  mask: url('/assets/tokomd-wordmark-eeb96e279a0a.png') center / contain no-repeat;
  -webkit-mask: url('/assets/tokomd-wordmark-eeb96e279a0a.png') center / contain no-repeat;
}
.portal-mobile-brand strong::before { height: 21px; }

/* A two-second sweep in each three-second cycle, clipped by the wordmark mask. */
.tokomd-brand-identity .tokomd-brand-wordmark,
.portal-brand-copy strong::before,
.dashboard-brand strong::before,
.portal-mobile-brand strong::before {
  background-image: linear-gradient(110deg, transparent 42%, rgb(255 255 255 / .75) 50%, transparent 58%);
  background-size: 250% 100%;
  background-repeat: no-repeat;
  background-position: 150% 0;
  animation: tokomd-wordmark-shine 3s ease-in-out infinite;
}

@keyframes tokomd-wordmark-shine {
  0%, 33.333% { background-position: 150% 0; }
  100% { background-position: -150% 0; }
}

@media (prefers-reduced-motion: reduce) {
  .tokomd-brand-identity .tokomd-brand-wordmark,
  .portal-brand-copy strong::before,
  .dashboard-brand strong::before,
  .portal-mobile-brand strong::before {
    animation: none;
    background-image: none;
  }
}