/* Blazor integration rules. The approved sport-near-me.css remains byte-for-byte unchanged. */
.admin-shell {
  background: #eff3f5;
}

:where(a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 3px solid var(--lime-500);
  outline-offset: 3px;
}

.state-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px 16px;
  background: var(--page);
}

.state-card {
  width: min(100%, 560px);
  padding: 30px;
  border: 1px solid var(--ink-200);
  border-radius: var(--radius-lg);
  background: #fff;
  box-shadow: var(--shadow-md);
}

.state-card h1 {
  margin: 10px 0 8px;
  font-size: clamp(28px, 5vw, 42px);
  line-height: 1.08;
}

.state-card p {
  color: var(--ink-600);
}

.state-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}