/* GymForge fit-and-finish polish: focus visibility, small-screen modal fit, smooth table scroll. */
:focus-visible {
  outline: 2px solid #facc15;
  outline-offset: 2px;
  border-radius: 6px;
}

.overflow-x-auto {
  -webkit-overflow-scrolling: touch;
}

canvas {
  max-width: 100%;
}

/* Quick-add modal fits 360px viewports without behavior changes. */
#addModal {
  padding: 1rem;
}

#addModal > div {
  width: calc(100% - 2rem);
  max-height: calc(100vh - 2rem);
  overflow-y: auto;
}

#gms-modal > div {
  width: calc(100% - 2.5rem);
}

@media (max-width: 400px) {
  #gms-demo-badge {
    bottom: 12px;
    right: 12px;
    font-size: 9px;
    padding: 6px 12px;
  }
}