/* assets/app.css — layout + small helpers. Light mode (Bootstrap default theme).
   Palette is Bootstrap defaults plus two neutrals: white and #eeeeee.
   Linked by every page; no page re-declares styling. */

/* Force a light render so browser auto-dark-mode can't invert our backgrounds. */
:root { color-scheme: light; }

/* Page background = light grey; surfaces (cards, navbar) = white for contrast. */
body { background-color: #eeeeee; }

.navbar { background-color: #fff; }

.card { background-color: #fff; border: none; }

/* Muted helper text → Bootstrap's secondary text colour. */
.muted { color: var(--bs-secondary-color); }

/* Login layout (no colour). */
.login-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.login-card { width: 340px; }

/* Tables sit transparently on the white card. */
.table-panel { --bs-table-bg: transparent; }

/* Highlight the active roll-target row using Bootstrap's subtle success tint. */
.row-current td { background-color: var(--bs-success-bg-subtle); }

/* "Next steps" collapse toggle — label flips with Bootstrap's .collapsed class. */
.steps-toggle { text-decoration: none; cursor: pointer; }
.steps-toggle::after { content: '\25B4\00A0 show less'; }
.steps-toggle.collapsed::after { content: '\25BE\00A0 show more'; }