/*
 * Web3Universe chrome cues layered after the Cockpit design system.
 * Known Slice-C cleanup: styles.css:328 (`.tbl tbody tr:last-child td`) is a
 * no-op once table cells have no bottom border; it stays untouched here.
 */
.ng-auth-card .ng-form-actions .btn {
  width: 100%;
}

.btn {
  border-radius: var(--radius-round);
}

.btn--sm {
  border-radius: var(--radius-round, 9999px);
}

.card {
  border-radius: var(--radius-lg);
}

.tbl tbody td {
  border-top: 1px solid var(--color-stroke-divider);
  border-bottom: none;
}

.tbl tbody tr:first-child td {
  border-top: none;
}

.page-eyebrow {
  margin-bottom: 6px;
  color: var(--color-brand);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.side__outbound {
  margin-top: auto;
  padding: 12px 8px;
  color: var(--color-text-tertiary);
  font-size: 12px;
  text-decoration: none;
  transition: color var(--duration-md) var(--ease-out-1);
}

.side__outbound:hover {
  color: var(--color-brand);
}

.side__footer {
  margin-top: 0;
}

.ng-auth-card {
  padding: 28px;
}

.ng-auth-brand {
  justify-content: center;
  margin-bottom: 10px;
  font-family: var(--font-display);
  font-size: 28px;
  line-height: 1;
}

.ng-auth-sub {
  margin-bottom: 24px;
  color: var(--color-text-secondary);
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}

.ng-auth-outbound {
  display: block;
  margin-top: 18px;
  color: var(--color-text-tertiary);
  font-size: 12px;
  text-align: center;
  text-decoration: none;
}

.ng-auth-outbound:hover {
  color: var(--color-brand);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}