:root{--driver-brand:#cb0606;--driver-brand-dark:#960505;--driver-brand-soft:#fff3f3;--driver-text:#231818;--driver-muted:#735c5c;--driver-border:#ead7d7}
.driver-onboarding-page{max-width:760px;margin:0 auto;padding:12px 10px 34px;color:var(--driver-text)}
.driver-hero{background:#fff;border:1px solid #efc9c9;border-top:4px solid var(--driver-brand);color:var(--driver-text);border-radius:18px;padding:16px 14px;box-shadow:0 8px 20px rgba(38,17,17,.04)}
.driver-kicker{font-size:.68rem;letter-spacing:.14em;font-weight:800;color:var(--driver-brand);margin-bottom:6px}
.driver-hero h1{font-size:1.35rem;line-height:1.2;margin:0 0 6px;font-weight:800}
.driver-hero p{margin:0;font-size:.9rem;color:var(--driver-muted);line-height:1.45}
.driver-hero-meta,.driver-pill{display:none}
.driver-statusbar{display:grid;gap:6px;margin:12px 0 12px;padding:12px 14px;background:#fff;border:1px solid var(--driver-border);border-radius:16px;box-shadow:0 8px 20px rgba(38,17,17,.04)}
.driver-status-text{font-size:.9rem;font-weight:800}
.driver-status-note{font-size:.8rem;color:var(--driver-muted)}
.driver-save-indicator{font-size:.8rem;color:var(--driver-brand);font-weight:800}
.driver-steps{display:flex;gap:8px;margin:12px -2px 14px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}
.driver-steps::-webkit-scrollbar{display:none}
.driver-step-btn{flex:0 0 auto;min-width:124px;border:1px solid #e8d2d2;background:#fff;border-radius:14px;padding:10px 12px;text-align:left;cursor:pointer;transition:.2s;color:var(--driver-text)}
.driver-step-btn strong{display:block;font-size:.9rem;white-space:nowrap}
.driver-step-btn span{display:none}
.driver-step-btn.active{border-color:var(--driver-brand);background:var(--driver-brand-soft);box-shadow:0 0 0 2px rgba(203,6,6,.1)}
.driver-card{background:#fff;border:1px solid var(--driver-border);border-radius:18px;padding:14px;box-shadow:0 12px 24px rgba(38,17,17,.04)}
.driver-step{display:none}
.driver-step.active{display:block}
.driver-step-header{margin-bottom:12px}
.driver-step-header h2{font-size:1.08rem;margin:0 0 4px;font-weight:800;color:var(--driver-brand)}
.driver-step-header p{margin:0;color:var(--driver-muted);font-size:.83rem;line-height:1.45}
.driver-grid{display:grid;grid-template-columns:1fr;gap:10px}
.driver-grid.two{grid-template-columns:1fr}
.driver-field label{display:block;font-size:.8rem;font-weight:800;margin-bottom:5px}
.driver-field input,.driver-field select,.driver-field textarea,.driver-readonly-box{width:100%;border:1px solid #decaca;border-radius:14px;padding:13px 14px;font-size:16px;outline:none;background:#fff;min-height:50px}
.driver-phone-combo{display:grid;grid-template-columns:112px 1fr;gap:8px}
.driver-phone-combo select,.driver-phone-combo input{margin:0}
.driver-phone-fixed{grid-template-columns:112px 1fr}
.driver-phone-prefix-fixed{display:flex;align-items:center;justify-content:flex-start;padding:0 14px;border:1px solid #d7dbe6;border-radius:14px;background:#f6f7fb;color:#111827;font-weight:700;min-height:56px;white-space:nowrap}
.driver-readonly-box{display:flex;align-items:center;background:#faf5f5;color:#6f5b5b;font-weight:700}
.driver-field input:focus,.driver-field select:focus,.driver-field textarea:focus{border-color:var(--driver-brand);box-shadow:0 0 0 3px rgba(203,6,6,.12)}
.driver-span-full{grid-column:1/-1}
.driver-static-note,.driver-note{font-size:.8rem;color:var(--driver-muted);line-height:1.45}
.driver-static-note{padding:11px 12px;background:#fff6f6;border:1px solid #f0d5d5;border-radius:14px;margin-bottom:12px}
.driver-doc-list{display:grid;gap:14px}
.driver-doc-card{border:1px solid var(--driver-border);border-radius:16px;padding:12px;background:#fffafa}
.driver-doc-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.driver-doc-top strong{display:block;font-size:.92rem}
.driver-doc-status{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f4f4f4;color:#555;font-size:.74rem;font-weight:800;text-transform:uppercase}
.driver-doc-status.uploaded{background:#fff3d5;color:#8a6200}
.driver-doc-status.under_review{background:#eef5ff;color:#245da5}
.driver-doc-status.approved{background:#e9f8ee;color:#207245}
.driver-doc-status.rejected,.driver-doc-status.needs_update{background:#fff1f1;color:#af1919}
.driver-doc-actions{display:grid;grid-template-columns:1fr;gap:10px}
.driver-doc-meta{font-size:.8rem;color:var(--driver-muted);margin-top:8px;line-height:1.45}
.driver-photo-preview{margin-bottom:10px}
.driver-photo-preview img{width:96px;height:96px;border-radius:20px;object-fit:cover;border:1px solid var(--driver-border)}
.driver-contract-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.driver-contract{border:1px solid var(--driver-border);border-radius:16px;padding:14px;max-height:260px;overflow:auto;background:#fffdfd;line-height:1.58}
.driver-contract h3,.driver-contract h4{color:var(--driver-brand-dark)}
.driver-contract h3{margin:0 0 10px}
.driver-contract h4{margin:16px 0 6px}
.driver-contract p{margin:0 0 10px}
.driver-checks{display:grid;gap:8px;margin-top:12px}
.driver-check{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid var(--driver-border);border-radius:14px;background:#fffafa}
.driver-check input{margin-top:4px;transform:scale(1.15);accent-color:var(--driver-brand)}
.driver-signature-wrap{border:1px dashed #bb8f8f;border-radius:16px;background:#fff;padding:10px;margin:12px 0 10px}
#signature-pad{width:100%;height:180px;display:block;touch-action:none;border-radius:12px;background:#fff}
.driver-actionbar{display:flex;flex-direction:column;gap:8px;margin-top:14px;position:sticky;bottom:8px;background:linear-gradient(to top,#fff 76%,rgba(255,255,255,0));padding-top:10px}
.driver-actionbar-right{display:flex;flex-direction:column;gap:8px}
.driver-button{border:0;border-radius:14px;padding:14px 16px;font-size:.98rem;font-weight:800;cursor:pointer;transition:.2s}
.driver-button.primary{background:var(--driver-brand);color:#fff}
.driver-button.secondary{background:#efe5e5;color:var(--driver-text)}
.driver-button.ghost{background:#fff;border:1px solid #decaca;color:var(--driver-text)}
.driver-button:disabled{opacity:.55;cursor:not-allowed}
.driver-alert{padding:13px 14px;border-radius:16px;margin:12px 0;font-size:.9rem;white-space:pre-line;line-height:1.5}
.driver-alert.error{background:#fff1f1;color:#941515;border:1px solid #f4c9c9}
.driver-alert.success{background:#edf7ef;color:#216844;border:1px solid #c7e5cf}
.driver-hidden{display:none!important}
@media (min-width:768px){.driver-onboarding-page{padding:24px 16px 56px}.driver-hero{padding:22px 20px}.driver-hero h1{font-size:1.7rem}.driver-statusbar{grid-template-columns:1fr auto;align-items:center}.driver-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible}.driver-step-btn{min-width:0}.driver-step-btn span{display:block;font-size:.74rem;color:#766262;margin-top:4px;line-height:1.35}.driver-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.driver-doc-actions{grid-template-columns:1fr auto}.driver-contract{max-height:340px}.driver-actionbar{position:static;flex-direction:row;justify-content:space-between;align-items:center;background:none;padding-top:0}.driver-actionbar-right{flex-direction:row}}