/* Core.Blazor PoweredByFooter – semantic tokens, accessible */
.core-powered-by {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--core-spacing-3, 12px);
  flex-wrap: wrap;
  padding: var(--core-spacing-3, 12px) var(--core-spacing-4, 16px);
  background: var(--core-semantic-panel, var(--core-panel, #EEF2F9));
  color: var(--core-semantic-text-secondary, var(--core-text-secondary, #4E5D78));
  font-size: 0.875rem;
  border-top: 1px solid var(--core-semantic-border-subtle, var(--core-border-subtle, #E2E8F3));
}

.core-powered-by-main {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem 1rem;
}

.core-powered-by-line {
  white-space: nowrap;
}

.core-powered-by-link {
  color: var(--core-semantic-brand-primary, var(--brand-primary, #2280E0));
  text-decoration: none;
  font-weight: 600;
}

.core-powered-by-link:hover,
.core-powered-by-link:focus-visible {
  text-decoration: underline;
}

.core-powered-by-extra {
  font-weight: 500;
}

@media (max-width: 480px) {
  .core-powered-by {
    align-items: flex-start;
  }

  .core-powered-by-main {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--core-spacing-1, 4px);
  }

  .core-powered-by-line {
    white-space: normal;
  }
}