/* /Pages/RoutepackingPlanPage.razor.rz.scp.css */
.planning-sidebar[b-nqw1o35ac1] { min-width: 0; }
.planning-waypoints[b-nqw1o35ac1], .planning-warnings[b-nqw1o35ac1], .planning-surfaces[b-nqw1o35ac1] { list-style: none; padding: 0; }
.planning-waypoints li[b-nqw1o35ac1] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .4rem 0; border-bottom: 1px solid #ddd; }
.planning-waypoints li[draggable="true"][b-nqw1o35ac1] { cursor: grab; }
.planning-drag-handle[b-nqw1o35ac1] { color: var(--mud-palette-text-secondary); cursor: grab; user-select: none; padding: 0 .1rem; }
.planning-waypoints li.planning-dragging[b-nqw1o35ac1] { opacity: .45; }
.planning-waypoints li.planning-drop-before[b-nqw1o35ac1] { box-shadow: 0 -3px 0 0 var(--mud-palette-primary); }
.planning-waypoints li.planning-drop-after[b-nqw1o35ac1] { box-shadow: 0 3px 0 0 var(--mud-palette-primary); }
.planning-waypoint-name[b-nqw1o35ac1] { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.planning-waypoint-label[b-nqw1o35ac1] { min-width: 1.5rem; font-weight: 600; }
.planning-action[b-nqw1o35ac1], .planning-warning[b-nqw1o35ac1] { font: inherit; color: inherit; background: transparent; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; padding: .4rem; }
.planning-action[b-nqw1o35ac1] { min-width: 44px; min-height: 44px; }
.planning-warning[b-nqw1o35ac1] { text-align: left; width: 100%; margin-bottom: .4rem; }
.planning-instructions[b-nqw1o35ac1] { margin: .75rem 0; }
.planning-distance[b-nqw1o35ac1] { font-weight: 600; margin-top: 1rem; }
.planning-sr-only[b-nqw1o35ac1] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }

.planning-waypoints li[data-error="true"][b-nqw1o35ac1] { border-left: 4px solid var(--mud-palette-error); padding-left: .5rem; background: var(--mud-palette-error-hover); }

.planning-waypoint-link[b-nqw1o35ac1] { display: flex; align-items: center; gap: .5rem; flex: 1 1 calc(100% - 36px); min-width: 0; min-height: 44px; padding: .25rem; font: inherit; text-align: left; color: inherit; background: transparent; border: 0; border-radius: 4px; cursor: pointer; }
.planning-waypoint-link:hover[b-nqw1o35ac1] { background: var(--mud-palette-action-default-hover); }
.planning-waypoint-link:focus-visible[b-nqw1o35ac1], .planning-action:focus-visible[b-nqw1o35ac1] { outline: 3px solid var(--mud-palette-primary); outline-offset: 2px; }

.planning-buttons[b-nqw1o35ac1] { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }

.planning-waypoint-actions[b-nqw1o35ac1] { display: flex; flex-wrap: wrap; gap: .25rem; justify-content: flex-end; width: 100%; }
.planning-waypoint-actions .planning-action[b-nqw1o35ac1] { min-width: 32px; min-height: 32px; }