@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');

.factory-logo-marker { position: relative; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border: 2px solid #fff; border-radius: 9px; background: #facc15; box-shadow: 0 3px 10px #173c3d35; }
.factory-logo-marker img { display: block; width: 24px; height: 10px; object-fit: contain; user-select: none; pointer-events: none; }
.factory-logo-caption { position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); padding: 5px 8px; border: 1px solid #cadbd5; border-radius: 5px; background: #fff; color: #192b35; font-size: 10px; line-height: 1.4; white-space: nowrap; box-shadow: 0 2px 7px #173c3d25; }
.map-legend .legend-company-logo { display: block; flex: none; width: 26px; height: 26px; padding: 3px; border: 1px solid #fff; border-radius: 5px; background: #facc15; object-fit: contain; }

:root{font-family:"Vazirmatn",Tahoma,"Segoe UI",sans-serif;color:#192b35;background:#f5f7f8;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#192b35;--muted:#73818a;--line:#e6ebed;--teal:#0d766c;--teal-dark:#075c55;--mint:#e4f4f1;--orange:#f28a53;--red:#cf5c52;--shadow:0 12px 36px rgba(28,49,59,.08)}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7f8}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:relative;z-index:500}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--teal);box-shadow:0 6px 14px #0d766c2b}.brand-mark svg{width:24px;height:24px;fill:white}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:15px;letter-spacing:-.15px}.brand-lockup span{font-size:11px;color:var(--muted);margin-top:2px}.topbar-meta{display:flex;align-items:center;gap:9px;color:#667780;font-size:11px}.status-dot{width:7px;height:7px;background:#35a68c;border-radius:50%;box-shadow:0 0 0 4px #e5f5f0}.topbar-divider{height:17px;width:1px;background:#e4e9eb;margin:0 5px}.workspace{height:calc(100vh - 72px);min-height:600px;display:grid;grid-template-columns:minmax(0,1fr) 386px;direction:ltr}.map-area{position:relative;min-width:0;min-height:0;overflow:hidden;background:#e8edeb}#map{position:absolute;inset:0;z-index:1}.leaflet-container{font-family:inherit;background:#e8edeb}.map-instruction{position:absolute;top:20px;left:20px;z-index:400;direction:rtl;background:#fff;border:1px solid #e8edeb;border-radius:15px;padding:12px 15px;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow);min-width:255px}.instruction-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:var(--mint);color:var(--teal);font-size:23px}.map-instruction strong,.map-instruction span{display:block}.map-instruction strong{font-size:12px}.map-instruction div span{font-size:10px;color:var(--muted);margin-top:2px}.map-legend{position:absolute;bottom:25px;left:20px;z-index:400;background:#fff;border:1px solid #e8edeb;border-radius:12px;padding:10px 13px;display:flex;align-items:center;gap:8px;direction:rtl;box-shadow:var(--shadow);font-size:10px;color:#65747c}.map-legend span{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-origin{background:var(--teal)}.legend-stop{background:var(--orange);margin-right:9px}.legend-route{width:18px!important;height:3px!important;border-radius:5px!important;background:var(--teal);margin-right:9px}.sidebar{direction:rtl;background:#fff;border-left:1px solid var(--line);padding:24px 22px 0;display:flex;flex-direction:column;min-height:0;overflow:hidden;z-index:2}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:1px 0 17px}.eyebrow{color:var(--teal);font-size:10px;font-weight:700;letter-spacing:.5px}.panel-heading h1{margin:3px 0 0;font-size:20px;letter-spacing:-.5px}.panel-step{font-size:10px;color:#95a1a7;background:#f5f7f7;padding:6px 9px;border-radius:8px}.origin-card{border:1px solid #e5ebec;border-radius:15px;padding:13px;background:#fbfcfc}.section-label{display:flex;align-items:center;gap:9px}.section-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-size:19px}.origin-icon{color:var(--teal);background:var(--mint)}.section-label strong,.section-label small{display:block}.section-label strong{font-size:11px}.section-label small{font-size:9px;color:var(--muted);margin-top:2px}.origin-value{display:flex;align-items:center;gap:8px;margin:12px 0 10px;color:#849198;font-size:10px}.empty-pin{width:21px;height:21px;border-radius:7px;background:#f0f2f3;display:grid;place-items:center;font-size:15px}.button{font:inherit;cursor:pointer;border:0;border-radius:9px;transition:.18s ease}.button-outline{width:100%;height:35px;background:#fff;border:1px solid #dce5e6;color:var(--teal-dark);font-weight:600;font-size:10px}.button-outline:hover{border-color:var(--teal);background:#f5fbfa}.button-outline span{font-size:15px;vertical-align:-1px;margin-left:3px}.driver-section{margin-top:19px;min-height:0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-heading h2{margin:0;font-size:12px}.section-heading p{margin:2px 0 0;font-size:9px;color:var(--muted)}.icon-button{width:29px;height:29px;display:grid;place-items:center;font:inherit;font-size:19px;line-height:1;border:1px solid #dce5e6;border-radius:9px;background:#fff;color:var(--teal);cursor:pointer}.driver-list{display:flex;flex-direction:column;gap:6px;max-height:177px;overflow-y:auto;padding:1px 2px 2px}.driver-row{width:100%;display:flex;align-items:center;gap:9px;text-align:right;padding:8px 9px;background:#fff;border:1px solid transparent;border-radius:10px;cursor:pointer;color:var(--ink);font:inherit}.driver-row:hover{background:#f7f9f9}.driver-row.active{background:#eef8f6;border-color:#d5eeea}.driver-avatar{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:9px;color:var(--teal-dark);background:#e2f1ee;font-size:10px;font-weight:700}.driver-row:nth-child(2) .driver-avatar{color:#a55b2f;background:#fff0e5}.driver-row:nth-child(3) .driver-avatar{color:#5964a5;background:#eeeffb}.driver-row:nth-child(4) .driver-avatar{color:#5e8654;background:#edf5e9}.driver-row:nth-child(5) .driver-avatar{color:#ac5d6b;background:#f9edf0}.driver-name{flex:1;min-width:0}.driver-name strong,.driver-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.driver-name strong{font-size:10px}.driver-name small{font-size:8px;color:var(--muted);margin-top:2px}.driver-row .chevron{font-size:14px;color:#aab4b8}.route-settings{flex:1;min-height:90px;overflow-y:auto;margin-top:17px;border-top:1px solid #edf0f1;padding-top:14px}.route-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.route-title-row h2{font-size:13px;margin:0}.route-title-row p{font-size:9px;color:var(--muted);margin:3px 0 0}.route-badge{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;background:#f2f8f7;color:var(--teal);font-size:8px;white-space:nowrap}.stops-list{display:flex;flex-direction:column;gap:7px;margin:13px 0 10px}.stop-row{position:relative;display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:41px;padding:6px 7px;border:1px solid #edf0f1;border-radius:10px;background:#fff}.stop-number{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;color:#a95b35;background:#fff0e5;font-weight:700;font-size:9px}.stop-name{min-width:0}.stop-name input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:10px;font-weight:600}.stop-distance{font-size:8px;color:var(--muted);margin-top:2px}.stop-actions{display:flex;align-items:center;gap:2px}.tiny-button{height:25px;min-width:25px;padding:0 5px;border:0;border-radius:6px;background:#f4f6f6;color:#728188;font:inherit;font-size:11px;cursor:pointer}.tiny-button:hover{color:var(--teal);background:#e7f3f1}.tiny-button.locate{width:auto;padding:0 7px;font-size:8px;color:var(--teal);background:#eef8f6}.tiny-button.remove:hover{color:var(--red);background:#fff0ef}.add-stop{width:100%;height:34px;border:1px dashed #b9d8d3;border-radius:9px;background:#f8fcfb;color:var(--teal);font:inherit;font-size:9px;font-weight:600;cursor:pointer}.add-stop:hover{background:#edf8f6}.route-options{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf0f1;font-size:9px}.switch-wrap{display:flex;align-items:center;gap:7px;color:#68777e}.switch{width:29px;height:16px;position:relative;border:0;border-radius:9px;background:#cbd4d7;cursor:pointer;padding:0}.switch:after{content:"";position:absolute;width:12px;height:12px;right:2px;top:2px;background:white;border-radius:50%;transition:.18s}.switch.on{background:var(--teal)}.switch.on:after{transform:translateX(-13px)}.route-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:11px 0}.metric{border-radius:10px;background:#f6f8f8;padding:8px 7px;text-align:center}.metric strong{display:block;font-size:12px;color:var(--ink)}.metric span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.run-actions{display:grid;grid-template-columns:minmax(0,1fr) 39px 39px;gap:7px;margin:4px 0 12px}.button-primary{height:38px;background:var(--teal);color:#fff;font-size:10px;font-weight:700;box-shadow:0 5px 11px #0d766c20}.button-primary:hover{background:var(--teal-dark);transform:translateY(-1px)}.button-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.control-button{height:38px;border:1px solid #dce5e6;background:white;border-radius:9px;font:inherit;font-size:14px;color:#6c7a81;cursor:pointer}.control-button:hover{border-color:var(--teal);color:var(--teal)}.simulation-strip{display:none;align-items:center;justify-content:space-between;border-radius:9px;background:#eaf6f3;padding:8px 10px;color:var(--teal-dark);font-size:8px;margin-bottom:10px}.simulation-strip.visible{display:flex}.simulation-strip strong{font-size:9px}.panel-footer{height:42px;flex:none;display:flex;align-items:center;gap:6px;border-top:1px solid #edf0f1;color:#87949a;font-size:8px}.footer-lock{color:#55a58f;font-size:8px}.toast{position:fixed;z-index:1000;bottom:24px;left:50%;transform:translate(-50%,14px);opacity:0;padding:10px 15px;border-radius:10px;background:#1d333c;color:#fff;font-size:11px;box-shadow:0 10px 24px #18272e2b;transition:.22s;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%,0)}.leaflet-control-zoom{border:0!important;box-shadow:var(--shadow)!important}.leaflet-control-zoom a{color:#2c4750!important}.leaflet-control-attribution{font-size:9px!important}.truck-marker{width:34px;height:34px;border-radius:12px;background:var(--teal);border:3px solid white;box-shadow:0 4px 12px #153d4245;display:grid;place-items:center;color:white;font-size:17px}.custom-stop-marker{width:28px;height:28px;border-radius:10px;background:var(--orange);border:2px solid white;box-shadow:0 3px 9px #573b2940;color:white;font-weight:700;font-size:10px;display:grid;place-items:center}.origin-marker{width:31px;height:31px;border-radius:50% 50% 50% 6px;transform:rotate(-45deg);background:var(--teal);border:3px solid white;box-shadow:0 3px 9px #173c3d45}.origin-marker span{transform:rotate(45deg);font-size:13px;color:white}.leaflet-div-icon{background:none;border:0}
@media(max-width:980px){.workspace{grid-template-columns:minmax(0,1fr) 350px}.sidebar{padding-left:17px;padding-right:17px}}
@media(max-width:760px){.topbar{height:62px;padding:0 15px}.brand-mark{width:36px;height:36px;border-radius:12px}.brand-lockup strong{font-size:13px}.brand-lockup span{font-size:9px}.topbar-meta{font-size:0}.topbar-meta .topbar-divider,.topbar-meta span:last-child{display:none}.workspace{height:calc(100dvh - 62px);min-height:560px;display:flex;flex-direction:column}.map-area{height:43%;min-height:260px;flex:none}.sidebar{height:57%;padding:16px 15px 0;border-left:0;border-top:1px solid var(--line)}.panel-heading{margin-bottom:10px}.panel-heading h1{font-size:17px}.origin-card{padding:10px}.origin-value{margin:8px 0}.driver-section{margin-top:12px}.driver-list{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.driver-row{width:auto;min-width:112px;flex:0 0 auto}.route-settings{margin-top:11px;padding-top:10px}.panel-footer{height:34px;flex:none}.map-instruction{top:11px;left:11px;padding:9px 10px;min-width:0}.instruction-icon{width:29px;height:29px}.map-instruction div span{max-width:185px;font-size:9px}.map-legend{bottom:10px;left:10px;padding:8px 9px;font-size:8px}}
@media(max-height:760px) and (min-width:761px){.sidebar{padding-top:15px}.panel-heading{margin-bottom:10px}.origin-card{padding:9px}.driver-section{margin-top:12px}.driver-list{max-height:132px}.route-settings{margin-top:11px;padding-top:10px}.panel-footer{height:34px}}
.stop-row.located{border-color:#e3eeeb}.stop-row.current{border-color:#f0bd9b;background:#fffaf7}.stop-row.visited{border-color:#d9ede6;background:#f7fcfa}.stop-meta{font-size:8px;color:var(--muted);margin-top:2px;white-space:nowrap}.stop-meta.ready{color:var(--teal)}.stop-meta.visited{color:#52947b}.stop-actions{flex-wrap:wrap;justify-content:flex-start}.stop-actions .tiny-button{font-size:10px}.stop-actions .tiny-button.locate{font-size:8px}.route-notice{font-size:8px;line-height:1.8;color:#74838a;background:#f6f8f8;border-radius:8px;padding:7px 9px;margin:8px 0}.simulation-strip .live-dot{width:6px;height:6px;border-radius:50%;background:#2c9b79;display:inline-block;margin-left:5px;animation:pulse 1.2s infinite}.simulation-strip.complete{background:#edf7e9;color:#547e45}@keyframes pulse{50%{opacity:.35}}.modal-backdrop{position:fixed;z-index:1500;inset:0;background:#10292d55;display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}.modal-backdrop[hidden]{display:none}.driver-dialog{width:min(100%,370px);background:#fff;border-radius:18px;padding:22px;box-shadow:0 20px 70px #15282c33;direction:rtl}.dialog-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:19px}.dialog-top h2{font-size:17px;margin:3px 0 0}.driver-dialog label{display:block;font-size:10px;font-weight:600;margin-bottom:6px}.driver-dialog input{width:100%;height:41px;border:1px solid #dfe7e8;border-radius:10px;padding:0 11px;direction:auto;font:inherit;font-size:12px;outline:0}.driver-dialog input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0d766c1c}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.dialog-actions .button{height:38px;font-size:10px}.leaflet-tooltip.route-tooltip{border:0;border-radius:8px;box-shadow:var(--shadow);font:10px "Vazirmatn",Tahoma,sans-serif;color:var(--ink);direction:rtl}.leaflet-tooltip.route-tooltip:before{border-top-color:#fff}
.map-instruction.placing{border-color:#9ccfc6;box-shadow:0 0 0 3px #0d766c1c,var(--shadow)}.button-outline.has-value{color:#596d72}
@media(max-width:760px){body{overflow-y:auto}.workspace{height:auto;min-height:calc(100dvh - 62px)}.map-area{height:42dvh;min-height:260px;max-height:420px}.sidebar{height:auto;min-height:0;overflow:visible;padding-bottom:0}.route-settings{flex:none;min-height:0;overflow:visible}.panel-footer{margin-top:8px}}
@media(max-width:760px){.brand-lockup strong{font-size:14px}.section-label strong{font-size:12px}.section-label small,.origin-value{font-size:10px}.button-outline{font-size:11px;min-height:38px}.section-heading h2{font-size:13px}.section-heading p,.driver-name small{font-size:9px}.driver-row{min-height:43px}.driver-name strong{font-size:11px}.route-title-row h2{font-size:14px}.route-title-row p,.route-badge{font-size:9px}.stop-row{min-height:46px}.stop-name input{font-size:12px}.stop-meta{font-size:9px;white-space:normal}.tiny-button{min-height:29px;min-width:29px;font-size:11px}.tiny-button.locate{font-size:9px}.add-stop{height:39px;font-size:11px}.route-options{font-size:10px}.metric strong{font-size:13px}.metric span,.route-notice{font-size:9px}.button-primary{font-size:11px}.panel-footer{height:39px;font-size:9px}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.map-search{position:absolute;top:20px;right:20px;z-index:600;width:min(390px,calc(100% - 40px));direction:rtl}.map-search-form{height:48px;display:flex;align-items:center;gap:9px;padding:5px 8px 5px 6px;border:1px solid #e3e9e9;border-radius:14px;background:#fff;box-shadow:var(--shadow)}.map-search-icon{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--mint);color:var(--teal);font-size:24px;line-height:1}.map-search-form input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:11px}.map-search-form input::placeholder{color:#98a4a8}.map-search-form button{height:34px;padding:0 13px;border:0;border-radius:9px;background:var(--teal);color:#fff;font:inherit;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap}.map-search-form button:hover{background:var(--teal-dark)}.map-search-form button:disabled{opacity:.6;cursor:wait}.map-search-credit{padding:4px 8px 0;color:#718088;font-size:8px;text-align:right;text-shadow:0 1px 2px white}.map-search-credit a{color:var(--teal-dark);text-decoration:none}.map-search-results{position:absolute;top:54px;right:0;left:0;max-height:min(340px,50vh);overflow:auto;border:1px solid #e3e9e9;border-radius:12px;background:#fff;box-shadow:var(--shadow)}.map-search-results[hidden]{display:none}.map-search-message{padding:14px 13px;color:#718088;font-size:10px}.map-search-results.loading .map-search-message{color:var(--teal)}.map-search-results.error .map-search-message{color:#b64f47}.map-search-result{width:100%;display:flex;align-items:center;gap:9px;padding:10px 11px;border:0;border-bottom:1px solid #edf0f1;background:#fff;text-align:right;color:var(--ink);font:inherit;cursor:pointer;direction:rtl}.map-search-result:last-child{border-bottom:0}.map-search-result:hover,.map-search-result:focus-visible{background:#f2f8f7;outline:0}.search-result-pin{width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:9px;background:#e9f5f2;color:var(--teal);font-size:18px}.search-result-copy{flex:1;min-width:0}.search-result-copy strong,.search-result-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-copy strong{font-size:10px}.search-result-copy small{max-width:100%;margin-top:3px;color:#7d898e;font-size:8px}.search-result-arrow{color:#91a09f;font-size:15px}.search-candidate-marker{width:36px;height:36px;display:grid;place-items:center;border:3px solid #fff;border-radius:50% 50% 50% 7px;transform:rotate(-45deg);background:var(--orange);box-shadow:0 4px 13px #213b4245;color:white;font-size:20px}.search-place-popup{width:min(270px,65vw);direction:rtl;text-align:right}.search-place-popup strong,.search-place-popup small{display:block}.search-place-popup strong{margin-bottom:5px;color:var(--ink);font:700 12px "Vazirmatn",Tahoma,sans-serif}.search-place-popup small{color:#718088;font:9px/1.7 "Vazirmatn",Tahoma,sans-serif}.search-place-add{width:100%;height:34px;margin-top:10px;border:0;border-radius:8px;background:var(--teal);color:white;font:600 10px "Vazirmatn",Tahoma,sans-serif;cursor:pointer}.search-place-add:hover{background:var(--teal-dark)}.search-place-leaflet-popup .leaflet-popup-content{margin:12px 13px;width:auto!important}.search-place-leaflet-popup .leaflet-popup-content-wrapper{border-radius:12px}.search-place-leaflet-popup .leaflet-popup-tip{background:white}
@media(max-width:760px){.map-search{top:11px;right:11px;width:min(365px,calc(100% - 22px))}.map-search-form{height:44px}.map-search-form input{font-size:10px}.map-search-form button{height:32px;padding:0 10px;font-size:9px}.map-search-credit{font-size:7px}.map-search-results{top:49px;max-height:38vh}.map-instruction{top:68px;left:11px}.map-legend{bottom:10px;left:10px}}
.map-style-switch{position:absolute;z-index:450;right:20px;bottom:72px;display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #e2e8e8;border-radius:11px;background:#fff;box-shadow:var(--shadow);direction:rtl}.map-style-button{height:31px;display:flex;align-items:center;gap:5px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#66777d;font:600 9px "Vazirmatn",Tahoma,sans-serif;cursor:pointer;white-space:nowrap}.map-style-button span{font-size:13px}.map-style-button[aria-pressed="true"]{background:var(--teal);color:#fff}.map-style-button:not([aria-pressed="true"]):hover{background:#f0f7f6;color:var(--teal-dark)}
@media(max-width:760px){.map-style-switch{right:11px;bottom:63px}.map-style-button{height:32px;padding:0 9px;font-size:9px}}
.map-location-button{position:absolute;z-index:450;bottom:120px;right:20px;height:40px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #e3e9e9;border-radius:12px;background:#fff;color:#30464d;box-shadow:var(--shadow);font:inherit;font-size:10px;font-weight:600;cursor:pointer;transition:.18s ease}.map-location-button:hover{border-color:#b8d8d3;background:#f7fbfa;color:var(--teal-dark)}.map-location-button:disabled{opacity:.65;cursor:wait}.map-location-button.loading .map-location-icon{animation:location-pulse .8s ease-in-out infinite alternate}.map-location-icon{font-size:17px;color:#2779de;line-height:1}.map-location-button:focus-visible{outline:3px solid #2779de55;outline-offset:2px}@keyframes location-pulse{to{transform:scale(1.2);opacity:.55}}@media(max-width:760px){.map-location-button{bottom:111px;right:11px;height:36px;padding:0 10px;font-size:9px}}