/* Setup and reminders page, the one-time setup wizard, and the full terms wording on the iPad
   (pipeline item #53). Built on the design system: .ds- components plus these few layout rules,
   tokens only (tests/design-system.test.js BUILT_ON_TOKENS). */
.onboarding-head-actions{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);align-items:flex-start}
.onboarding-gaps li,.onboarding-demo-card li{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-space-3)}
.onboarding-gaps li small,.onboarding-demo-card li small{display:block;margin-top:2px;color:var(--ds-text-muted)}
.onboarding-demo-card.is-warning{border-color:var(--ds-warning);background:var(--ds-warning-wash)}

.onboarding-dialog{width:min(1080px,96vw);max-height:94vh}
.onboarding-dialog .onboarding-body{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:var(--ds-space-4);align-items:start}
.onboarding-steps ol{display:grid;gap:var(--ds-space-1);margin:0;padding:0;list-style:none}
.onboarding-steps li{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm)}
.onboarding-steps li.is-current{background:var(--ds-primary-soft)}
.onboarding-steps li .ds-btn-link{text-align:left}
.onboarding-step{display:grid;gap:var(--ds-space-3);min-width:0}
.onboarding-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-3)}
.onboarding-fieldset{display:grid;gap:var(--ds-space-2);margin:0;padding:var(--ds-space-3);border:1px solid var(--ds-line);border-radius:var(--ds-radius)}
.onboarding-fieldset legend{padding:0 var(--ds-space-1);color:var(--ds-ink);font-weight:700}
.onboarding-staff-row,.onboarding-car-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.onboarding-rows{display:grid;gap:var(--ds-space-2)}
.onboarding-check{display:flex;align-items:center;gap:var(--ds-space-2)}
.onboarding-passwords{padding:var(--ds-space-3);border:1px solid var(--ds-success);border-radius:var(--ds-radius);background:var(--ds-success-wash)}
.onboarding-passwords code{font-size:var(--ds-text-md);letter-spacing:.03em}
.onboarding-hours input[type="number"]{width:5em}
@media (max-width:1180px){.onboarding-dialog .onboarding-body{grid-template-columns:1fr}.onboarding-steps ol{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto}.onboarding-two-col{grid-template-columns:1fr}}

/* The full terms wording on the iPad signature step (job-workspace.js), and the signed copies on
   the booking record (booking-record.js). */
.job-guide-signature-agreement.is-full-terms{max-height:40vh;overflow:auto;white-space:pre-line;padding:var(--ds-space-3);border:1px solid var(--ds-line);border-radius:var(--ds-radius);background:var(--ds-white);color:var(--ds-ink)}
.signed-terms-list li{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--ds-space-3)}
.signed-terms-list small{display:block;color:var(--ds-text-muted)}
.signed-terms-wording{white-space:pre-line;max-height:16em;overflow:auto;padding:var(--ds-space-2);border:1px solid var(--ds-line);border-radius:var(--ds-radius-sm);background:var(--ds-surface)}
.signed-terms-signature{display:block;max-width:min(420px,100%);margin-top:var(--ds-space-2);border:1px solid var(--ds-line);border-radius:var(--ds-radius-sm);background:var(--ds-white)}