.sr-wrap{max-width:1120px;margin:0 auto;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033}.sr-hero,.sr-card{background:#fff;border:1px solid rgba(23,32,51,.1);border-radius:26px;padding:26px;margin:20px 0;box-shadow:0 16px 46px rgba(23,32,51,.075)}.sr-hero{background:radial-gradient(circle at top left,#fff3a6 0,#ffe06b 38%,#f7f3ff 100%);padding:30px}.sr-kicker,.sr-section-label{margin:0 0 7px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#5b2bbf}.sr-hero h2{margin:0 0 10px;font-size:34px;line-height:1.08;color:#172033}.sr-hero p{max-width:760px;color:#475467;line-height:1.55}.sr-card h3{margin:0 0 14px;font-size:28px;line-height:1.15}.sr-help,.sr-alert,.sr-traffic-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px 18px;margin:0 0 18px;line-height:1.55}.sr-alert{background:#fff7ed;border-color:#fed7aa}.sr-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sr-wrap label{display:block;font-weight:850;margin:14px 0}.sr-wrap input[type=text],.sr-wrap input[type=email],.sr-wrap input[type=date],.sr-wrap input[type=time],.sr-wrap select{width:100%;box-sizing:border-box;border:1px solid #cfd6e2;border-radius:16px;padding:14px 15px;margin-top:7px;font-size:16px;background:#fff;color:#172033;transition:border .15s,box-shadow .15s}.sr-wrap input:focus,.sr-wrap select:focus{outline:none;border-color:#5b2bbf;box-shadow:0 0 0 4px rgba(91,43,191,.13)}.sr-small{display:block;color:#667085;font-weight:500;font-size:13px;margin-top:6px}.sr-stops-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:24px 0 12px}.sr-stops-head p{margin:0;color:#667085}.sr-stop-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.sr-stop-row{display:grid;grid-template-columns:42px 1fr 44px;gap:12px;align-items:center;margin:12px 0;padding:8px;border:1px solid #eef2f7;border-radius:20px;background:#fcfdff}.sr-stop-number,.sr-step-dot{width:42px;height:42px;border-radius:50%;display:inline-grid;place-items:center;background:#5b2bbf;color:white;font-weight:950}.sr-step-dot{width:30px;height:30px;font-size:13px}.sr-stop-main{display:grid;grid-template-columns:1fr 150px;gap:10px;align-items:end}.sr-priority-label{font-size:13px!important;font-weight:750!important;margin:0!important;color:#667085}.sr-priority-label select{padding:10px 11px!important;margin-top:3px!important}.sr-remove{width:44px;height:44px;border:0;border-radius:50%;background:#fee2e2;color:#991b1b;font-size:28px;line-height:1;cursor:pointer}.sr-options{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0}.sr-options label{font-weight:750;margin:0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:9px 12px}.sr-button,.sr-maplink{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#5b2bbf;color:#fff!important;border:0;border-radius:999px;padding:14px 22px;font-weight:950;font-size:16px;cursor:pointer;text-decoration:none;white-space:nowrap}.sr-button:hover,.sr-maplink:hover{filter:brightness(.96)}.sr-button-secondary{background:#172033}.sr-button-light{background:#eef2ff;color:#172033!important;border:1px solid #c7d2fe}.sr-status{margin-top:14px;font-weight:850;color:#176b3a}.sr-error{color:#b00020}.sr-results{margin-top:26px}.sr-result-hero{background:linear-gradient(180deg,#fff,#fbfbff)}.sr-metrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.sr-metrics div,.sr-traffic-top div{border:1px solid #e5e7eb;border-radius:20px;padding:16px;background:#fafafa}.sr-metrics strong,.sr-traffic-top strong{display:block;font-size:25px;line-height:1.1;color:#5b2bbf}.sr-metrics span,.sr-traffic-top span{display:block;color:#667085;font-size:13px;font-weight:750;margin-top:4px}.sr-actionbar{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.sr-route-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px;margin-top:14px}.sr-route-list h4{margin:0 0 8px}.sr-list{line-height:1.65;margin:0;padding-left:22px}.sr-table-wrap{overflow:auto;border:1px solid #e5e7eb;border-radius:18px}.sr-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}.sr-table th,.sr-table td{border-bottom:1px solid #e5e7eb;text-align:left;padding:14px 16px;vertical-align:top}.sr-table th{background:#f8fafc;color:#4b5563;font-weight:900}.sr-table tbody tr:last-child td{border-bottom:0}.sr-table small{display:block;color:#667085;font-weight:500;margin-top:4px;line-height:1.35}.sr-traffic-top{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px}.sr-traffic-table tr.sr-traffic-normal td:first-child{border-left:5px solid #22c55e}.sr-traffic-table tr.sr-traffic-light td:first-child{border-left:5px solid #f59e0b}.sr-traffic-table tr.sr-traffic-moderate td:first-child{border-left:5px solid #f97316}.sr-traffic-table tr.sr-traffic-heavy td:first-child{border-left:5px solid #dc2626}.sr-traffic-table td:nth-child(4){font-weight:950;color:#b45309}.sr-traffic-legend{margin-top:12px;color:#667085;font-size:14px}.sr-traffic-legend span{display:inline-block;width:14px;height:14px;border-radius:5px;margin:0 5px 0 14px;vertical-align:-2px}.sr-legend-normal{background:#22c55e}.sr-legend-light{background:#f59e0b}.sr-legend-moderate{background:#f97316}.sr-legend-heavy{background:#dc2626}.sr-map{height:480px;border-radius:22px;background:#eef2f7;overflow:hidden}.sr-map-placeholder{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#667085;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:22px}.sr-ai{white-space:pre-line;line-height:1.7;color:#344054}.sr-mailnote{margin-top:12px;padding:12px 14px;border-radius:14px;background:#ecfdf3;color:#176b3a;font-weight:850}.sr-mailwarn{background:#fff7ed;color:#9a3412}.sr-navnote{margin:8px 0 12px;color:#667085;font-size:14px;line-height:1.45}.pac-container{z-index:999999!important}.sr-wrap [hidden],.sr-results[hidden]{display:none!important}.sr-wrap .gm-err-container{border-radius:18px}@media(max-width:820px){.sr-grid.two,.sr-metrics,.sr-traffic-top{grid-template-columns:1fr}.sr-stops-head{display:block}.sr-stop-actions{justify-content:flex-start;margin-top:12px}.sr-stop-main{grid-template-columns:1fr}.sr-stop-row{grid-template-columns:34px 1fr 40px}.sr-stop-number{width:34px;height:34px}.sr-map{height:340px}.sr-hero h2{font-size:28px}.sr-card h3{font-size:24px}}
.sr-navplan{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px;margin:14px 0}.sr-navplan h4{margin:0 0 6px}.sr-navplan p{margin:0 0 12px;color:#667085;line-height:1.45}.sr-navlegs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}.sr-navlegs a{display:block;padding:10px 12px;border:1px solid #dbe3ef;border-radius:14px;background:#fff;color:#172033;text-decoration:none;font-weight:800}.sr-navlegs a:hover{border-color:#5b2bbf;box-shadow:0 0 0 3px rgba(91,43,191,.1)}
/* v0.2.3 UX: per adres direct toevoegen/verwijderen */
.sr-stop-row{grid-template-columns:42px 1fr 76px!important;align-items:center}
.sr-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.sr-mini-add,.sr-mini-remove{width:34px;height:34px;border:0;border-radius:50%;display:inline-grid;place-items:center;font-size:22px;font-weight:950;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(23,32,51,.08)}
.sr-mini-add{background:#dcfce7;color:#166534}
.sr-mini-remove{background:#fee2e2;color:#991b1b}
.sr-mini-add:hover,.sr-mini-remove:hover{filter:brightness(.97);transform:translateY(-1px)}
.sr-date-pill{display:inline-flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:9px 13px;margin:0 0 14px;color:#475467;font-weight:850}
@media(max-width:820px){.sr-stop-row{grid-template-columns:34px 1fr!important}.sr-row-actions{grid-column:2;justify-content:flex-start;margin-top:6px}.sr-mini-add,.sr-mini-remove{width:38px;height:38px}}

/* v0.2.4: geen grote adresknop meer; route omdraaien subtieler */
.sr-stops-head{align-items:flex-start!important}
.sr-reverse-inline{border:1px solid #dbe3ef;background:#fff;color:#475467;border-radius:999px;padding:9px 13px;font-size:14px;font-weight:850;cursor:pointer;white-space:nowrap;margin-top:6px}
.sr-reverse-inline:hover{border-color:#5b2bbf;color:#5b2bbf;box-shadow:0 0 0 3px rgba(91,43,191,.08)}
@media(max-width:820px){.sr-reverse-inline{margin-top:10px}}

/* v0.4.0: handmatig volgorde aanpassen na berekening */
.sr-stop-row[draggable="true"],.sr-manual-stop{cursor:grab}
.sr-dragging{opacity:.55;box-shadow:0 12px 30px rgba(23,32,51,.14)}
.sr-row-actions{min-width:150px}
.sr-mini-move{width:30px;height:34px;border:1px solid #dbe3ef;border-radius:999px;background:#fff;color:#475467;font-weight:950;cursor:pointer}
.sr-mini-move:hover{border-color:#5b2bbf;color:#5b2bbf;box-shadow:0 0 0 3px rgba(91,43,191,.08)}
.sr-manual-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px;margin-top:14px}
.sr-manual-box h4{margin:0 0 6px}.sr-manual-box p{margin:0 0 12px;color:#667085;line-height:1.45}
.sr-manual-list{display:grid;gap:8px;margin-bottom:12px}
.sr-manual-stop{display:grid;grid-template-columns:32px 1fr 38px 38px;gap:8px;align-items:center;background:#fff;border:1px solid #dbe3ef;border-radius:16px;padding:10px 12px}
.sr-manual-stop strong{font-size:14px;line-height:1.35}.sr-grip{width:28px;height:28px;border-radius:999px;background:#eef2ff;color:#5b2bbf;display:grid;place-items:center;font-weight:950}
.sr-manual-stop button{width:34px;height:34px;border:1px solid #dbe3ef;border-radius:999px;background:#fff;color:#475467;font-weight:950;cursor:pointer}
.sr-manual-stop button:hover{border-color:#5b2bbf;color:#5b2bbf}
@media(max-width:820px){.sr-row-actions{min-width:0}.sr-manual-stop{grid-template-columns:28px 1fr 34px 34px}.sr-mini-move{width:34px;height:38px}}
.sr-stop-row{grid-template-columns:42px 1fr 176px!important}
@media(max-width:820px){.sr-stop-row{grid-template-columns:34px 1fr!important}}
.sr-save-box{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px;margin:14px 0}.sr-save-box label{margin:0!important}.sr-save-box small{grid-column:1/-1;color:#667085;font-weight:650}@media(max-width:820px){.sr-save-box{grid-template-columns:1fr}}
.sr-metrics{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important}.sr-cost-small{display:block;color:#667085;font-size:12px;font-weight:650;margin-top:3px;line-height:1.35}
.sr-stop-main{display:block!important}
.sr-known-delivery-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin:0 0 8px}
.sr-known-delivery-row label,.sr-stop-fields label{margin:0!important}
.sr-known-delivery-select{flex:1 1 260px;max-width:460px;color:#667085;font-size:13px;font-weight:850}
.sr-known-delivery-select select{min-height:42px!important;border-radius:14px!important;padding:10px 12px!important;margin-top:4px!important;font-size:14px!important}
.sr-save-delivery{display:inline-flex!important;align-items:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#475467;font-size:13px;font-weight:850;white-space:nowrap}
.sr-save-delivery input{width:auto!important;margin:0!important}
.sr-stop-fields{display:grid;grid-template-columns:minmax(170px,.42fr) minmax(260px,1fr);gap:10px;align-items:end}
.sr-stop-customer,.sr-stop-address{font-size:13px!important;color:#475467!important;font-weight:850!important}
.sr-stop-customer input,.sr-stop-address input{margin-top:4px!important}
@media(max-width:820px){.sr-stop-fields{grid-template-columns:1fr}.sr-known-delivery-row{display:grid;grid-template-columns:1fr}.sr-known-delivery-select{max-width:none}.sr-save-delivery{width:max-content}}