1 line
28 KiB
CSS
1 line
28 KiB
CSS
.location-panel{background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid #eef2f6;border-radius:12px;height:100%;padding:12px 14px;position:relative;transition:box-shadow .3s ease,transform .3s ease}.location-panel:hover{box-shadow:0 10px 30px -10px #3e49541a}.location-panel:before{border-radius:0 4px 4px 0;bottom:22px;content:"";left:0;position:absolute;top:22px;width:4px}.pickup-panel:before{background:linear-gradient(180deg,#1890ff,#096dd9)}.drop-panel:before{background:linear-gradient(180deg,#a855f7,#65387a)}.lp-header{border-bottom:1px dashed #e2e8f0;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.lp-header,.lp-header-actions{align-items:center;flex-wrap:wrap}.lp-header-actions{display:inline-flex;gap:8px}.lp-completion-pill{align-items:center;background:#94a3b824;border:1px solid #94a3b840;border-radius:999px;color:#64748b;display:inline-flex;font-size:11.5px;font-weight:700;letter-spacing:.5px;line-height:1;padding:4px 11px;text-transform:uppercase}.lp-completion-pill--ok{background:#22c55e1f;border-color:#22c55e4d;color:#15803d}.lp-completion-pill--ok:before{content:"✓";font-weight:900;margin-right:4px}.lp-distance-pill{align-items:center;background:linear-gradient(135deg,#1890ff1a,#a855f71a);border:1px solid #65387a33;border-radius:999px;color:#1e293b;display:inline-flex;font-size:11.5px;font-weight:700;gap:4px;letter-spacing:.3px;line-height:1;padding:4px 10px;white-space:nowrap}.lp-distance-pill .lp-distance-arrow{color:#94a3b8;font-weight:600}.pickup-panel .lp-distance-pill{border-color:#1890ff40}.drop-panel .lp-distance-pill{border-color:#65387a40}.lp-swap-btn{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;color:#475569!important;height:32px!important;transition:all .2s ease;width:32px!important}.lp-swap-btn:hover{background:#f8fafc!important;border-color:#cbd5e1!important;color:#1e293b!important;transform:rotate(180deg)}.pickup-panel .lp-swap-btn:hover{border-color:#1890ff59!important;color:#1890ff!important}.drop-panel .lp-swap-btn:hover{border-color:#65387a59!important;color:#65387a!important}.lp-swap-btn.Mui-disabled{background:#f8fafc!important;border-color:#eef2f6!important;color:#cbd5e1!important}.lp-header-title{gap:12px}.lp-badge,.lp-header-title{align-items:center;display:flex}.lp-badge{border-radius:10px;box-shadow:0 4px 10px #0000001a;color:#fff;flex-shrink:0;font-size:15px;height:34px;justify-content:center;width:34px}.pickup-panel .lp-badge{background:linear-gradient(135deg,#1890ff,#096dd9);box-shadow:0 6px 14px #1890ff4d}.drop-panel .lp-badge{background:linear-gradient(135deg,#a855f7,#65387a);box-shadow:0 6px 14px #65387a4d}.lp-title{color:#1e293b;font-size:15px;font-weight:700;line-height:1.2}.lp-subtitle{color:#94a3b8;font-size:11.5px;margin-top:1px}.lp-action-btn{border-radius:8px!important;font-size:12px!important;font-weight:600!important;letter-spacing:.2px!important;min-height:30px!important;padding:5px 11px!important;text-transform:none!important}.pickup-panel .lp-action-btn{background:#1890ff14!important;color:#1890ff!important}.pickup-panel .lp-action-btn:hover{background:#1890ff29!important}.drop-panel .lp-action-btn{background:#a855f71a!important;color:#65387a!important}.drop-panel .lp-action-btn:hover{background:#a855f72e!important}.lp-action-btn.Mui-disabled{background:#f8fafc!important;color:#cbd5e1!important}.lp-action-btn--ghost{background:#0000!important;border:1px dashed #cbd5e1!important;color:#475569!important}.lp-action-btn--ghost:hover{background:#f8fafc!important;border-color:#94a3b8!important;color:#1e293b!important}.lp-action-btn--ghost.Mui-disabled{background:#0000!important;border-color:#e2e8f0!important;color:#cbd5e1!important}.address-search-helper{align-items:center!important;display:flex!important;font-size:13px!important;font-weight:500!important;gap:6px!important;margin-left:2px!important;margin-top:6px!important}.address-search-helper.pickup-helper{color:#1890ff!important}.address-search-helper.drop-helper{color:#65387a!important}.field-group-caption{align-items:center;color:#64748b;display:flex;font-size:10.5px;font-weight:700;gap:8px;letter-spacing:.7px;margin-bottom:8px;text-transform:uppercase}.field-group-caption:after{background:linear-gradient(90deg,#e2e8f0,#0000);content:"";flex:1 1;height:1px}.field-group-dot{border-radius:50%;display:inline-block;height:7px;width:7px}.pickup-panel .field-group-dot{background:#1890ff}.drop-panel .field-group-dot{background:#65387a}.address-search-block{background:#1890ff0a;border:1px solid #1890ff1f;border-radius:12px;padding:16px;transition:border-color .2s ease}.drop-panel .address-search-block{background:#a855f70a;border:1px solid #65387a1f}.address-search-block:focus-within{border-color:#1890ff66}.drop-panel .address-search-block:focus-within{border-color:#65387a66}.address-search-hint{align-items:center;color:#64748b;display:flex;font-size:11.5px;font-weight:500;gap:6px;margin-bottom:12px}.save-later-pill{align-items:center;background:linear-gradient(135deg,#22c55e1a,#22c55e0a);border:1px dashed #86efac;border-radius:999px;display:inline-flex;gap:6px;margin-top:4px;padding:4px 12px 4px 8px}.save-later-pill .MuiFormControlLabel-root{margin:0}.save-later-pill .MuiCheckbox-root{color:#22c55e;padding:4px}.save-later-pill .MuiTypography-root{color:#15803d;font-size:13.5px;font-weight:600}.route-flow{display:flex;flex-direction:column;gap:18px}.route-flow-link{align-items:center;display:flex;gap:18px;justify-content:flex-start;min-height:80px;padding:22px 0 22px 31px;position:relative}.route-flow-link:before{background:repeating-linear-gradient(180deg,#cbd5e1,#cbd5e1 4px,#0000 0,#0000 8px);bottom:0;content:"";left:46px;position:absolute;top:0;width:2px;z-index:1}.route-flow-arrow{align-items:center;background:#fff;border:2px solid #cbd5e1;border-radius:50%;box-shadow:0 2px 6px #0000000a;color:#64748b;display:inline-flex;height:32px;justify-content:center;position:relative;transition:all .25s ease;width:32px;z-index:2}.route-flow-arrow:hover{background:linear-gradient(135deg,#1890ff,#65387a);border-color:#0000;color:#fff;transform:scale(1.05)}.route-flow-distance{align-items:center;background:linear-gradient(135deg,#1890ff14,#a855f714);border:1px dashed #65387a40;border-radius:999px;color:#475569;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:6px 16px}.route-flow-distance .dist-value{color:#1890ff;font-size:14.5px;font-weight:700}.route-flow-distance .dist-label{color:#64748b;font-size:13.5px;font-weight:500}.route-flow-distance .dist-route{align-items:center;display:inline-flex;gap:5px;margin-right:2px}.route-flow-distance .dist-dot{border-radius:50%;display:inline-block;height:7px;width:7px}.route-flow-distance .dist-dot--pick{background:#1890ff;box-shadow:0 0 0 2px #1890ff2e}.route-flow-distance .dist-dot--drop{background:#65387a;box-shadow:0 0 0 2px #65387a2e}.route-flow-distance .dist-arrow{color:#94a3b8;font-size:11px;line-height:1}.route-flow-distance .dist-placeholder{color:#94a3b8;font-size:13.5px;font-style:italic;font-weight:500}.route-flow-swap{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:999px!important;box-shadow:0 1px 2px #0000000a;color:#475569!important;display:inline-flex!important;font-size:13.5px!important;font-weight:600!important;gap:6px!important;letter-spacing:.2px!important;margin-left:auto!important;min-width:0!important;padding:6px 14px!important;text-transform:none!important;transition:all .2s ease}.route-flow-swap:hover{background:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:0 4px 10px -2px #00000014;color:#1e293b!important;transform:translateY(-1px)}.route-flow-swap.Mui-disabled{background:#fff!important;border-color:#eef2f6!important;box-shadow:none;color:#cbd5e1!important}.orders-workspace-bg{background:linear-gradient(135deg,#f8fafc,#edf2f7)!important}.dashboard-scroll-col{scrollbar-color:#94a3b866 #0000;scrollbar-width:thin}.dashboard-scroll-col::-webkit-scrollbar{width:8px}.dashboard-scroll-col::-webkit-scrollbar-track{background:#0000}.dashboard-scroll-col::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#94a3b859;border:2px solid #0000;border-radius:999px}.dashboard-scroll-col:hover::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#64748b8c}.section-title-bar{align-items:center;display:flex;gap:12px;margin-bottom:20px}.section-title-bar:before{background:linear-gradient(180deg,#1890ff,#096dd9);border-radius:4px;content:"";flex-shrink:0;height:22px;width:4px}.section-title-bar--accent:before{background:linear-gradient(180deg,#a855f7,#65387a)}.section-title-bar .MuiTypography-root{line-height:1.2;margin-bottom:0!important}.service-config-bar{backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;background:#ffffffbf!important;border:1px solid #fff9!important;border-radius:12px!important;box-shadow:0 4px 20px -5px #94a3b81a!important;flex-shrink:0;margin-bottom:12px!important;padding:12px 20px!important}.console-dashboard-layout{display:flex;flex:1 1;gap:16px;overflow:hidden}.console-left-pane{flex:1.7 1;flex-direction:column}.console-left-pane,.console-right-pane{display:flex;gap:12px;overflow-y:auto;padding-right:4px}.console-right-pane{flex:1 1;flex-direction:column}.console-left-pane::-webkit-scrollbar,.console-right-pane::-webkit-scrollbar{width:4px}.console-left-pane::-webkit-scrollbar-track,.console-right-pane::-webkit-scrollbar-track{background:#0000}.console-left-pane::-webkit-scrollbar-thumb,.console-right-pane::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:99px}.console-left-pane::-webkit-scrollbar-thumb:hover,.console-right-pane::-webkit-scrollbar-thumb:hover{background:#94a3b880}.glass-card{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:#fffc!important;border:1px solid #ffffff80!important;border-radius:12px!important;box-shadow:0 10px 25px -5px #3e49540a,0 4px 12px -2px #3e495405!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.glass-card:hover{border-color:#fffc!important;box-shadow:0 16px 35px -8px #3e495412,0 6px 16px -3px #3e495408!important}.pickup-panel .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#0ea5e9!important;box-shadow:0 0 0 3px #0ea5e91f}.drop-panel .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#a855f7!important;box-shadow:0 0 0 3px #a855f71f}.weight-card-btn.active.weight-light{background:#0ea5e90a!important;border-color:#0ea5e9!important;box-shadow:0 6px 16px #0ea5e926!important}.weight-card-btn.active.weight-light:before{background:#0ea5e9;content:"";height:3px;left:0;position:absolute;right:0;top:0}.weight-card-btn.active.weight-medium{background:#a855f70a!important;border-color:#a855f7!important;box-shadow:0 6px 16px #a855f726!important}.weight-card-btn.active.weight-medium:before{background:#a855f7;content:"";height:3px;left:0;position:absolute;right:0;top:0}.weight-card-btn.active.weight-heavy{background:#6366f10a!important;border-color:#662582!important;box-shadow:0 6px 16px #6366f126!important}.weight-card-btn.active.weight-heavy:before{background:#662582;content:"";height:3px;left:0;position:absolute;right:0;top:0}.orders-card{background:#fff!important;border:1px solid #eef2f6!important;border-radius:12px!important;box-shadow:0 10px 25px -5px #3e49540a,0 4px 12px -2px #3e495405!important;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.location-panel .MuiOutlinedInput-root,.orders-card .MuiOutlinedInput-root{border-radius:10px!important;font-size:13px!important}.location-panel .MuiOutlinedInput-input,.orders-card .MuiOutlinedInput-input{font-size:13px!important;padding-bottom:9px!important;padding-top:9px!important}.location-panel .MuiInputLabel-root,.orders-card .MuiInputLabel-root{font-size:13px!important}.location-panel .MuiInputLabel-root.MuiInputLabel-shrink,.orders-card .MuiInputLabel-root.MuiInputLabel-shrink{font-size:11.5px!important}.location-panel .MuiFormHelperText-root,.orders-card .MuiFormHelperText-root{font-size:11px!important;margin-top:3px!important}.MuiAutocomplete-popper .MuiAutocomplete-option{font-size:13px!important;min-height:34px!important;padding-bottom:6px!important;padding-top:6px!important}.orders-card .MuiTypography-h5{font-size:15px!important}.orders-card .MuiTypography-h6{font-size:13.5px!important}.orders-card:hover{box-shadow:0 16px 35px -8px #3e495414,0 6px 16px -3px #3e495408!important}.glass-panel{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:#fffc!important;border:1px solid #ffffff80!important}.connector-line-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative}.connector-line{background:repeating-linear-gradient(180deg,#1890ff,#1890ff 6px,#0000 0,#0000 12px);bottom:15%;position:absolute;top:15%;width:2px;z-index:1}.connector-icon-wrapper{align-items:center;background:#fff;border:2px solid #1890ff;border-radius:50%;box-shadow:0 4px 10px #1890ff26;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px;z-index:2}.connector-line-wrapper:hover .connector-icon-wrapper{box-shadow:0 6px 14px #1890ff40;transform:scale(1.15) rotate(15deg)}.weight-selector-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:8px 0;width:100%}.weight-card-btn{align-items:center;background:#fff;border:1.5px solid #eef2f6;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:10px 8px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.weight-card-btn:hover{background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-1.5px)}.weight-card-btn.active{background:#1890ff0a;border-color:#1890ff;box-shadow:0 4px 12px -2px #1890ff1f}.weight-card-btn.active:before{background:#1890ff;content:"";height:3px;left:0;position:absolute;right:0;top:0}.weight-card-icon{color:#64748b;font-size:18px;margin-bottom:4px;transition:all .3s ease}.weight-card-btn.active .weight-card-icon{color:#1890ff;transform:scale(1.08)}.weight-card-label{color:#334155;font-size:12.5px;font-weight:600;margin-bottom:2px}.weight-card-desc{color:#64748b;font-size:9.5px;line-height:1.2}.map-preview-wrapper{border:1px solid #eef2f6;border-radius:12px;box-shadow:0 4px 15px #0000000d;height:260px;min-height:260px;overflow:hidden;position:relative}.map-preview-wrapper .leaflet-container{height:100%!important;min-height:0!important}.map-preview-wrapper>div{min-height:0!important}.pricing-summary-card{background:linear-gradient(135deg,#fff,#fafbfc)!important;border:1px solid #eef2f6!important;border-radius:14px!important;padding:14px 16px!important}.pricing-header{align-items:baseline;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.pricing-title{color:#1e293b!important;font-size:14px!important;font-weight:700!important;letter-spacing:-.01em}.pricing-subtitle{color:#94a3b8!important;font-size:11px!important;font-weight:500!important;letter-spacing:.6px;text-transform:uppercase}.price-metric-item{align-items:center;border-bottom:1px solid #f5f7fa;display:flex;justify-content:space-between;padding:7px 0}.price-metric-item:last-of-type{border-bottom:none;padding-bottom:4px}.price-metric-label{align-items:center;color:#475569;display:flex;font-size:12.5px;font-weight:500;gap:10px;min-width:0}.price-metric-icon{align-items:center;border-radius:8px;display:inline-flex;flex-shrink:0;font-size:12px;height:26px;justify-content:center;width:26px}.price-metric-icon.icon-distance{background:#1890ff1a;color:#1890ff}.price-metric-icon.icon-base{background:#22c55e1a;color:#16a34a}.price-metric-icon.icon-rate{background:#f59e0b1f;color:#d97706}.price-metric-sub{color:#94a3b8;font-size:11.5px;font-weight:500}.price-metric-value{align-items:baseline;color:#1e293b;display:inline-flex;font-size:13.5px;font-weight:700;gap:2px;white-space:nowrap}.price-metric-value.highlight{color:#1890ff}.price-metric-unit{color:#94a3b8;font-size:11px;font-weight:500;margin-left:2px}.total-charge-badge{align-items:center;background:linear-gradient(135deg,#1890ff14,#65387a1a);border:1px solid #65387a2e;border-radius:10px;display:flex;gap:12px;justify-content:space-between;margin-top:12px;padding:10px 14px}.total-charge-left{align-items:center;display:inline-flex;gap:8px;min-width:0}.total-charge-icon{color:#65387a;flex-shrink:0;font-size:13px}.total-charge-label{color:#65387a;font-size:11.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.total-charge-val{color:#65387a;font-size:20px;font-weight:800;letter-spacing:-.01em;line-height:1.1;white-space:nowrap}.gradient-btn-create{align-items:center!important;background:linear-gradient(135deg,#1890ff,#65387a)!important;border:none!important;border-radius:10px!important;box-shadow:0 4px 12px -3px #1890ff4d,0 2px 4px #65387a1a!important;color:#fff!important;display:inline-flex!important;font-size:13px!important;font-weight:600!important;gap:8px!important;justify-content:center!important;letter-spacing:.01em!important;min-height:38px!important;padding:8px 18px!important;text-transform:none!important;transition:all .22s cubic-bezier(.4,0,.2,1)!important}.gradient-btn-create .MuiButton-endIcon,.gradient-btn-create .MuiButton-startIcon{margin:0!important}.gradient-btn-create:hover{box-shadow:0 8px 18px -4px #1890ff66,0 3px 8px #65387a2e!important;filter:brightness(1.04)}.gradient-btn-create:active{filter:brightness(.98)}.gradient-btn-create.Mui-disabled,.gradient-btn-create:disabled{background:#e2e8f0!important;box-shadow:none!important;color:#94a3b8!important;cursor:not-allowed!important}.completion-checklist{list-style:none;margin:16px 0;padding:0}.completion-item{align-items:center;color:#64748b;display:flex;font-size:14.5px;gap:12px;line-height:1.4;margin-bottom:10px;transition:all .3s ease}.completion-item.completed{color:#0f172a;font-weight:600}.completion-bullet{background-color:#cbd5e1;border-radius:50%;flex-shrink:0;height:10px;transition:all .3s ease;width:10px}.completion-item.completed .completion-bullet{background-color:#10b981;box-shadow:0 0 8px #10b981}.address-card-btn{background:#fff!important;border:1.5px solid #eef2f6!important;border-radius:12px!important;margin-bottom:12px;padding:16px!important;text-transform:none!important;transition:all .2s ease!important;width:100%}.address-card-btn:hover{background-color:#1890ff05!important;border-color:#1890ff!important;box-shadow:0 4px 12px #00000008;transform:translateY(-2px)}.address-card-btn:disabled{background-color:#f8fafc!important;border-color:#e2e8f0!important;opacity:.7}.pulse-indicator{animation:pulse-green 2s infinite;background:#10b981;border-radius:50%;box-shadow:0 0 0 0 #10b981b3;height:8px;width:8px}@keyframes pulse-green{0%{box-shadow:0 0 0 0 #10b981b3;transform:scale(.95)}70%{box-shadow:0 0 0 6px #10b98100;transform:scale(1)}to{box-shadow:0 0 0 0 #10b98100;transform:scale(.95)}}.pulse-yellow{animation:pulse-yellow-anim 2s infinite;background:#f59e0b;box-shadow:0 0 0 0 #f59e0bb3}@keyframes pulse-yellow-anim{0%{box-shadow:0 0 0 0 #f59e0bb3;transform:scale(.95)}70%{box-shadow:0 0 0 6px #f59e0b00;transform:scale(1)}to{box-shadow:0 0 0 0 #f59e0b00;transform:scale(.95)}}@media (max-width:959px){.connector-line-wrapper{display:none}}@media (min-width:900px){.route-flow{align-items:stretch;flex-direction:row;gap:16px}.route-flow>.location-panel{flex:1 1;min-width:0}.route-flow>.location-panel .MuiGrid-container>.MuiGrid-item{flex-basis:100%!important;max-width:100%!important}.route-flow-link{align-items:center;flex-direction:column;flex-shrink:0;gap:14px;justify-content:center;min-height:0;min-width:92px;padding:8px 4px}.route-flow-link:before{display:none}.route-flow-arrow svg{transform:rotate(-90deg);transition:transform .25s ease}.route-flow-swap{margin-left:0!important;margin-top:0!important}.route-flow-distance{flex-direction:column;gap:4px;line-height:1.2;padding:8px 10px;text-align:center}.route-flow-distance .dist-label{display:none}.route-flow-distance .dist-placeholder{font-size:11px;line-height:1.3}}@media (min-width:1536px){.route-flow>.location-panel .MuiGrid-container>.MuiGrid-item.MuiGrid-grid-sm-6{flex-basis:50%!important;max-width:50%!important}}@media (max-width:1400px){.orders-card .MuiTypography-h5{font-size:17px!important}.orders-card .MuiTypography-h6{font-size:14.5px!important}.lp-title{font-size:15.5px}.lp-subtitle{font-size:12px;margin-top:1px}.lp-badge{border-radius:10px;font-size:15px;height:36px;width:36px}.lp-action-btn{font-size:12.5px!important;padding:5px 10px!important}.route-flow-link{min-height:60px;padding:16px 0 16px 26px}.route-flow-link:before{left:41px}.route-flow-arrow{height:28px;width:28px}.route-flow-distance{font-size:12.5px;padding:4px 12px}.route-flow-swap{font-size:12px!important;padding:4px 10px!important}.map-preview-wrapper{height:220px;min-height:220px}.weight-card-btn{padding:8px 6px}.weight-card-label{font-size:11.5px}.weight-card-desc{font-size:9px}.orders-card{padding:16px!important}.orders-card.page-header-row{padding:10px 16px!important}}@media (min-width:900px){.MuiContainer-root:has(.orders-workspace-bg){max-width:1600px!important;padding-left:16px!important;padding-right:16px!important}main:has(.orders-workspace-bg){padding:16px!important}}.header-compact-tf .MuiOutlinedInput-root{background:#fff;border-radius:10px!important;font-size:12.5px!important;height:40px!important;padding-left:10px!important}.header-compact-tf .MuiOutlinedInput-input{font-size:12.5px!important;padding-bottom:6px!important;padding-top:6px!important}.header-compact-tf .MuiInputLabel-root{color:#64748b!important;font-size:11.5px!important;font-weight:600;letter-spacing:.02em}.header-compact-tf .MuiInputLabel-shrink{background:#fff;padding:0 4px;transform:translate(12px,-7px) scale(.82)!important}.header-compact-tf .MuiOutlinedInput-notchedOutline{border-color:#e2e8f0}.header-compact-tf:hover .MuiOutlinedInput-notchedOutline{border-color:#cbd5e1}.header-compact-tf .Mui-focused .MuiOutlinedInput-notchedOutline{border-width:1.5px!important}.header-compact-input .MuiAutocomplete-endAdornment{align-items:center;display:inline-flex;gap:2px;height:auto;right:8px;top:50%;transform:translateY(-50%)}.header-compact-input .MuiAutocomplete-endAdornment .MuiSvgIcon-root{display:block;font-size:16px}.header-compact-input .MuiAutocomplete-clearIndicator,.header-compact-input .MuiAutocomplete-popupIndicator{align-items:center;color:#94a3b8!important;display:inline-flex;height:22px;justify-content:center;padding:3px!important;width:22px}.header-compact-input .MuiAutocomplete-clearIndicator:hover,.header-compact-input .MuiAutocomplete-popupIndicator:hover{background:#94a3b81f!important;color:#475569!important}.header-compact-input .MuiAutocomplete-popupIndicator{margin-right:0}.header-compact-input .MuiOutlinedInput-root{padding-bottom:0!important;padding-right:60px!important;padding-top:0!important}.header-compact-input .MuiAutocomplete-input{height:auto!important;padding:4px 4px 4px 0!important}.page-header-row{min-height:0!important}.delivery-prefs-card{background:linear-gradient(135deg,#fff,#fbfcff)!important;border:1px solid #eef2f6!important;border-radius:14px!important}.delivery-prefs-header{align-items:baseline;border-bottom:1px solid #f1f5f9;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.delivery-prefs-title{color:#1e293b!important;font-size:14px!important;font-weight:700!important;letter-spacing:-.01em;line-height:1.2}.delivery-prefs-sub{color:#94a3b8!important;font-size:10.5px!important;font-weight:500!important;letter-spacing:.55px;line-height:1.2;text-align:right;text-transform:uppercase}.delivery-prefs-row{display:flex;flex-direction:column;gap:10px}.delivery-prefs-field{display:flex;flex-direction:column;gap:5px}.delivery-prefs-label{align-items:center;color:#64748b;display:inline-flex;font-size:10.5px;font-weight:700;gap:5px;letter-spacing:.55px;text-transform:uppercase}.sms-toggle-tile{align-items:center;background:#fafbfc;border:1px solid #eef2f6;border-radius:10px;cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding:8px 12px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.sms-toggle-tile:hover{background:#fff;border-color:#cbd5e1}.sms-toggle-tile.is-active{background:linear-gradient(135deg,#1890ff0f,#65387a0d);border-color:#1890ff47;box-shadow:0 3px 10px -3px #1890ff2e}.sms-toggle-left{gap:9px;min-width:0}.sms-toggle-icon,.sms-toggle-left{align-items:center;display:inline-flex}.sms-toggle-icon{background:#eef2f6;border-radius:8px;color:#94a3b8;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.sms-toggle-tile.is-active .sms-toggle-icon{background:linear-gradient(135deg,#1890ff,#65387a);box-shadow:0 3px 10px #65387a38;color:#fff}.sms-toggle-title{color:#1e293b!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:-.005em;line-height:1.2!important}.sms-toggle-sub{color:#94a3b8!important;font-size:10.5px!important;font-weight:500!important;line-height:1.2!important;margin-top:1px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sms-toggle-tile .MuiSwitch-root{flex-shrink:0}.route-stepper{align-items:stretch;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:0;margin-bottom:12px;padding:4px}.route-step{align-items:center;background:#0000;border-radius:9px;cursor:pointer;display:flex;flex:1 1;gap:10px;outline:none;padding:6px 10px;transition:background-color .22s ease,box-shadow .22s ease,transform .22s ease;-webkit-user-select:none;user-select:none}.route-step:hover{background:#fff9}.route-step.is-active{background:#fff;box-shadow:0 6px 18px -8px #0f172a1f,0 2px 6px -2px #0f172a0f;transform:translateY(-1px)}.route-step.is-locked{cursor:not-allowed;opacity:.6}.route-step.is-locked:hover{background:#0000}.route-step-index{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;color:#94a3b8;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;height:26px;justify-content:center;transition:all .22s ease;width:26px}.step-pickup.is-active .route-step-index{background:linear-gradient(135deg,#1890ff,#096dd9);border-color:#0000;box-shadow:0 4px 12px #1890ff52;color:#fff}.step-drop.is-active .route-step-index{background:linear-gradient(135deg,#a855f7,#65387a);border-color:#0000;box-shadow:0 4px 12px #65387a52;color:#fff}.step-pickup.is-done:not(.is-active) .route-step-index{background:#22c55e1f;border-color:#22c55e59;color:#16a34a}.route-step-text{display:flex;flex-direction:column;line-height:1.2}.route-step-title{color:#1e293b!important;font-size:13px!important;font-weight:700!important;letter-spacing:-.01em}.route-step-sub,.route-step.is-locked .route-step-title{color:#94a3b8!important}.route-step-sub{font-size:10.5px!important;font-weight:500!important;margin-top:1px!important}.route-step-connector{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-width:28px;padding:0 6px;position:relative}.route-step-line{background:#e2e8f0;border-radius:2px;height:2px;transition:background .3s ease;width:100%}.route-step-connector.is-done .route-step-line{background:linear-gradient(90deg,#1890ff,#a855f7)}.route-step-line-arrow{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;color:#cbd5e1;display:inline-flex;font-size:10px;height:22px;justify-content:center;position:absolute;transition:all .3s ease;width:22px}.route-step-connector.is-done .route-step-line-arrow{border-color:#a855f766;color:#a855f7}.step-nav{align-items:center;border-top:1px dashed #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:12px;padding-top:10px}.step-nav-hint{color:#64748b!important;font-size:11.5px!important;font-weight:500!important}.step-nav-btn{border-radius:8px!important;font-size:12px!important;font-weight:600!important;letter-spacing:.01em!important;min-height:32px!important;padding:6px 14px!important;text-transform:none!important;transition:all .22s ease!important}.step-nav-next{background:linear-gradient(135deg,#1890ff,#65387a)!important;box-shadow:0 6px 18px -6px #65387a59!important;color:#fff!important}.step-nav-next:hover{box-shadow:0 10px 22px -8px #65387a73!important;filter:brightness(1.05);transform:translateY(-1px)}.step-nav-next.Mui-disabled{background:#e2e8f0!important;box-shadow:none!important;color:#94a3b8!important}.step-nav-back{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#475569!important}.step-nav-back:hover{background:#e2e8f0!important;color:#1e293b!important}@media (max-width:599px){.route-step-sub{display:none!important}.route-step{gap:8px;padding:8px 10px}.route-step-index{font-size:13px;height:28px;width:28px}.step-nav{align-items:stretch;flex-direction:column-reverse}.step-nav-btn{width:100%}} |