/* Small additions on top of Bootstrap 5. Keep it light: the RAG matrix styles
   arrive with the dashboard step. */

body {
  -webkit-text-size-adjust: 100%;
}

/* Tablet / phone: comfortable touch targets. */
.btn,
.form-control,
.form-select {
  min-height: 44px;
}

.btn-sm,
.form-control-sm,
.form-select-sm {
  min-height: 36px;
}

.navbar-brand {
  font-weight: 600;
  letter-spacing: 0.01em;
}

.table > :not(caption) > * > * {
  vertical-align: middle;
}

footer {
  font-size: 0.8rem;
}

@media (max-width: 576px) {
  h1.h3 {
    font-size: 1.4rem;
  }
}