.auto-online-page{background:#fff;color:#595959;font-family:Roboto,Arial,sans-serif}.auto-online-page .header{max-width:1100px;margin:0 auto;padding:20px;display:flex;gap:20px;align-items:center}.auto-online-page .header img{max-height:55px}.auto-online-page .logo-container h1{font-size:24px;margin:0}.auto-online-page .logo-container p{margin:5px 0}.auto-online-page .panel_s{box-shadow:none;border:0}.auto-online-page .online-quotation .online-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:0;gap:8px;overflow:visible}.auto-online-page .online-progress li{text-align:center;min-width:0;border:0;color:#595959;font-size:13px}.auto-online-page .online-progress .form__circle{display:flex;margin:0 auto 8px;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:#eee;color:#595959;border:0}.auto-online-page .online-progress .form__circle.form__active{background:#f5c534;color:#961072}.auto-online-page .online-quotation .form-control{height:42px;border:1px solid #ddd;border-radius:4px;box-shadow:none}.auto-online-page .online-actions button,.auto-online-page .online-offer button{padding:11px 24px;border-radius:4px}.auto-online-page .btn-info{background:#f5c534;border-color:#f5c534;color:#961072}.auto-online-page .online-driver{border-radius:6px}.auto-online-page .online-driver legend{font-weight:600}@media(max-width:600px){.auto-online-page .online-progress li{font-size:10px}.auto-online-page .container{width:100%;padding:0 8px}.auto-online-page .col-md-10{padding:0}.auto-online-page .header{padding:15px}.auto-online-page .online-quotation .online-progress{gap:4px}}
/* Tempo supplies typography and colours; restore Bootstrap's form grid locally. */
.auto-online-page{font-size:14px;line-height:1.6}
.auto-online-page #logo{position:static;flex:0 0 auto}
.auto-online-page #logo img{max-width:170px;object-fit:contain}
.auto-online-page .container{position:static;display:block;width:100%;max-width:1000px;margin:28px auto;padding:0 20px;background:transparent;box-shadow:none;border-radius:0;height:auto}
.auto-online-page .row{display:block;margin-left:-15px;margin-right:-15px}
.auto-online-page .row:before,.auto-online-page .row:after{content:' ';display:table}
.auto-online-page .row:after{clear:both}
.auto-online-page .online-quotation-page>.col-md-10{float:none;width:100%;margin-left:0}
.auto-online-page .online-quotation{padding:28px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.auto-online-page .online-quotation h1{font-size:24px;line-height:1.3;margin:0 0 24px}
.auto-online-page .online-quotation h2{font-size:20px;line-height:1.3;margin:24px 0 20px}
.auto-online-page .online-quotation .online-progress{position:static;inset:auto;margin:0 0 24px;padding:0;transform:none;width:100%;height:auto}
.auto-online-page .online-progress li{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:8px 4px;gap:0}
.auto-online-page .online-progress li[aria-current=step]{background:transparent;color:#961072;border-bottom:2px solid #f5c534}
.auto-online-page .online-progress .form__circle{flex-shrink:0}
.auto-online-page .form-group{margin-bottom:18px}
.auto-online-page .form-group label{font-size:14px;margin-bottom:6px;line-height:1.4}
.auto-online-page .online-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.auto-online-page .online-quotation input[type=date]::-webkit-calendar-picker-indicator{position:static;width:auto;height:auto}
.auto-online-page [hidden]{display:none!important}
@media(max-width:600px){.auto-online-page .online-quotation{padding:16px}.auto-online-page .header{gap:12px}.auto-online-page .logo-container h1{font-size:18px}.auto-online-page .container{padding:0 10px;margin:18px auto}.auto-online-page .online-progress .form__circle{width:30px;height:30px}.auto-online-page .online-quotation h1{font-size:21px}}

/* Continue / back buttons: shared rules in tempo_form.css (.form__nav). */

/* Conducteurs step: summary card shown once a driver's own fields pass
   validation (assets/js/online.js's collapseDriver()/expandDriver()), with
   an "edit" affordance to reopen it - see the 2026-09 Auto_online UX request. */
.auto-online-page .online-driver{padding:16px;border:1px solid #e5e5e5;margin-bottom:16px}
.auto-online-page .online-driver--collapsed{background:#fafafa}
.auto-online-page .online-driver legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;border:0;padding:0 0 10px}
.auto-online-page .online-driver legend .driver-number{margin-left:-4px}
.auto-online-page .online-driver-role{background:#f5c534;color:#961072;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600}
.auto-online-page .online-driver legend button{margin-left:auto;padding:6px 14px;font-size:13px}
.auto-online-page .online-driver legend button+button{margin-left:8px}
.auto-online-page .online-driver-summary{font-size:14px;color:#595959;padding:4px 0}
.auto-online-page .online-driver-actions{margin-top:8px}