/* Whole canonical mark, quiet line shimmer. Never an overlay or progress claim. */
.brand-loading[hidden] {
  display: none !important;
}
.brand-loading {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 40px;
  margin-block: 8px;
  color: var(--ink, #1d2144);
  font:
    12px "IBM Plex Mono",
    monospace;
}
.brand-loading img {
  display: block;
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex-shrink: 0;
}
.loading-line {
  position: relative;
  width: 70px;
  height: 1px;
  overflow: hidden;
  background: #c6bedf;
}
.loading-line::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, #5e43c8, transparent);
  transform: translateX(-100%);
  animation: commitment-shimmer 1.8s ease-in-out infinite;
}
@keyframes commitment-shimmer {
  to {
    transform: translateX(100%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .loading-line::after {
    animation: none;
    transform: none;
    background: #5e43c8;
  }
}