/*
 * The only app stylesheet. Bootstrap does almost everything; this file only
 * covers what Bootstrap has no class for.
 */

/* Theme toggle shows the mode you'd switch TO. */
[data-bs-theme="dark"] .theme-label-light,
[data-bs-theme="light"] .theme-label-dark { display: none; }

/* Long free-text answers keep the applicant's line breaks. */
.answer-text { white-space: pre-wrap; overflow-wrap: anywhere; }

/* Share links are long; let them wrap instead of widening the page. */
.share-link { overflow-wrap: anywhere; font-family: var(--bs-font-monospace); font-size: .875rem; }

/* Honeypot field for bots: off-screen, not display:none (some bots skip those). */
.hp-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* Keep the dashboard chart from growing unbounded on wide screens. */
.chart-box { position: relative; height: 260px; }

/* Question builder rows: drag-free reordering uses buttons, keep them compact. */
.question-actions .btn { --bs-btn-padding-y: .15rem; --bs-btn-padding-x: .45rem; }

/* Signature pad: stop the page scrolling while someone signs with a finger. */
.signature-pad { touch-action: none; cursor: crosshair; display: block; }
/* Drawn signatures are black ink on transparent; keep a white card behind them in dark mode. */
.signature-image { max-width: 360px; width: 100%; height: auto; }

@media print {
  nav.navbar, footer, .no-print { display: none !important; }
  main { padding: 0 !important; }
}