/* Mobile-first styles for the queue app */
html, body {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100vw;
  overflow-x: hidden;
}
*, *::before, *::after {
  box-sizing: inherit;
}
body {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background: #f5f7fb;
  color: #1f2937;
}
.card {
  border-radius: 16px;
  border: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}
.navbar {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.navbar-brand { font-weight: 600; color: #fff; }
.navbar-brand img { max-height: 48px; max-width: 100%; }
img, svg { max-width: 100%; height: auto; }
.list-group-item { padding: 12px; word-break: break-word; }
.badge { font-size: 0.9rem; }
.container, .container-fluid {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.btn { border-radius: 999px; padding: 0.65rem 1rem; }
.form-control, .form-select, textarea {
  border-radius: 12px;
}

@media (min-width: 576px) {
  main.container { max-width: 540px; }
}