.infrastructure-toggle{display:inline-flex;align-items:center;gap:8px}.infrastructure-toggle svg{width:20px;height:20px}.infrastructure-toggle[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}
.infra-panel{position:absolute;z-index:650;top:8px;bottom:12px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.infra-panel[hidden]{display:none}.infra-tools{left:12px;width:280px}.infra-properties{right:12px;width:330px}.infra-panel header{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line)}.infra-panel h2{font-size:19px;margin:2px 0}.infra-panel h3{font-size:14px;margin:18px 0 10px}.infra-panel small,.infra-muted{color:var(--muted);font-size:12px}.infra-panel header>svg{width:34px;height:34px;color:var(--accent)}.infra-tool-body,.infra-form{padding:16px;overflow:auto;min-height:0}.infra-form{flex:1}.infra-panel label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;margin:0 0 13px}.infra-panel input,.infra-panel select,.infra-panel textarea{box-sizing:border-box;width:100%;min-width:0;font:inherit;font-size:14px;background:var(--surface-muted);color:var(--text);padding:10px;border:1px solid var(--line);border-radius:9px}.infra-panel button{cursor:pointer;font:inherit;border:1px solid var(--line);border-radius:9px;padding:9px 11px;background:var(--surface-muted);color:var(--text)}.infra-panel button:disabled{opacity:.45;cursor:default}.infra-types{display:grid;grid-template-columns:1fr 1fr;gap:8px}.infra-types button{display:flex;gap:8px;align-items:center;text-align:left;min-height:46px}.infra-types svg,.infra-list-item>svg{width:25px;height:25px;color:var(--accent);flex-shrink:0}.infra-list-head{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.infra-list-head button{font-size:11px}.infra-types+label{margin-top:20px}.infra-list-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;margin-top:8px}.infra-list-item.selected{border-color:var(--accent);background:var(--selection-bg)}.infra-list-item span{display:flex;flex-direction:column;gap:4px;min-width:0}.infra-list-item strong{overflow-wrap:anywhere}.infra-form fieldset{border:0;padding:0;margin:0;min-width:0}.infra-form .ghost-button{width:100%;margin-bottom:14px}.infra-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.infra-form footer{display:flex;gap:10px;position:sticky;bottom:-16px;padding:14px 0;background:var(--surface)}.infra-form footer button{flex:1;margin:0;min-height:43px}.infra-form .primary-button{background:linear-gradient(110deg,#ffc77d,#ff9b45);border-color:#ffb967;color:#241d13;font-weight:700}.infra-status{font-size:13px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}.infra-empty{padding:24px 0;line-height:1.65;color:var(--muted)}.infra-empty>svg{width:55px;height:55px;color:var(--accent)}.infra-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.infra-photos>div{position:relative}.infra-photos img{width:100%;height:76px;object-fit:cover;border-radius:8px}.infra-photos button{position:absolute;right:2px;top:2px;padding:2px 7px}.infra-map-icon{background:none;border:0;box-shadow:none;display:grid;place-items:center;pointer-events:none!important}
.infra-icon-visual{box-sizing:border-box;width:36px;height:36px;display:grid;place-items:center;background:var(--surface);border:2px solid #bd8a35;color:var(--text);border-radius:10px;box-shadow:0 2px 8px #0004;transform:scale(var(--infra-icon-scale,1));opacity:var(--infra-icon-opacity,1);transform-origin:center;transition:transform .25s ease,opacity .25s ease,visibility .25s;pointer-events:auto}
.infra-icon-visual svg{width:25px;height:25px}
.infra-map-icon.selected .infra-icon-visual{transform:scale(1);opacity:1;border-color:#00aab5;box-shadow:0 0 0 5px #00aab533}
.infra-zoom-hidden .infra-map-icon:not(.selected) .infra-icon-visual{visibility:hidden;pointer-events:none}
.infra-zoom-hint{line-height:1.5}
@media(prefers-reduced-motion:reduce){.infra-icon-visual{transition:none}}
.infra-open .workspace>.sidebar,.infra-open .workspace>.details,.infra-open .side-panel-toggle,.infra-open .map-title,.infra-open .ruler-control{display:none!important}.infra-open .workspace .leaflet-left{left:304px!important}
@media(max-width:900px){.infra-tools{width:225px}.infra-properties{width:290px}.infra-open .workspace .leaflet-left{left:249px!important}}
@media(max-width:650px){.infra-tools{width:calc(100% - 24px);bottom:auto;max-height:26vh}.infra-tool-body{padding:10px}.infra-tools header{padding:8px 12px}.infra-types{grid-template-columns:repeat(5,1fr);gap:4px}.infra-types button{font-size:10px;padding:5px;flex-direction:column}.infra-tool-body h3,.infra-tools #infraSearch,.infra-tools #infraList,.infra-list-head{display:none}.infra-properties{top:auto;width:calc(100% - 24px);max-height:44vh;bottom:8px}.infra-properties header{padding:9px 14px}.infra-open .workspace .leaflet-left{left:12px!important;top:28vh}.infrastructure-toggle span{display:none}}
.infra-panel{top:84px;z-index:1200}
@media(max-width:650px){.infra-tools{top:74px;max-height:24vh}.infra-properties{top:auto}.infra-open .workspace .leaflet-top.leaflet-left{top:34vh}.infra-open .leaflet-control-layers{display:none}}
.infra-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:4px 0 16px}.infra-tabs button{font-size:12px;font-weight:650;min-height:40px}.infra-tabs button[aria-pressed=true]{border-color:var(--accent);background:var(--selection-bg);color:var(--accent)}.infra-add-segment{width:100%;margin-bottom:8px}.infra-span-symbol{font-size:30px;color:var(--accent)}.infra-geometry{padding:14px;border:1px solid var(--line);border-radius:12px;margin:0 0 16px}.infra-geometry small{display:block;line-height:1.5}.infra-bend{box-sizing:border-box;border-radius:50%;background:#fff;border:3px solid #d9912d;box-shadow:0 1px 5px #0005}.infra-panel input[type=color]{height:42px;padding:5px}.infra-tool-body>[hidden]{display:none!important}
@media(max-width:650px){.infra-tabs{margin:0 0 8px}.infra-tabs button{min-height:32px;padding:5px}.infra-tool-body>label:has(#infraSearch){display:none}.infra-types{margin-bottom:5px}.infra-tools{max-height:30vh}.infra-open .workspace .leaflet-top.leaflet-left{top:40vh}}
/* Unified editor: pinned actions, an extensible catalogue and independent properties. */
.infra-toolbar{position:absolute;top:84px;left:12px;right:12px;z-index:1201;min-height:50px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.infra-toolbar[hidden]{display:none}.infra-toolbar-title{display:flex;gap:14px;align-items:center;min-width:0}.infra-toolbar-title small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.infra-toolbar-actions{display:flex;gap:7px;flex-shrink:0}.infra-toolbar button{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:var(--text);background:var(--surface-muted);cursor:pointer}.infra-toolbar button:disabled{opacity:.4;cursor:default}.infra-toolbar .primary-button{background:linear-gradient(110deg,#ffc77d,#ff9b45);border-color:#ffb967;color:#241d13;font-weight:700}.infra-panel{top:146px}.infra-tool-body{flex:1;overscroll-behavior:contain}.infra-form{overscroll-behavior:contain}.infra-form footer{display:none}.infra-catalog-block{border:1px solid var(--line);border-radius:12px;background:var(--surface-muted);margin:0 0 12px;overflow:hidden}.infra-catalog-block summary{padding:12px;font-size:14px;font-weight:650;cursor:pointer}.infra-catalog-content{padding:0 10px 10px}.infra-catalog-rows{display:grid;gap:7px}.infra-catalog-rows button{display:flex;gap:12px;align-items:center;min-height:43px;text-align:left}.infra-line-swatch{width:27px;border-top:3px solid var(--accent);flex-shrink:0}.infra-line-swatch.air{border-top-style:dashed}.infra-cable-dot{width:13px;height:13px;border-radius:50%;border:3px double var(--accent);flex-shrink:0}.infra-list-filters{display:flex;gap:4px;margin:10px 0;flex-wrap:wrap}.infra-list-filters button{font-size:11px;padding:6px 8px}.infra-list-filters button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.infra-cable-path{list-style:none;padding:0;margin:12px 0}.infra-cable-path li{padding:8px 0;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.infra-cable-path small{display:block;margin-top:4px}.infra-open .workspace .leaflet-top.leaflet-left{top:64px}
@media(max-width:900px){.infra-toolbar-title small{display:none}}
@media(max-width:650px){.infra-toolbar{top:74px;padding:7px;min-height:46px}.infra-toolbar-title{display:none}.infra-toolbar-actions{width:100%;flex-wrap:wrap}.infra-toolbar button{padding:8px;font-size:11px;flex:1}.infra-toolbar [data-edit=discard]{display:none}.infra-tools{top:130px;max-height:25vh}.infra-properties{top:auto;max-height:38vh}.infra-types{grid-template-columns:1fr 1fr}.infra-types button{flex-direction:row;font-size:12px;padding:8px}.infra-tools #infraSearch,.infra-tools #infraList,.infra-list-head{display:block}.infra-tool-body>label:has(#infraSearch){display:flex}.infra-open .workspace .leaflet-top.leaflet-left{top:calc(25vh + 68px)}.infra-catalog-block summary{padding:10px}}
.infra-open .workspace .leaflet-top.leaflet-left{top:146px}
@media(max-width:650px){.infra-open .workspace .leaflet-top.leaflet-left{top:calc(25vh + 142px)}.infra-toolbar [data-edit=discard]{display:block;font-size:0;flex:0 0 32px;padding:4px}.infra-toolbar [data-edit=discard]::before{content:'×';font-size:18px}}
.infra-catalog-rows button[aria-pressed=true]{border-color:var(--accent);background:var(--selection-bg);box-shadow:inset 3px 0 var(--accent);color:var(--accent)}.infra-route-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.infra-route-actions button{font-size:12px;min-height:42px}.infra-route-actions button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.infra-route-node{box-sizing:border-box;border:3px solid #da9435;background:#fff;border-radius:50%;box-shadow:0 1px 5px #0005}.infra-route-node.active{background:#ffbe64;box-shadow:0 0 0 5px #efa34d44}.infra-join-dialog{max-width:440px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.infra-join-dialog::backdrop{background:#0008}.infra-join-dialog h3{margin:0 0 10px}.infra-join-dialog p{line-height:1.5}.infra-join-dialog>div{display:flex;gap:8px;flex-wrap:wrap}.infra-join-dialog button{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-muted);color:var(--text);font:inherit;cursor:pointer}.infra-join-dialog [data-join=merge]{background:#ffb563;color:#241d13}.infra-join-dialog button:disabled{opacity:.45;cursor:default}

.infra-types button[aria-pressed=true]{border-color:var(--accent);background:var(--selection-bg);box-shadow:inset 3px 0 var(--accent)}
@media(max-width:700px){.infra-toolbar-actions{flex-wrap:wrap;gap:4px}.infra-toolbar button{padding:7px;font-size:11px}.infra-toolbar{align-items:flex-start}.infra-toolbar-actions [data-edit=discard]{display:none}}

.infra-route-cables button{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;margin:8px 0}.infra-cable-end{border:2px solid white;border-radius:50%;background:#008b94;color:white;display:grid;place-items:center;font-weight:bold;box-shadow:0 0 0 3px #008b9440}

.infra-active-block{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.infra-active-block>summary{color:var(--accent)}.infra-route-hit{cursor:pointer;pointer-events:stroke}

.infra-open.infra-legacy .workspace>.details{display:block!important;position:absolute;top:146px;right:12px;bottom:12px;width:330px;z-index:651;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.infra-open.infra-legacy .infra-properties{display:none!important}.infra-legacy-note{padding:12px 16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.infra-legacy-note button{border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);color:var(--text);padding:8px;cursor:pointer}@media(max-width:650px){.infra-open.infra-legacy .workspace>.details{top:auto;left:12px;right:12px;width:auto;max-height:44vh;overflow:auto}}

/* Keep editor chrome in an independent compositing layer during Leaflet zooms. */
.infra-panel,.infra-toolbar {
  isolation:isolate;
  transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  background-color:var(--surface);
}
.infra-panel>header {
  flex-shrink:0;
  background-color:var(--surface);
}
.infra-tool-body,.infra-form {
  background-color:var(--surface);
}

.infra-marker-photo{margin-bottom:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface-muted)}
.infra-marker-photo a{display:block;color:var(--accent);text-decoration:none}
.infra-marker-photo img{display:block;width:100%;max-height:220px;object-fit:contain;background:var(--surface)}
.infra-marker-photo img[hidden]{display:none}
.infra-marker-photo span{display:block;padding:9px 12px;font-size:12px}
.infra-marker-photo p{margin:0;padding:16px;font-size:12px;color:var(--muted)}

.infra-cable-count{background:none;border:0;pointer-events:none!important;text-align:center}
.infra-cable-count span{display:inline-block;border-radius:7px;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:0 2px 6px #0004;padding:3px 7px;font:600 11px/16px system-ui;white-space:nowrap}
.infra-cable-color{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px}
.infra-route-cables{border:1px solid var(--line);border-radius:12px;padding:0 12px 12px;margin-bottom:16px;background:var(--surface-muted)}

.detail-body .infra-route-cables button{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer;font:inherit}
.detail-body .infra-route-cables button:hover{border-color:var(--accent);background:var(--selection-bg)}
.detail-body .infra-route-cables small{color:var(--muted)}

.infra-cable-flow>button{width:100%;min-height:42px}
.infra-cable-end.leaflet-marker-draggable{cursor:grab;box-shadow:0 0 0 5px #00abb533}
.infra-cable-end.leaflet-drag-target{cursor:grabbing}
.infra-cable-drag{background:#fff;color:#008b94;border-color:#008b94}

.infra-route-actions[hidden]{display:none!important}


/* Stable action layout, distinct from the cable list cards. */
.infra-route-cables .infra-route-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:12px 0;}
.infra-route-cables .infra-route-actions button{display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;min-height:46px;margin:0;padding:12px;font-size:13px;font-weight:650;line-height:1.35;text-align:left;}
.infra-route-actions button[aria-pressed=true]{background:var(--selection-bg);border:2px solid var(--accent);color:var(--accent);box-shadow:inset 3px 0 var(--accent);}
.infra-route-modes button[aria-pressed=true]::after{content:'●';margin-left:10px;flex-shrink:0;}
.infra-route-actions button:hover:not(:disabled){border-color:var(--accent);}
.infra-route-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
.infra-mode-status{margin:8px 0 14px;font-size:12px;line-height:1.5;color:var(--muted);}
.infra-mode-status.active{padding:9px 11px;background:var(--selection-bg);border-left:3px solid var(--accent);border-radius:6px;color:var(--accent);font-weight:650;}

.infra-route-cables .infra-route-modes button{border-width:2px;}

.detail-body > button.infra-map-action{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;margin:0 0 8px;padding:12px 14px;border:2px solid var(--line);border-radius:10px;background:var(--surface-muted);color:var(--text);font:inherit;font-size:13px;font-weight:650;line-height:1.35;text-align:left;box-shadow:none;cursor:pointer;}
.detail-body > button.infra-map-action[aria-pressed=true]{background:var(--selection-bg);border-color:var(--accent);color:var(--accent);box-shadow:inset 3px 0 var(--accent);}
.detail-body > button.infra-map-action[aria-pressed=true]::after{content:'●';flex-shrink:0;}
.detail-body > button.infra-map-action:hover:not(:disabled){border-color:var(--accent);}
.detail-body > button.infra-map-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.detail-body > button.infra-map-action:disabled{opacity:.45;cursor:default;}

.infra-panel > .infra-card-back,.detail-body > .infra-card-back{flex-shrink:0;box-sizing:border-box;display:block;width:calc(100% - 24px);margin:10px 12px 0;padding:10px 12px;min-height:42px;text-align:left;border:1px solid var(--line);border-radius:9px;background:var(--surface-muted);color:var(--text);font:inherit;font-weight:650;cursor:pointer;}
.detail-body > .infra-card-back{position:sticky;top:0;z-index:2;width:100%;margin:0 0 12px;background:var(--surface);}
.infra-card-back:disabled{opacity:.4;cursor:default;}
.infra-route-cables button[aria-pressed=true]{border-color:var(--accent);background:var(--selection-bg);box-shadow:inset 3px 0 var(--accent);}
.infra-route-cables button.infra-preview-open{margin-top:-3px;align-items:center;color:var(--accent);font-weight:700;}

.infra-cable-count{background:none;border:0;white-space:nowrap;text-align:center;}
.infra-cable-count span{display:inline-block;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:11px;font-weight:700;box-shadow:0 2px 6px #0004;cursor:pointer;}
.infra-counts-hidden .infra-cable-count{display:none!important;}
.infra-color-field>span{display:block;font-size:12px;font-weight:600;margin-bottom:8px;}
.infra-color-palette{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin:0 0 12px;}
.infra-panel .infra-color-palette button{box-sizing:border-box;width:100%;min-height:30px;padding:0;background:var(--swatch);border:2px solid transparent;border-radius:7px;color:white;text-shadow:0 1px 3px #000;font-size:18px;box-shadow:inset 0 0 0 1px #0002;}
.infra-panel .infra-color-palette button[aria-pressed=true]{border-color:var(--text);outline:2px solid var(--accent);outline-offset:1px;}

.infra-cable-count span{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:30px;height:22px;padding:2px 5px;border-radius:7px;font-size:11px;line-height:1;box-shadow:0 1px 3px #0003;}
.infra-cable-count svg{width:12px;height:12px;flex-shrink:0;}
.infra-cable-count b{font:inherit;font-weight:700;}

.infra-cable-count span{min-width:22px;padding:2px 5px;gap:0;}

/* Cable inventory: reuse route list appearance in object cards. */
.infra-object-cables { margin: 16px; flex-shrink: 0; }
.detail-body > .infra-object-cables { margin: 0; }
.infra-object-cables button { width: 100%; text-align: left; }
.infra-object-cables small { display: block; white-space: normal; overflow-wrap: anywhere; }
.infra-lengths { display: grid; gap: 12px; padding: 14px; border: 1px solid var(--border-color, #65645b); border-radius: 14px; }
.infra-lengths h3, .infra-lengths p { margin: 0; }

.infra-reserve-pin { background:var(--surface,#252521); color:var(--text,#fff); border:2px solid var(--accent,#ffb454); border-radius:12px; text-align:center; font-size:12px; font-weight:700; line-height:20px; white-space:nowrap; }
.infra-reserve-record { display:grid; gap:10px; padding:12px; border:1px solid var(--line); border-radius:10px; }
.infra-reserve-record button { white-space:normal; }
.infra-reserve-record [aria-pressed=true] { background:var(--selection-bg); border-color:var(--accent); }

.infra-map-fault { display:grid; gap:12px; padding:14px; border:1px solid var(--line); border-radius:14px; background:var(--surface-muted); }
.infra-map-fault h3,.infra-map-fault p { margin:0; }
.infra-map-fault form,.infra-map-fault [data-fault-output] { display:grid; gap:10px; }
.infra-map-fault [hidden] { display:none; }
.infra-map-fault label { display:grid; gap:6px; font-size:13px; color:var(--text); }
.infra-map-fault input,.infra-map-fault select { width:100%; min-width:0; box-sizing:border-box; padding:10px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--text); }
.infra-map-fault button { width:100%; min-height:40px; white-space:normal; border-radius:9px; }

.infra-fault-pin { background:#e5483b; color:#fff; border:3px solid #fff; border-radius:50%; font-weight:800; text-align:center; line-height:18px; box-sizing:border-box; box-shadow:0 0 0 3px #e5483b55; }