.route-page{flex-direction:column;gap:12px;min-width:0;height:calc(100dvh - 64px);min-height:560px;display:flex}.route-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.route-controls{border:1px solid var(--border);background:color-mix(in srgb,var(--card) 78%,transparent);border-radius:8px;flex-shrink:0;grid-template-columns:minmax(260px,2fr) minmax(190px,1fr) minmax(120px,.7fr) auto;align-items:end;gap:10px;padding:12px;display:grid}.route-controls select,.route-controls input{height:36px;font-size:12px}.route-controls>.flex:last-child{justify-content:flex-end;align-items:center}.route-summary{border:1px solid var(--border);background:color-mix(in srgb,var(--card) 64%,transparent);border-radius:8px;flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.route-summary>div{flex-direction:column;gap:2px;padding:9px 14px;display:flex}.route-summary>div+div{border-left:1px solid var(--border)}.route-summary span{text-transform:uppercase;letter-spacing:.04em}.route-workspace{flex:1;grid-template-columns:minmax(0,1.7fr) minmax(340px,1fr);gap:12px;min-height:0;display:grid}.route-map-pane{min-height:0;position:relative}.route-map-expand{z-index:6;box-shadow:var(--shadow-ink);position:absolute;top:10px;right:10px}.route-map-fullscreen{z-index:80;background:var(--background);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex;position:fixed;inset:0}.route-map-fullscreen-head{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--background) 94%,transparent);flex:none;justify-content:space-between;align-items:center;gap:12px;height:58px;padding:8px 12px;display:flex}.route-map-fullscreen-canvas{flex:1;min-height:0}.route-map-fullscreen-canvas>div{border:0;border-radius:0}.route-map-stop-sheet{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:7;border:1px solid var(--border);background:color-mix(in srgb,var(--card) 94%,transparent);max-width:420px;box-shadow:var(--shadow-ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;padding:12px;position:absolute}.route-map-stop-dismiss{width:30px;height:30px;position:absolute;top:6px;right:6px}.route-list-pane{border:1px solid var(--border);background:color-mix(in srgb,var(--muted) 35%,var(--background));border-radius:8px;flex-direction:column;min-height:0;display:flex}.route-list-head{flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:10px 12px 8px;display:flex}.route-progress-label{color:var(--muted-foreground);text-transform:uppercase;margin-left:auto;font-size:10px;font-weight:700}.route-progress{background:color-mix(in srgb,var(--border) 80%,transparent);flex:none;height:2px;margin:0 12px 8px;overflow:hidden}.route-progress span{background:var(--primary);height:100%;transition:width .25s;display:block}.route-list-scroll{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;padding:12px;overflow-y:auto}.route-stop{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:10px;transition:border-color .15s,background-color .15s,box-shadow .15s;position:relative}.route-stop[data-selected=true]{border-color:color-mix(in srgb,var(--primary) 72%,var(--border));background:color-mix(in srgb,var(--primary) 5%,var(--card));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 14%,transparent)}.route-stop[data-status=visited]{background:color-mix(in srgb,var(--muted) 42%,var(--card))}.route-stop[data-status=skipped]{opacity:.68;border-style:dashed}.route-stop[data-next=true] .route-index{background:var(--primary);color:var(--background)}.route-return-card{background:color-mix(in srgb,var(--muted) 45%,var(--card));border-style:dashed;margin-bottom:4px}.route-leg{min-height:32px;color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:8px;padding:5px 8px 5px 42px;font-size:10px;display:flex;position:relative}.route-leg:before{content:"";background:color-mix(in srgb,var(--primary) 58%,transparent);width:1px;position:absolute;top:0;bottom:0;left:23px}.route-leg i{color:color-mix(in srgb,var(--primary) 70%,var(--muted-foreground));font-size:12px;font-style:normal}.route-leg[data-state=completed]{opacity:.58}.route-leg[data-state=active]{color:var(--foreground);font-weight:600}.route-leg[data-state=active]:before{background:var(--primary);width:2px}.route-return{margin-bottom:4px}.route-index{border:1px solid color-mix(in srgb,var(--primary) 45%,var(--border));font-variant-numeric:tabular-nums;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:grid}.route-stop[data-status=visited] .route-index{border-color:var(--muted-foreground);color:var(--muted-foreground)}.route-next-label,.route-visited-label{border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border));color:var(--primary);text-transform:uppercase;border-radius:4px;align-items:center;gap:3px;padding:2px 5px;font-size:9px;font-weight:700;display:inline-flex}.route-visited-label{border-color:var(--border);color:var(--muted-foreground)}.route-map-legend{z-index:5;border:1px solid var(--border);background:color-mix(in srgb,var(--background) 88%,transparent);color:var(--muted-foreground);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;gap:10px;padding:5px 7px;font-size:9px;display:flex;position:absolute;bottom:10px;left:10px}.route-map-legend span{align-items:center;gap:4px;display:flex}.route-map-legend i{background:var(--primary);width:14px;height:2px;display:block}.route-map-legend i[data-state=active]{height:3px}.route-map-legend i[data-state=completed]{background:var(--muted-foreground);opacity:.65}.route-mobile-tabs{display:none}@media (width<=1180px){.route-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.route-controls>.flex:last-child{grid-column:1/-1}}@media (width<=1023px){.route-page{height:calc(100dvh - 128px)}.route-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.route-page{gap:10px;height:auto;min-height:calc(100svh - 112px)}.route-header h1{font-size:24px}.route-header>div:first-child>p{display:none}.route-controls{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.route-controls>div:first-child,.route-controls>.flex:last-child{grid-column:1/-1}.route-controls>.flex:last-child>*{flex:1}.route-summary>div{padding:7px 10px}.route-summary>div:nth-child(3){border-left:0;border-top:1px solid var(--border)}.route-summary>div:nth-child(4){border-top:1px solid var(--border)}.route-workspace{grid-template-columns:1fr;min-height:min(68svh,720px)}.route-map-pane{min-height:clamp(430px,68svh,680px)}.route-mobile-tabs{flex-shrink:0;gap:6px;display:flex}.route-workspace[data-mobile=map] .route-list-pane,.route-workspace[data-mobile=route] .route-map-pane{display:none}}@media (width>=768px){.route-map-stop-sheet{bottom:20px;left:20px;right:auto}}@media (width<=420px){.route-controls{grid-template-columns:1fr}.route-controls>*{grid-column:auto}.route-summary strong{font-size:15px}}@media (prefers-reduced-motion:reduce){.route-stop,.route-progress span{transition:none}}.pipeline-page{flex-direction:column;gap:16px;min-width:0;height:calc(100dvh - 64px);min-height:540px;display:flex}.pipeline-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.pipeline-metrics{flex-shrink:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.pipeline-metric{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.pipeline-toolbar{flex-direction:column;flex-shrink:0;gap:10px;display:flex}.pipeline-board{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;padding-bottom:8px;overflow:auto hidden}.pipeline-track{gap:14px;width:max-content;min-width:100%;height:100%;display:flex}.pipeline-column{border:1px solid var(--border);background:color-mix(in srgb,var(--muted) 35%,var(--background));border-radius:8px;flex-direction:column;flex:none;width:284px;height:100%;min-height:0;display:flex;position:relative}.pipeline-column[data-drop=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--background))}.pipeline-column-header{border-bottom:1px solid var(--border);flex:none;padding:14px 12px 12px;position:relative}.pipeline-column-control{border:1px solid var(--border);background:var(--background);width:112px;min-width:0;height:28px;color:var(--muted-foreground);cursor:pointer;border-radius:6px;padding:0 6px;font-size:10px}.pipeline-column-control:focus{color:var(--foreground);outline:2px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:1px}.pipeline-column[data-connect=true] .pipeline-column-header:after{content:"→";z-index:1;width:14px;color:var(--primary);text-align:center;font-size:12px;position:absolute;top:15px;right:-14px}.pipeline-column[data-stage=lost]{border-style:dashed}.pipeline-column[data-stage=lost] .pipeline-column-header{color:var(--muted-foreground)}.pipeline-cards{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;padding:10px;overflow-y:auto}.pipeline-card{border:1px solid var(--border);background:var(--card);cursor:grab;border-radius:7px;margin-bottom:10px;padding:13px;transition:transform .14s,border-color .14s;position:relative}.pipeline-card:hover,.pipeline-card:focus-within{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));transform:translateY(-1px)}.pipeline-card[data-dragging=true]{opacity:.45}.pipeline-card:active{cursor:grabbing}.pipeline-card-open{z-index:1;border-radius:7px;width:100%;height:100%;position:absolute;inset:0}.pipeline-card-control{z-index:2;position:relative}.pipeline-drop-placeholder{border:1px dashed var(--primary);color:var(--primary);text-align:center;border-radius:6px;margin-bottom:10px;padding:20px 10px;font-size:12px}.pipeline-list{flex:1;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:12px;min-height:0;padding:2px;display:grid;overflow-y:auto}.pipeline-list .pipeline-card{margin:0}.pipeline-stage-nav{display:none}@media (width<=1023px){.pipeline-page{height:calc(100dvh - 128px)}.pipeline-metric{gap:6px;padding:8px}}@media (width<=767px){.pipeline-page{gap:12px;height:calc(100dvh - 112px);min-height:620px}.pipeline-header h1{font-size:24px}.pipeline-header>div:first-child>p{display:none}.pipeline-metrics{scrollbar-width:thin;display:flex;overflow-x:auto}.pipeline-metric{flex-direction:column;align-items:flex-start;min-width:126px}.pipeline-stage-nav{scrollbar-width:none;flex-shrink:0;gap:4px;display:flex;overflow-x:auto}.pipeline-stage-nav button{flex-shrink:0}.pipeline-board{scroll-snap-type:x mandatory}.pipeline-track{gap:12px;width:auto}.pipeline-column{scroll-snap-align:start;width:100%}.pipeline-column[data-connect=true] .pipeline-column-header:after{display:none}.pipeline-list{grid-template-columns:1fr}.pipeline-filter-sheet{grid-template-columns:1fr;gap:14px;margin-top:20px;display:grid}}@media (prefers-reduced-motion:reduce){.pipeline-card{transition:none}.pipeline-card:hover{transform:none}}