.route-optimizer-shell{background:transparent;border-radius:0;box-shadow:none;max-width:100%;min-height:700px;padding:0;width:100%}.route-optimizer-shell .tool-app-frame{background:#fff;border-radius:18px;box-shadow:0 20px 50px rgba(15,23,42,.12);height:100%;min-height:700px;overflow:hidden;position:relative}.route-optimizer-shell ::-webkit-scrollbar{height:6px;width:6px}.route-optimizer-shell ::-webkit-scrollbar-track{background:transparent}.route-optimizer-shell ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.route-optimizer-shell ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ro-labor-cost-row{align-items:center;background:linear-gradient(135deg,#fef3c7,#fef9c3);border:1px solid #fcd34d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.875rem;padding:.6rem .875rem}.ro-labor-cost-row label{color:#92400e;font-size:.8rem;font-weight:600}.ro-labor-cost-input{align-items:center;background:#fff;border:1px solid #fbbf24;border-radius:6px;display:flex;padding:.25rem .5rem}.ro-labor-cost-input .prefix{color:#92400e;font-size:.85rem;font-weight:600}.ro-labor-cost-input input{background:transparent;border:none;color:#1e293b;font-family:inherit;font-size:.9rem;font-weight:700;padding:.2rem 0;text-align:center;width:60px}.ro-labor-cost-input input:focus{outline:none}.ro-labor-cost-input .suffix{color:#64748b;font-size:.75rem}:root{--ro-blue:#3592ff;--ro-green:#00c79f;--ro-violet:#7c3aed;--ro-red:#ef4444;--ro-amber:#f59e0b;--ro-slate-50:#f8fafc;--ro-slate-100:#f1f5f9;--ro-slate-200:#e2e8f0;--ro-slate-300:#cbd5e1;--ro-slate-400:#94a3b8;--ro-slate-500:#64748b;--ro-slate-600:#475569;--ro-slate-700:#334155;--ro-slate-800:#1e293b;--ro-slate-900:#0f172a}.ro-app-frame{background:#fff;display:flex;height:700px;overflow:hidden}.ro-left-panel{background:#fff;border-right:1px solid var(--ro-slate-200);display:flex;flex-direction:column;flex-shrink:0;width:380px}.ro-panel-header{border-bottom:1px solid var(--ro-slate-200);padding:1.25rem 1.5rem}.ro-panel-header h2{color:var(--ro-slate-800);font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.ro-panel-header p{color:var(--ro-slate-500);font-size:.85rem;margin:0}.ro-panel-content{flex:1;overflow-y:auto;padding:1.25rem}.ro-input-area-wrapper{margin-bottom:1rem;position:relative}.ro-input-area{display:flex;gap:.5rem}.ro-input-area input{border:1px solid var(--ro-slate-300);border-radius:8px;flex:1;font-family:inherit;font-size:.9rem;padding:.7rem 1rem}.ro-input-area input:focus{border-color:var(--ro-blue);box-shadow:0 0 0 3px rgba(53,146,255,.1);outline:none}.ro-autocomplete-dropdown{background:#fff;border:1px solid var(--ro-slate-200);border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.15);display:none;left:0;list-style:none;margin:.25rem 0 0;max-height:220px;overflow-y:auto;padding:.25rem;position:absolute;right:0;top:100%;z-index:100}.ro-autocomplete-dropdown.show{display:block}.ro-autocomplete-dropdown li{align-items:center;border-radius:6px;color:var(--ro-slate-700);cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;padding:.65rem .875rem}.ro-autocomplete-dropdown li.selected,.ro-autocomplete-dropdown li:hover{background:var(--ro-slate-100)}.ro-autocomplete-dropdown .icon{opacity:.7}.ro-autocomplete-dropdown .text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ro-autocomplete-loading{color:var(--ro-slate-500);font-size:.8rem;padding:.875rem;text-align:center}.ro-location-card{align-items:center;background:#fff;border:1px solid var(--ro-slate-200);border-radius:10px;display:flex;gap:.65rem;margin-bottom:.6rem;padding:.75rem;transition:all .2s}.ro-location-card:hover{border-color:var(--ro-blue)}.ro-location-card.verified{background:linear-gradient(90deg,#f0fdf4,#fff);border-left:4px solid var(--ro-green)}.ro-location-card.geocoding{background:linear-gradient(90deg,#eff6ff,#fff);border-left:4px solid var(--ro-blue);opacity:.8}.ro-location-card.error{background:linear-gradient(90deg,#fef2f2,#fff);border-left:4px solid var(--ro-red)}.ro-location-number{align-items:center;background:var(--ro-slate-200);border-radius:50%;color:var(--ro-slate-600);display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:26px;justify-content:center;width:26px}.ro-location-number.start{background:#10b981;color:#fff}.ro-location-number.end{background:#ef4444;color:#fff}.ro-location-info{flex:1;min-width:0}.ro-location-name{align-items:center;color:var(--ro-slate-800);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ro-location-name .spinner-small{animation:ro-spin .8s linear infinite;border:2px solid var(--ro-blue);border-radius:50%;border-top:2px solid transparent;height:14px;width:14px}.ro-location-address{color:var(--ro-slate-500);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ro-location-error-msg{color:#dc2626;font-size:.7rem}.ro-location-actions{display:flex;flex-direction:column;gap:1px}.ro-location-actions button{background:none;border:none;border-radius:4px;color:var(--ro-slate-400);cursor:pointer;padding:3px}.ro-location-actions button:hover:not(:disabled){background:var(--ro-slate-100);color:var(--ro-slate-600)}.ro-location-actions button:disabled{cursor:default;opacity:.3}.ro-remove-btn{background:none;border:none;border-radius:6px;color:var(--ro-slate-400);cursor:pointer;padding:5px}.ro-remove-btn:hover{background:#fef2f2;color:#ef4444}.ro-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:.65rem 1.1rem;transition:all .15s}.ro-btn:active{transform:scale(.98)}.ro-btn-blue{background:var(--ro-blue);color:#fff}.ro-btn-blue:hover{background:#2563eb}.ro-btn-dark{background:var(--ro-slate-900);color:#fff;font-size:.95rem;padding:.875rem;width:100%}.ro-btn-dark:hover{background:var(--ro-slate-800)}.ro-btn-dark:disabled{background:var(--ro-slate-400);cursor:not-allowed}.ro-btn-green{background:var(--ro-green);color:#fff}.ro-btn-green:hover{background:#00b38f}.ro-btn-ghost{background:transparent;color:var(--ro-slate-500)}.ro-btn-ghost:hover{background:var(--ro-slate-100)}.ro-opt-search-indicator{animation:ro-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#eff6ff,#e0f2fe,#eff6ff);background-size:200% 100%;border:1px solid #bfdbfe;border-radius:10px;display:none;margin-bottom:.875rem;padding:.875rem 1rem}.ro-opt-search-indicator.show{display:block}@keyframes ro-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ro-opt-search-content{align-items:center;display:flex;gap:.75rem}.ro-opt-search-spinner{animation:ro-spin .8s linear infinite;border:3px solid #3b82f6;border-radius:50%;border-top-color:transparent;flex-shrink:0;height:20px;width:20px}.ro-opt-search-text{flex:1}.ro-opt-search-text strong{color:#1e40af;display:block;font-size:.85rem;margin-bottom:.125rem}.ro-opt-search-text span{color:#3b82f6;font-size:.75rem}.ro-opt-banner{animation:ro-slideIn .3s ease;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #c4b5fd;border-radius:10px;display:none;margin-bottom:.875rem;padding:.875rem}.ro-opt-banner.show{display:block}@keyframes ro-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ro-opt-banner-content{align-items:flex-start;display:flex;gap:.65rem}.ro-opt-banner-icon{align-items:center;background:var(--ro-violet);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;width:36px}.ro-opt-banner-text h3{color:var(--ro-violet);font-size:.875rem;font-weight:700;margin:0 0 .2rem}.ro-opt-banner-text p{color:#6b21a8;font-size:.8rem;margin:0 0 .65rem}.ro-opt-banner-btn{background:var(--ro-violet);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.45rem .875rem}.ro-opt-banner-btn:hover{background:#6d28d9}.ro-result-card{background:var(--ro-slate-50);border:1px solid var(--ro-slate-200);border-radius:10px;display:none;margin-bottom:.875rem;padding:1rem}.ro-result-card.show{animation:ro-slideIn .3s ease;display:block}.ro-result-card.optimized{background:linear-gradient(90deg,#f0fdf4,#ecfdf5);border-color:#86efac}.ro-result-stats{display:flex;justify-content:space-between}.ro-result-stat label{color:var(--ro-slate-500);display:block;font-size:.65rem;font-weight:700;letter-spacing:.05em;margin-bottom:.2rem;text-transform:uppercase}.ro-result-stat .value{color:var(--ro-slate-800);font-size:1.5rem;font-weight:800}.ro-result-optimized-badge{align-items:center;border-top:1px solid #86efac;color:#15803d;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.ro-result-optimized-badge:hover{color:#166534}.ro-result-optimized-badge .chevron{transition:transform .2s}.ro-result-optimized-badge.expanded .chevron{transform:rotate(180deg)}.ro-result-details{border-top:1px dashed #bbf7d0;display:none;margin-top:.75rem;padding-top:.75rem}.ro-result-details.show{animation:ro-slideIn .2s ease;display:block}.ro-result-details-grid{display:grid;font-size:.8rem;gap:.75rem;grid-template-columns:1fr 1fr}.ro-detail-box{background:#fff;border:1px solid var(--ro-slate-200);border-radius:6px;padding:.65rem}.ro-detail-box.before{background:#fef2f2;border-color:#fecaca}.ro-detail-box.after{background:#f0fdf4;border-color:#bbf7d0}.ro-detail-box-label{color:var(--ro-slate-500);font-size:.6rem;font-weight:700;margin-bottom:.35rem;text-transform:uppercase}.ro-detail-box.before .ro-detail-box-label{color:#dc2626}.ro-detail-box.after .ro-detail-box-label{color:#15803d}.ro-detail-box-value{color:var(--ro-slate-800);font-size:1rem;font-weight:700}.ro-detail-box-sub{color:var(--ro-slate-500);font-size:.7rem}.ro-savings-summary{background:linear-gradient(135deg,#dbeafe,#ede9fe);border-radius:6px;margin-top:.65rem;padding:.65rem;text-align:center}.ro-savings-summary-title{color:var(--ro-violet);font-size:.65rem;font-weight:700;margin-bottom:.35rem;text-transform:uppercase}.ro-savings-summary-value{color:var(--ro-violet);font-size:1.1rem;font-weight:800}.ro-savings-summary-sub{color:#6b21a8;font-size:.7rem;margin-top:.2rem}.ro-map-container{flex:1;position:relative}#ro-map{height:100%;width:100%}.ro-loading-overlay{align-items:center;background:hsla(0,0%,100%,.9);display:none;flex-direction:column;gap:1rem;inset:0;justify-content:center;position:absolute;z-index:500}.ro-loading-overlay.show{display:flex}.ro-loading-content{text-align:center}.ro-spinner{animation:ro-spin .8s linear infinite;border:4px solid var(--ro-slate-200);border-radius:50%;border-top-color:var(--ro-blue);height:44px;margin:0 auto 1rem;width:44px}@keyframes ro-spin{to{transform:rotate(1turn)}}.ro-loading-text{color:var(--ro-slate-700);font-size:.95rem;font-weight:600}.ro-loading-subtext{color:var(--ro-slate-500);font-size:.8rem;margin-top:.25rem}.ro-settings-btn{align-items:center;background:#fff;border:2px solid var(--ro-slate-300);border-radius:50%;bottom:1rem;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;display:flex;height:44px;justify-content:center;left:1rem;position:absolute;transition:all .2s;width:44px;z-index:1000}.ro-settings-btn:hover{background:#eff6ff;border-color:var(--ro-blue)}.ro-settings-btn.active{background:var(--ro-blue);border-color:var(--ro-blue);color:#fff}.ro-settings-btn svg{height:22px;width:22px}.ro-settings-panel{animation:ro-slideUp .2s ease;background:#fff;border:1px solid var(--ro-slate-200);border-radius:12px;bottom:4rem;box-shadow:0 20px 40px rgba(0,0,0,.2);display:none;left:1rem;position:absolute;width:300px;z-index:1000}.ro-settings-panel.show{display:block}@keyframes ro-slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ro-settings-header{align-items:center;background:var(--ro-slate-50);border-bottom:1px solid var(--ro-slate-200);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:.875rem 1rem}.ro-settings-header h3{font-size:.9rem;font-weight:700;margin:0}.ro-settings-close{background:none;border:none;color:var(--ro-slate-400);cursor:pointer;padding:4px}.ro-settings-body{padding:1rem}.ro-settings-body label{color:var(--ro-slate-600);display:block;font-size:.75rem;font-weight:600;margin-bottom:.4rem}.ro-settings-body input{border:1px solid var(--ro-slate-300);border-radius:6px;font-size:.85rem;padding:.6rem;width:100%}.ro-settings-help{color:var(--ro-slate-500);font-size:.7rem;line-height:1.5;margin-top:.6rem}.ro-settings-help a{color:var(--ro-blue);text-decoration:none}.ro-opt-overlay{align-items:center;backdrop-filter:blur(4px);background:rgba(15,23,42,.7);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:1rem;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .2s;z-index:2000}.ro-opt-overlay.active{opacity:1;pointer-events:all}.ro-opt-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px rgba(0,0,0,.25);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;transform:scale(.95);transition:transform .2s;width:100%}.ro-opt-overlay.active .ro-opt-modal{transform:scale(1)}.ro-opt-header{background:linear-gradient(135deg,var(--ro-blue),#2563eb);color:#fff;padding:1.25rem 1.5rem}.ro-opt-header-top{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.ro-opt-header-top .icon{font-size:1.5rem}.ro-opt-header-top h2{color:#fff;font-size:1.1rem;font-weight:700;margin:0}.ro-opt-stats{background:hsla(0,0%,100%,.1);border-radius:10px;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);padding:.65rem}.ro-opt-stat{text-align:center}.ro-opt-stat.highlight{background:rgba(0,199,159,.2);border-radius:6px;margin:-.35rem -.2rem;padding:.35rem .2rem}.ro-opt-stat .label{font-size:.55rem;letter-spacing:.05em;margin-bottom:.15rem;opacity:.85;text-transform:uppercase}.ro-opt-stat .value{font-size:1.05rem;font-weight:800}.ro-opt-stat .sub{background:hsla(0,0%,100%,.2);border-radius:4px;color:#fff;display:inline-block;font-size:.55rem;font-weight:600;margin-top:.1rem;padding:.1rem .35rem}.ro-opt-comparison{display:grid;flex:1;grid-template-columns:1fr 1fr;min-height:0;overflow:hidden}.ro-opt-column{display:flex;flex-direction:column;overflow-y:auto;padding:1rem}.ro-opt-column:first-child{background:var(--ro-slate-50);border-right:1px solid var(--ro-slate-200)}.ro-opt-column:last-child{background:linear-gradient(180deg,#f0fdf4,#fff)}.ro-opt-column h4{border-bottom:1px solid var(--ro-slate-200);color:var(--ro-slate-500);flex-shrink:0;font-size:.7rem;letter-spacing:.08em;margin:0 0 .75rem;padding-bottom:.75rem;text-transform:uppercase}.ro-opt-column:last-child h4{border-color:#bbf7d0;color:#15803d}.ro-opt-column-list{flex:1;overflow-y:auto}.ro-route-step{background:#fff;border:1px solid var(--ro-slate-200);border-radius:8px;display:flex;gap:.75rem;margin-bottom:.4rem;padding:.65rem}.ro-route-step.highlight{background:#eff6ff;border-color:var(--ro-blue)}.ro-step-num{align-items:center;background:var(--ro-slate-200);border-radius:50%;color:var(--ro-slate-600);display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.ro-route-step.highlight .ro-step-num{background:var(--ro-blue);color:#fff}.ro-step-info{flex:1;min-width:0}.ro-step-name{color:var(--ro-slate-800);font-size:.8rem;font-weight:600}.ro-step-address,.ro-step-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ro-step-address{color:var(--ro-slate-500);font-size:.7rem}.ro-step-badge{color:var(--ro-blue);font-size:.65rem;font-weight:600;margin-top:.25rem}.ro-opt-footer{background:#fff;border-top:1px solid var(--ro-slate-200);display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}@media (max-width:768px){.ro-app-frame{flex-direction:column;height:auto;min-height:auto}.ro-left-panel{border-bottom:1px solid var(--ro-slate-200);border-right:none;flex-shrink:0;max-height:none;width:100%}.ro-map-container{flex:none!important;position:relative}#ro-map,.ro-map-container{height:350px!important;min-height:350px!important}#ro-map{width:100%!important}.ro-panel-header{padding:1rem}.ro-panel-header h2{font-size:1.1rem}.ro-panel-content{padding:1rem}.ro-opt-overlay{padding:0}.ro-opt-modal{border-radius:0;height:100%;max-height:100%;max-width:100%}.ro-opt-header{padding:1rem}.ro-opt-header-top{margin-bottom:.75rem}.ro-opt-header-top h2{font-size:1rem}.ro-opt-stats{gap:.5rem;grid-template-columns:repeat(2,1fr);padding:.65rem}.ro-opt-stat .value{font-size:1rem}.ro-opt-stat .label{font-size:.55rem}.ro-opt-stat.highlight{grid-column:span 2}.ro-opt-comparison{grid-template-columns:1fr}.ro-opt-column{padding:.875rem}.ro-opt-column:first-child{border-bottom:1px solid var(--ro-slate-200);border-right:none;max-height:40vh}.ro-opt-column:last-child{max-height:40vh}.ro-opt-footer{padding:.875rem 1rem}.ro-opt-footer .ro-btn{font-size:.8rem;padding:.6rem 1rem}.ro-settings-panel{left:1rem;right:1rem;width:calc(100% - 2rem)}}@media (max-width:480px){.ro-opt-header-top .icon{display:none}.ro-opt-stats{gap:.4rem;grid-template-columns:repeat(2,1fr)}.ro-opt-stat .value{font-size:.95rem}}