#route-list .route-client{display:flex;align-items:center;gap:10px;padding:12px 8px;border:1px solid #d8e9e4;border-radius:14px;background:#fff;margin-bottom:10px}
#route-list .route-client,#route-list .route-client span,#route-list .route-client b,#route-list .route-client small{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#route-list .route-client>span{flex:1;min-width:0;overflow-wrap:anywhere}
#route-list .route-client input{width:66px;flex:0 0 66px;min-width:0;user-select:text;-webkit-user-select:text}
#route-list .route-grip{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;flex:0 0 44px;width:44px;min-height:48px;padding:4px;background:#dff5ec;color:#087c5b;font-size:28px;border-radius:10px}
#route-list .route-dragging{position:relative;z-index:3;background:#e6fff3;border-color:#087c5b;box-shadow:0 10px 26px #087c5b55;will-change:transform;pointer-events:none}
#route-dialog{position:relative;overflow-y:auto;max-height:85dvh;overflow-anchor:none;overscroll-behavior:contain;overscroll-behavior-y:contain;touch-action:pan-y}
#route-dialog #route-sticky-actions{position:sticky;top:0;z-index:8;display:flex;justify-content:flex-end;gap:8px;margin:-2px -2px 12px;padding:8px 2px;background:linear-gradient(#f7f9fc 82%,#f7f9fc00)}
#route-dialog #cancel-route-top,#route-dialog #save-route-top{margin:0;padding:10px 14px;border-radius:12px;font-weight:800;box-shadow:0 3px 12px #12344a22}
#route-dialog #cancel-route-top{border:1px solid #b8d5cd;background:#fff;color:#0a7258}
#route-dialog #save-route-top{border:1px solid #087c5b;background:#087c5b;color:#fff}
#route-dialog #cancel-route-top:active,#route-dialog #save-route-top:active{transform:scale(.98)}
/* El tema oscuro hereda el color de toda la fila. El agarre necesita sus
   propios colores para que los puntos nunca se pierdan sobre un cuadro claro. */
html[data-theme=dark] #route-list .route-grip{
  border:1px solid #397765!important;
  background:#173f37!important;
  color:#a4f4d4!important;
  text-shadow:0 1px 0 #062a21;
}
html[data-theme=dark] #route-list .route-grip:active{background:#0d604b!important;color:#fff!important}