/* ════════════════════════════════════════════════════════════════════════════
   ADD LOAD PAGE (Redesign Phase 3) — works in light and dark theme via tokens
   ════════════════════════════════════════════════════════════════════════════ */
#add-load-page{
  --al-radius:12px;
  --al-focus:0 0 0 3px rgba(0,102,204,.18);
  position:fixed;top:56px;right:0;bottom:0;left:var(--nav-w,224px);z-index:60;
  display:none;flex-direction:column;background:var(--bg);color:var(--text);
  font-family:var(--font);transition:left .2s ease;
}
#add-load-page.open{display:flex;animation:alIn .18s ease-out;}
@keyframes alIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}

/* Top bar */
#add-load-page .al-top{
  display:flex;align-items:center;gap:14px;padding:14px 28px;
  background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;
}
#add-load-page .al-back{
  width:36px;height:36px;border-radius:9px;border:1px solid var(--border);background:var(--surface);
  color:var(--text2);display:flex;align-items:center;justify-content:center;cursor:pointer;
}
#add-load-page .al-back:hover{background:var(--surface2);color:var(--text);}
#add-load-page .al-title h2{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:0;}
#add-load-page .al-title p{font-size:12.5px;color:var(--text3);margin-top:2px;}
#add-load-page .al-top-actions{margin-left:auto;display:flex;align-items:center;gap:8px;}
#add-load-page .al-draft{font-size:12px;color:var(--green);opacity:0;transition:opacity .3s;margin-right:6px;}
#add-load-page .al-draft.show{opacity:1;}

/* Body layout */
#add-load-page .al-body{flex:1;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:22px 28px 40px;align-items:start;scroll-behavior:smooth;}
#add-load-page .al-form{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:980px;}
#add-load-page .al-form-end{height:30vh;}

/* Section cards */
#add-load-page .al-card{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--al-radius);
  box-shadow:0 1px 2px rgba(15,27,45,.04);transition:border-color .15s,box-shadow .15s;scroll-margin-top:12px;
}
#add-load-page .al-card.al-active{border-color:rgba(0,102,204,.45);box-shadow:0 0 0 3px rgba(0,102,204,.06),0 6px 20px rgba(15,27,45,.06);}
#add-load-page .al-card-head{display:flex;align-items:flex-start;gap:12px;padding:16px 20px 4px;}
#add-load-page .al-card-head h3{font-size:14.5px;font-weight:700;margin:0;letter-spacing:-.005em;}
#add-load-page .al-card-head p{font-size:12px;color:var(--text3);margin-top:2px;line-height:1.5;}
#add-load-page .al-card-head p kbd{font-size:10.5px;}
#add-load-page .al-step{
  width:24px;height:24px;border-radius:7px;flex-shrink:0;margin-top:-1px;
  background:var(--blue-light);color:var(--blue);font-size:12px;font-weight:700;
  display:flex;align-items:center;justify-content:center;font-family:var(--mono);
}
#add-load-page .al-card.al-active .al-step{background:#0066cc;color:#fff;}
#add-load-page .al-sec-kbd{margin-left:auto;opacity:0;transition:opacity .15s;}
#add-load-page .al-card:hover .al-sec-kbd,#add-load-page .al-card.al-active .al-sec-kbd{opacity:1;}
#add-load-page .al-card-body{padding:12px 20px 18px;}

/* Grid */
#add-load-page .al-grid{display:grid;gap:14px 16px;}
#add-load-page .al-grid + .al-grid,#add-load-page .al-grid + .al-field,#add-load-page .al-field + .al-grid{margin-top:14px;}
#add-load-page .al-route + .al-grid{margin-top:14px;}
#add-load-page .al-g2{grid-template-columns:repeat(2,minmax(0,1fr));}
#add-load-page .al-g3{grid-template-columns:repeat(3,minmax(0,1fr));}
#add-load-page .al-g4{grid-template-columns:repeat(4,minmax(0,1fr));}

/* Fields */
#add-load-page .al-field{display:flex;flex-direction:column;min-width:0;position:relative;}
#add-load-page .al-field > label{
  font-size:12px;font-weight:600;color:var(--text2);margin-bottom:6px;display:flex;align-items:center;gap:4px;
}
#add-load-page .al-req{color:#dc2626;font-weight:700;}
#add-load-page .al-opt{margin-left:auto;font-size:10.5px;font-weight:500;color:var(--text3);opacity:.75;}
#add-load-page .al-input{
  width:100%;height:40px;padding:0 12px;border-radius:9px;border:1px solid var(--border2);
  background:var(--surface);color:var(--text);font-size:14px;font-family:var(--font);outline:none;
  transition:border-color .12s,box-shadow .12s,background .3s;
}
#add-load-page select.al-input{cursor:pointer;padding-right:8px;}
#add-load-page .al-input::placeholder{color:var(--text3);opacity:.6;}
#add-load-page .al-input:hover{border-color:var(--text3);}
#add-load-page .al-input:focus{border-color:#0066cc;box-shadow:var(--al-focus);}
#add-load-page .al-mono{font-family:var(--mono);letter-spacing:.01em;}
#add-load-page .al-textarea{height:auto;min-height:80px;padding:10px 12px;line-height:1.5;resize:vertical;}
#add-load-page .al-input.al-invalid{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.12);}
#add-load-page .al-input.al-autofilled{background:rgba(0,102,204,.08);}
#add-load-page .al-hint{font-size:11.5px;color:var(--text3);min-height:0;margin-top:4px;line-height:1.35;}
#add-load-page .al-hint:empty{margin-top:0;}
#add-load-page .al-hint-bad{color:#dc2626;}

/* Prefix / suffix */
#add-load-page .al-affix{position:relative;display:flex;align-items:center;}
#add-load-page .al-affix .al-input{flex:1;}
#add-load-page .al-prefix,#add-load-page .al-suffix{
  position:absolute;top:0;bottom:0;display:flex;align-items:center;font-size:13px;color:var(--text3);pointer-events:none;font-family:var(--mono);
}
#add-load-page .al-prefix{left:12px;}
#add-load-page .al-suffix{right:12px;}
#add-load-page .al-affix .al-prefix + .al-input{padding-left:26px;}
#add-load-page .al-affix .al-input:has(+ .al-suffix){padding-right:40px;}

/* Route with swap */
#add-load-page .al-route{position:relative;}
#add-load-page .al-swap{
  position:absolute;left:50%;top:29px;transform:translateX(-50%);z-index:2;
  width:30px;height:30px;border-radius:50%;border:1px solid var(--border2);background:var(--surface);
  color:var(--text2);display:flex;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:0 2px 6px rgba(15,27,45,.08);transition:transform .2s,color .15s,border-color .15s;
}
#add-load-page .al-swap:hover{color:#0066cc;border-color:#0066cc;transform:translateX(-50%) rotate(180deg);}
#add-load-page .al-route .al-g2{column-gap:40px;}
#add-load-page .al-stops{margin-top:12px;}
#add-load-page .al-stops-list{display:flex;flex-direction:column;gap:8px;}
#add-load-page .al-stops-list:not(:empty){margin-bottom:8px;}
#add-load-page .add-stop-row{display:flex;gap:8px;align-items:center;}
#add-load-page .add-stop-row > div{flex:1;}
#add-load-page .add-stop-row input{height:40px !important;border-radius:9px !important;background:var(--surface) !important;border:1px solid var(--border2) !important;color:var(--text) !important;font-size:14px !important;padding:0 12px !important;}
#add-load-page .add-stop-row button{width:40px;height:40px;border-radius:9px;border:1px solid var(--border2);background:var(--surface);color:var(--text3);cursor:pointer;}
#add-load-page .add-stop-row button:hover{color:#dc2626;border-color:#dc2626;}
#add-load-page .al-link-btn{background:none;border:none;color:#0066cc;font-size:13px;font-weight:600;cursor:pointer;padding:4px 0;font-family:var(--font);}
#add-load-page .al-link-btn:hover{text-decoration:underline;}

/* Transit */
#add-load-page .al-transit{display:flex;align-items:flex-end;padding-bottom:10px;font-size:12.5px;color:var(--text2);}
#add-load-page .al-transit b{color:var(--text);}
#add-load-page .al-transit-warn{color:#b45309;}
#add-load-page .al-transit-bad{color:#dc2626;font-weight:600;}

/* Chips & segmented */
#add-load-page .al-chips{display:flex;flex-wrap:wrap;gap:8px;}
#add-load-page .al-chip{
  height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--border2);background:var(--surface);
  color:var(--text2);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font);transition:all .12s;
}
#add-load-page .al-chip:hover{border-color:#0066cc;color:#0066cc;}
#add-load-page .al-chip.on{background:#0066cc;border-color:#0066cc;color:#fff;box-shadow:0 2px 8px rgba(0,102,204,.25);}
#add-load-page .al-chip:focus-visible,#add-load-page .al-seg button:focus-visible{outline:none;box-shadow:var(--al-focus);}
#add-load-page .al-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
#add-load-page .al-seg button{
  text-align:left;padding:10px 14px;border-radius:10px;border:1px solid var(--border2);background:var(--surface);
  cursor:pointer;font-family:var(--font);display:flex;flex-direction:column;gap:2px;transition:all .12s;
}
#add-load-page .al-seg button b{font-size:13.5px;color:var(--text);}
#add-load-page .al-seg button span{font-size:11.5px;color:var(--text3);}
#add-load-page .al-seg button:hover{border-color:#0066cc;}
#add-load-page .al-seg button.on{border-color:#0066cc;background:rgba(0,102,204,.06);box-shadow:inset 0 0 0 1px #0066cc;}
#add-load-page .al-seg button.on b{color:#0066cc;}
#add-load-page .al-consent{
  display:none;gap:10px;align-items:flex-start;margin-top:12px;padding:12px 14px;border-radius:10px;
  background:rgba(180,83,9,.06);border:1px solid rgba(180,83,9,.2);font-size:12.5px;color:var(--text2);line-height:1.5;cursor:pointer;
}
#add-load-page .al-consent.show{display:flex;}
#add-load-page .al-consent + .al-grid{margin-top:16px;}
#add-load-page .al-field + .al-consent + .al-grid{margin-top:16px;}
#add-load-page .al-consent input{margin-top:3px;width:16px;height:16px;accent-color:#0066cc;flex-shrink:0;}

/* Money math strip */
#add-load-page .al-math{
  margin-top:14px;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;border-radius:10px;overflow:hidden;
  background:var(--border);border:1px solid var(--border);
}
#add-load-page .al-math > div{background:var(--surface2);padding:10px 14px;}
#add-load-page .al-math small{display:block;font-size:11px;color:var(--text3);margin-bottom:2px;}
#add-load-page .al-math b{font-family:var(--mono);font-size:14px;font-weight:600;}
#add-load-page .al-math-empty{grid-column:1/-1;background:var(--surface2);padding:12px 14px;font-size:12.5px;color:var(--text3);}
#add-load-page .al-good{color:#15803d !important;}
#add-load-page .al-warn{color:#b45309 !important;}
#add-load-page .al-bad{color:#dc2626 !important;}

/* Side panel */
#add-load-page .al-side{position:sticky;top:0;display:flex;flex-direction:column;gap:14px;}
#add-load-page .al-side-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--al-radius);padding:16px 18px;}
#add-load-page .al-side-label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);}
#add-load-page .al-summary{background:linear-gradient(160deg,#0b1f44,#12306a);border:none;color:#fff;}
#add-load-page .al-summary .al-side-label{color:rgba(255,255,255,.5);}
#add-load-page .al-sum-id{font-family:var(--mono);font-size:17px;font-weight:600;margin-top:6px;}
#add-load-page .al-sum-cust{font-size:12.5px;color:rgba(255,255,255,.7);margin-top:2px;}
#add-load-page .al-sum-route{margin:16px 0 4px;position:relative;}
#add-load-page .al-sum-stop{display:flex;gap:10px;align-items:flex-start;}
#add-load-page .al-sum-stop b{display:block;font-size:13.5px;font-weight:600;}
#add-load-page .al-sum-stop small{display:block;font-size:11.5px;color:rgba(255,255,255,.62);margin-top:1px;}
#add-load-page .al-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0;}
#add-load-page .al-dot-pu{background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.2);}
#add-load-page .al-dot-del{background:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2);}
#add-load-page .al-sum-line{width:2px;height:20px;background:rgba(255,255,255,.2);margin:3px 0 3px 4px;}
#add-load-page .al-sum-money{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
#add-load-page .al-sum-money:not(:empty){margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);}
#add-load-page .al-sum-money small{display:block;font-size:10.5px;color:rgba(255,255,255,.55);}
#add-load-page .al-sum-money b{font-family:var(--mono);font-size:13.5px;font-weight:600;}
#add-load-page .al-sum-money em{font-style:normal;font-size:11px;opacity:.8;}
#add-load-page .al-summary .al-good{color:#6ee7b7 !important;}
#add-load-page .al-summary .al-warn{color:#fcd34d !important;}
#add-load-page .al-summary .al-bad{color:#fca5a5 !important;}

#add-load-page .al-progress-head{display:flex;justify-content:space-between;align-items:center;}
#add-load-page .al-progress-head span:last-child{font-family:var(--mono);font-size:12px;color:var(--text2);font-weight:600;}
#add-load-page .al-progress{height:6px;border-radius:999px;background:var(--surface3,#eef2f7);margin:10px 0 12px;overflow:hidden;}
#add-load-page .al-progress div{height:100%;width:0;background:#0066cc;border-radius:999px;transition:width .25s ease,background .25s;}
#add-load-page .al-progress div.al-complete{background:#15803d;}
#add-load-page .al-checklist{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:0;padding:0;}
#add-load-page .al-checklist li{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text2);cursor:pointer;border-radius:6px;padding:2px 0;}
#add-load-page .al-checklist li:hover{color:#0066cc;}
#add-load-page .al-checklist li.ok{color:var(--text3);}
#add-load-page .al-check{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;}
#add-load-page .al-checklist li.ok .al-check{background:#15803d;border-color:#15803d;}

#add-load-page .al-actions{display:flex;flex-direction:column;gap:8px;}
#add-load-page .al-session{font-size:12px;color:var(--text3);text-align:center;min-height:16px;}
#add-load-page .al-session b{color:#15803d;}

/* Buttons */
#add-load-page .al-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;
  border-radius:9px;font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;border:1px solid transparent;transition:all .12s;
}
#add-load-page .al-btn:disabled{opacity:.6;cursor:wait;}
#add-load-page .al-btn-ghost{background:transparent;border-color:var(--border2);color:var(--text2);}
#add-load-page .al-btn-ghost:hover{background:var(--surface2);color:var(--text);}
#add-load-page .al-actions .al-btn{height:46px;font-size:14px;width:100%;}
#add-load-page .al-btn-primary{background:#0066cc;color:#fff;box-shadow:0 4px 14px rgba(0,102,204,.3);}
#add-load-page .al-btn-primary:hover{background:#0a74e0;}
#add-load-page .al-btn-secondary{background:var(--surface);color:#0066cc;border-color:rgba(0,102,204,.4);}
#add-load-page .al-btn-secondary:hover{background:rgba(0,102,204,.06);}
#add-load-page .al-btn kbd{background:rgba(255,255,255,.18);border-color:transparent;color:inherit;}
#add-load-page .al-btn-secondary kbd{background:rgba(0,102,204,.08);}

/* kbd */
#add-load-page kbd,#add-load-page .al-kbd{
  display:inline-block;font-family:var(--mono);font-size:10.5px;line-height:1;padding:3px 6px;border-radius:5px;
  background:var(--surface2);border:1px solid var(--border);color:var(--text2);font-weight:500;white-space:nowrap;
}
#add-load-page .al-shortcuts summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--text2);list-style:none;}
#add-load-page .al-shortcuts summary::before{content:'⌨  ';}
#add-load-page .al-shortcuts dl{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin-top:12px;font-size:12.5px;align-items:center;}
#add-load-page .al-shortcuts dd{color:var(--text2);margin:0;}

/* Autocomplete dropdowns (app.js paints them dark inline) */
#add-load-page [id$="-suggestions"]{
  background:var(--surface) !important;border:1px solid var(--border2) !important;border-radius:10px !important;
  box-shadow:0 12px 32px rgba(15,27,45,.16) !important;overflow:hidden;max-height:280px;overflow-y:auto;
}
#add-load-page [id$="-suggestions"] > div{color:var(--text) !important;border-top-color:var(--border) !important;font-size:13.5px !important;}
#add-load-page [id$="-suggestions"] > div:hover,#add-load-page [id$="-suggestions"] > div:first-child{background:rgba(0,102,204,.07) !important;}

/* Sidebar CTA active while the page is open */
body .nav-rail .nav-cta.active{background:#0a74e0;box-shadow:0 0 0 2px rgba(255,255,255,.25),0 4px 14px rgba(0,102,204,.35);}
body.add-load-open .layout{visibility:hidden;}

/* Responsive */
@media (max-width:1280px){
  #add-load-page .al-body{grid-template-columns:minmax(0,1fr) 280px;gap:18px;padding:18px 20px 40px;}
  #add-load-page .al-g4{grid-template-columns:repeat(2,minmax(0,1fr));}
  #add-load-page .al-math{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:980px){
  #add-load-page .al-body{grid-template-columns:1fr;}
  #add-load-page .al-side{position:static;order:-1;}
  #add-load-page .al-shortcuts{display:none;}
}
@media (max-width:768px) and (pointer:coarse){
  #add-load-page{left:0;bottom:64px;}
  #add-load-page .al-top{padding:12px 14px;}
  #add-load-page .al-top-actions .al-btn span{display:none;}
  #add-load-page .al-body{padding:14px 12px 30px;}
  #add-load-page .al-g2,#add-load-page .al-g3,#add-load-page .al-g4,#add-load-page .al-seg{grid-template-columns:1fr;}
  #add-load-page .al-swap{display:none;}
  #add-load-page .al-sec-kbd{display:none;}
}

/* Phones: form first, summary + save after it; no keyboard hints */
@media (max-width:768px) and (pointer:coarse){
  #add-load-page .al-side{order:0;}
  #add-load-page kbd,#add-load-page .al-sec-kbd{display:none !important;}
  #add-load-page .al-title p{font-size:12px;}
}

/* Optional-details divider */
#add-load-page .al-divider{display:flex;align-items:baseline;gap:12px;margin:26px 2px 12px;}
#add-load-page .al-divider span{font-size:15px;font-weight:700;color:var(--text);}
#add-load-page .al-divider small{font-size:12.5px;color:var(--text3);}
#add-load-page .al-divider::after{content:"";flex:1;height:1px;background:var(--border);align-self:center;}
#add-load-page .al-transit-row{padding:4px 0 0;min-height:18px;}

/* Date / time pick list */
#add-load-page .al-pick{display:none;position:absolute;top:calc(100% - 14px);left:0;z-index:40;background:var(--surface,#fff);border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 34px rgba(15,23,42,.18);padding:8px;width:max(100%,300px);}
#add-load-page .al-time .al-pick{width:max(100%,250px);}
#add-load-page .al-pick-days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;}
#add-load-page .al-pick-days button{border:1px solid var(--border);background:var(--surface2,#f4f7fb);border-radius:9px;padding:7px 4px;cursor:pointer;font-family:inherit;color:var(--text);line-height:1.15;}
#add-load-page .al-pick-days button b{display:block;font-size:12.5px;font-weight:700;}
#add-load-page .al-pick-days button span{display:block;font-size:11.5px;color:var(--text3);margin-top:2px;}
#add-load-page .al-pick-times{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:212px;overflow-y:auto;padding-right:2px;}
#add-load-page .al-pick-times button{border:1px solid var(--border);background:var(--surface2,#f4f7fb);border-radius:9px;padding:8px 4px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:var(--text);}
#add-load-page .al-pick button:hover{border-color:var(--blue);color:var(--blue);}
#add-load-page .al-pick button.on{background:var(--blue);border-color:var(--blue);color:#fff;}
#add-load-page .al-pick button.on span{color:rgba(255,255,255,.85);}
#add-load-page .al-pick-cal{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:12.5px;font-weight:600;color:var(--text2);}
#add-load-page .al-pick-cal input{border:1px solid var(--border);border-radius:8px;padding:5px 8px;font-family:inherit;color:var(--text);background:var(--surface,#fff);}
#add-load-page .al-grid + .al-route,#add-load-page .al-grid + .al-stops,#add-load-page .al-stops + .al-field{margin-top:14px;}
/* Route: pickup, stops in order, delivery */
#add-load-page .al-route-v{display:flex;flex-direction:column;gap:6px;margin-top:14px;}
#add-load-page .al-route-v .al-stops{margin:0;padding-left:14px;border-left:2px dashed var(--border);margin-left:10px;}
#add-load-page .al-stops-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 0;}
#add-load-page .al-swap-link{display:inline-flex;align-items:center;gap:6px;color:var(--text3);}
#add-load-page .al-stops-list .add-stop-row{display:flex;gap:8px;align-items:center;}
#add-load-page .al-stops-list .add-stop-row > div{flex:1;}
#add-load-page .al-stops-list .add-stop-row input{height:44px;border-radius:10px !important;font-size:14px !important;}
#add-load-page .al-stops-list .add-stop-row button{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text3);cursor:pointer;flex:none;}
#add-load-page .al-stops-list .add-stop-row::before{content:"Stop";font-size:12px;font-weight:600;color:var(--text3);width:34px;flex:none;}

/* Stop rows: location + type + reorder on the first line; optional ETA / ref / notes below */
#add-load-page .al-stops-list .add-stop-row{flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);}
#add-load-page .al-stops-list .add-stop-row::before{content:none;}
#add-load-page .al-stops-list .add-stop-row > div{flex:none;}
.add-stop-row .as-main{display:flex;gap:8px;align-items:center;min-width:0;}
.add-stop-row .as-main .as-locwrap{flex:1;min-width:0;}
.add-stop-row .as-type{height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--text);font:600 13px var(--font);padding:0 8px;flex:none;}
.add-stop-row .as-more{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);gap:8px;}
.add-stop-row .as-more .al-field{margin:0;position:relative;}
.add-stop-row .as-more input{width:100%;min-width:0;height:38px !important;border:1px solid var(--border);border-radius:8px !important;background:var(--surface2);color:var(--text);font:13px var(--font) !important;padding:0 10px;}
@media (max-width:700px){ .add-stop-row .as-more{grid-template-columns:1fr 1fr;} .add-stop-row .as-main{flex-wrap:wrap;} .add-stop-row .as-main .as-locwrap{flex-basis:100%;} }
/* Edit modal uses the same rows */
#modal-edit .e-stops-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;}
#modal-edit .add-stop-row{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--border);border-radius:10px;}
#modal-edit .add-stop-row .as-type{height:38px;}
#modal-edit .add-stop-row button{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text3);cursor:pointer;flex:none;}
#modal-edit .add-stop-row button:disabled{opacity:.35;cursor:default;}
#modal-edit .add-stop-row .as-more input{height:34px !important;}
#modal-edit .e-add-stop{padding:7px 12px;border-radius:8px;border:1px dashed var(--border2,#cbd5e1);background:transparent;color:var(--blue,#0066cc);font:600 12.5px var(--font);cursor:pointer;}