:root {
  --app-max: 680px;
}
html, body { min-height: 100%; }
body { -webkit-tap-highlight-color: transparent; }
.app-shell { max-width: var(--app-max); margin-inline: auto; }
.action-card { min-height: 118px; border: 0; border-radius: 1rem; }
.action-card .bi { font-size: 2rem; }
.btn-touch { min-height: 52px; font-size: 1.05rem; }
.form-control, .form-select { min-height: 48px; }
.timeline { position: relative; }
.timeline-item { border-left: 3px solid var(--bs-border-color); padding-left: 1rem; margin-left: .5rem; padding-bottom: 1rem; }
.timeline-item:last-child { padding-bottom: 0; }
.timeline-time { font-size: .85rem; color: var(--bs-secondary-color); }
.symptom-badge { font-size: .8rem; }
.scanner-box { overflow: hidden; border-radius: 1rem; background: #111; }
.sticky-action { position: sticky; bottom: max(.75rem, env(safe-area-inset-bottom)); z-index: 20; }
.small-muted { font-size: .85rem; color: var(--bs-secondary-color); }