/* Printable sign-in / attendance sheet (views/sign-in-sheet.cjs). Preview stage and paper controls: css/_print-kit.css.
 * Borders: 1px hairline. Every rule is under #visu-tools.vt-sign-in-sheet. */
#visu-tools.vt-sign-in-sheet .vt-ss-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 16px; margin-bottom: 14px; }
#visu-tools.vt-sign-in-sheet .vt-ss-top .vt-hint { margin: 0 !important; }
#visu-tools.vt-sign-in-sheet .vt-ss-texts { display: grid; gap: 12px; margin-top: 16px; }
#visu-tools.vt-sign-in-sheet :is(.vt-ss-cols, .vt-ss-dates, .vt-ss-layout, .vt-ss-names, .vt-ss-qr, .vt-ss-look) { margin: 18px 0 0 !important; padding-top: 16px !important; border-top: 1px solid var(--vt-line) !important; }
#visu-tools.vt-sign-in-sheet .vt-ss-checks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 14px; margin-top: 8px; }
#visu-tools.vt-sign-in-sheet #vt-ss-custom-box { margin-top: 12px; max-width: 320px; }
#visu-tools.vt-sign-in-sheet :is(#vt-ss-custom-box, #vt-ss-dates-box)[hidden] { display: none; }
#visu-tools.vt-sign-in-sheet .vt-ss-dates { display: grid; grid-template-columns: minmax(0, 140px) minmax(0, 1fr); gap: 10px 14px; align-items: end; }
#visu-tools.vt-sign-in-sheet .vt-ss-wide { grid-column: 1 / -1; margin: 0 !important; }
#visu-tools.vt-sign-in-sheet .vt-ss-layout { display: flex; flex-wrap: wrap; gap: 14px 22px; align-items: end; }
#visu-tools.vt-sign-in-sheet .vt-ss-layout .vt-field { width: 190px; }
#visu-tools.vt-sign-in-sheet .vt-ss-count { font-size: 14px; font-weight: 600; color: var(--vt-ink); margin-top: 6px !important; }
#visu-tools.vt-sign-in-sheet .vt-ss-qr { display: grid; gap: 10px; }
#visu-tools.vt-sign-in-sheet .vt-ss-look { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; align-items: start; }
#visu-tools.vt-sign-in-sheet .vt-ss-stepper { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 12px; font-variant-numeric: tabular-nums; }
#visu-tools.vt-sign-in-sheet .vt-ss-stepper[hidden] { display: none; }
#visu-tools.vt-sign-in-sheet .vt-ss-step { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--vt-line-2); background: #fff; font-size: 22px; line-height: 1; cursor: pointer; color: var(--vt-ink); }
#visu-tools.vt-sign-in-sheet .vt-ss-step:disabled { opacity: .4; cursor: default; }
#visu-tools.vt-sign-in-sheet .vt-ss-facts { font-size: 14px; color: var(--vt-text); margin: 10px 0 !important; }
#visu-tools.vt-sign-in-sheet .vt-ss-tips-sec { padding: 8px 0 24px; }
#visu-tools.vt-sign-in-sheet .vt-ss-tips { display: grid; gap: 8px; max-width: 80ch; margin-top: 12px !important; padding-left: 20px !important; }
@media (max-width: 600px) {
  #visu-tools.vt-sign-in-sheet .vt-ss-checks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #visu-tools.vt-sign-in-sheet .vt-ss-look, #visu-tools.vt-sign-in-sheet .vt-ss-dates { grid-template-columns: minmax(0, 1fr); }
}