:focus-visible {
  outline: 3px solid #0f766e;
  outline-offset: 3px;
}
:root {
  --n-400: #5f6575;
  --accent: #4f46e5;
  --info: #1d4ed8;
  --success-dark: #047857;
  --danger: #b91c1c;
  --danger-dark: #b91c1c;
  --success: #047857;
  --warning-dark: #92400e;
}
.bottom-nav .nav-item {
  color: #52604f;
}
button[aria-busy="true"] {
  cursor: progress;
  opacity: 0.65;
}
button:disabled {
  cursor: not-allowed;
}
[role="alert"],
[aria-live] {
  overflow-wrap: anywhere;
}
.modal {
  overscroll-behavior: contain;
}
.modal-content {
  max-height: 90dvh;
  overflow-y: auto;
}
@media (max-width: 640px) {
  button,
  input,
  select {
    min-height: 42px;
  }
  input,
  select,
  textarea {
    font-size: 16px !important;
  }
  .modal-content {
    max-width: calc(100vw - 24px);
  }
  .list-view-grid {
    overflow-x: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}