:root{font-family:"Segoe UI",Arial,sans-serif;color:#203447;background:#f5f8fa;font-size:14px;--topbar-height:76px;--sidebar-width:292px;--details-width:366px;--line:#dfe7ec;--muted:#536a7b;--accent:#24475e}
*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:var(--topbar-height) minmax(0,1fr)}body[data-selected=true]{grid-template-columns:var(--sidebar-width) minmax(0,1fr) var(--details-width)}[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #008aac;outline-offset:2px}button:disabled{cursor:default;opacity:.5}a{color:#006c85;line-height:1.6}p{line-height:1.55}h1,h2,h3,h4{line-height:1.3}h2{font-size:15px;margin:0}h3{font-size:15px}h4{font-size:14px}.hint{font-size:12px;line-height:1.5;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-topbar{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:28px;padding:12px 24px;background:#fff;border-bottom:1px solid var(--line);z-index:800}.app-brand{min-width:244px}.brand{font-size:11px;line-height:1.2;font-weight:600;color:var(--muted)}.app-brand h1{font-size:20px;line-height:1.2;margin:4px 0 0;font-weight:600}.search-wrap{position:relative;width:min(520px,100%)}input[type=search]{width:100%;height:42px;border:1px solid #b7c7d2;background:#f7fafb;border-radius:6px;padding:10px 14px;color:#203447}input::placeholder{color:#5b7180}#results:empty{display:none}#results{position:absolute;top:47px;left:0;right:0;max-height:320px;overflow:auto;background:#fff;border:1px solid #c5d0d8;border-radius:6px;box-shadow:0 7px 20px #19364c22;z-index:1200}#results button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e7edf1;background:#fff;padding:12px 14px;color:#203447}#results button:hover{background:#edf3f6}#results p{padding:0 14px}#toggle-filters{display:none}
.control-panel{grid-row:2;grid-column:1;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;min-height:0;z-index:600}.control-fixed{padding:17px 18px 15px;border-bottom:1px solid var(--line);flex-shrink:0}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.panel-title h2{font-size:14px;font-weight:600}.icon-button{border:0;background:transparent;color:#345366;border-radius:5px;min-width:36px;height:36px;font-size:25px;line-height:1}.icon-button:hover{background:#eaf0f4}#close-filters{display:none}.view-switch{display:flex;background:#edf3f6;border-radius:6px;padding:3px;gap:3px;margin-bottom:15px}.view-switch button{flex:1;border:0;border-radius:4px;min-height:34px;font-size:12px;font-weight:600;background:transparent;color:#466073;padding:7px 5px}.view-switch button[aria-pressed=true]{background:#24475e;color:#fff}.view-switch button:hover{filter:brightness(.96)}.controls>label:not(.check-label),#relationship-controls label{display:block;font-size:12px;font-weight:600;margin:0 0 6px}select{height:38px;width:100%;border:1px solid #bac9d2;border-radius:5px;padding:7px 9px;background:#fff;color:#203447}#relationship-controls{margin-top:12px}.check-label{display:flex!important;align-items:center;gap:8px;font-size:12px;font-weight:400!important;margin:12px 0}.check-label input,.type-row input{accent-color:#24475e;width:16px;height:16px;flex-shrink:0;margin:0}.reset{background:#edf3f6;color:#24475e;border:0;border-radius:5px;padding:8px 10px;min-height:34px;font-size:12px;width:100%;font-weight:600}.reset:hover{background:#dfeaf0}.control-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.control-scroll section{padding:17px 18px}.control-scroll footer{padding:16px 18px;border-top:1px solid var(--line);font-size:12px;line-height:1.5;color:var(--muted)}summary{cursor:pointer}.control-scroll footer summary{font-weight:600;color:#345366}.boundary-status{font-size:11px;line-height:1.4;color:#536a7b;background:#f7fafb;padding:8px 18px;border-top:1px solid var(--line);flex-shrink:0;min-height:31px}.boundary-status:empty{display:none}
.type-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.type-heading h2{font-size:14px}.type-heading button{border:0;background:transparent;color:#006c85;text-decoration:underline;font-size:11px;padding:4px 0}.area-caption{font-size:11px;color:var(--muted);margin:4px 0 12px}.type-row{margin-top:12px}.type-row label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;min-height:23px;cursor:pointer}.type-swatch{height:10px;width:10px;border-radius:2px;flex-shrink:0}.type-numbers{display:flex;gap:4px;align-items:baseline;flex-wrap:wrap;margin:3px 0 6px 22px;color:var(--muted);font-size:11px}.type-numbers strong{color:#203447;font-size:12px;margin-left:6px}.type-numbers strong:first-child{margin-left:0}.type-track{height:4px;overflow:hidden;background:#edf2f4;margin-left:22px}.type-track div{height:100%}.reading-help{font-size:11px;color:var(--muted);line-height:1.5;margin-top:18px}.reading-help summary{color:#345366;font-weight:600}.reading-help p{margin:8px 0}.legend-row{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:14px}.swatch{width:11px;height:11px;border-radius:50%;flex-shrink:0}
.map-stage{grid-column:2;grid-row:2;position:relative;min-width:0;min-height:0;overflow:hidden;background:#e9f0f2}#map{height:100%;width:100%;background:#e9f0f2}.map-note{position:absolute;top:14px;left:14px;background:#ffffffed;border-radius:5px;z-index:500;padding:10px 12px;box-shadow:0 2px 9px #20344717;max-width:260px;font-size:12px;font-weight:600}.map-note #map-unit{display:block;font-size:11px;line-height:1.45;font-weight:400;color:#536a7b;margin-top:4px}.map-note #map-unit[hidden]{display:none}#status{position:absolute;z-index:500;bottom:24px;left:14px;background:#ffffffed;padding:8px 11px;border-radius:5px;max-width:calc(100% - 28px);font-size:11px;line-height:1.4;box-shadow:0 2px 9px #20344717}#map-tip{position:absolute;z-index:500;left:50%;bottom:74px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 30px);background:#ffffffed;padding:9px 13px;border-radius:5px;font-size:12px;color:#345366;text-align:center;pointer-events:none}.flow-canvas{pointer-events:none}.city-label{white-space:nowrap;pointer-events:none;background:none;border:0;box-shadow:none;color:#203447;font-weight:600;font-size:12px;text-shadow:0 1px #fff,1px 0 #fff,0 -1px #fff,-1px 0 #fff}.city-label:before{display:none}.leaflet-tooltip{font-family:"Segoe UI",Arial,sans-serif;font-size:12px}
.details-panel{grid-column:3;grid-row:2;display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff;border-left:1px solid var(--line);z-index:650}.details-heading{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-shrink:0;background:#fff}.panel-kicker{font-size:11px;font-weight:600;color:#627787}.details-heading h2{font-size:14px;margin:3px 0 0}.selection-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px}#selection h2{font-size:24px;line-height:1.2;margin:4px 0 12px;font-weight:600}#selection p{margin:10px 0;color:#536a7b}#selection h3{margin:22px 0 8px}.selection-label{font-size:11px!important;margin:0 0 4px!important;color:#627787!important}.badge{display:inline-block;background:#edf3f6;color:#24475e;font-size:12px;padding:5px 8px;border-radius:4px;line-height:1.4}.counts{font-size:12px;color:#536a7b;padding:12px 0 0}.relation-help{font-size:12px}.arrangement-info{margin:16px 0 20px;padding:14px;background:#edf3f6;border-radius:6px}.arrangement-info h3{font-size:14px;line-height:1.4;margin:0 0 10px!important}.arrangement-info p{font-size:12px;color:#345366!important;line-height:1.55}.arrangement-info .hint{font-size:11px;color:#536a7b!important}.arrangement-members{margin:13px 0}.arrangement-members summary{font-size:12px;color:#006c85;font-weight:600;line-height:1.5}.arrangement-members ul{font-size:12px;line-height:1.7;padding-left:18px;margin:10px 0}.relation-list{max-height:none;overflow:visible;margin-top:8px}.relation-detail{border-bottom:1px solid var(--line)}.relation-detail>summary{padding:13px 0;list-style-position:inside}.relation-detail>summary:hover{background:#f6f9fa}.relation-city{font-size:13px;font-weight:600}.relation-detail small,.theme-preview,.expand-hint{display:block;margin:5px 0 0 15px;font-size:11px;font-weight:400;color:#536a7b;line-height:1.5}.theme-preview{color:#345366}.expand-hint{color:#006c85;text-decoration:underline}.relation-detail[open]>summary .expand-hint{display:none}.relation-body{padding:0 0 16px;font-size:12px}.relation-body .relation-route{font-weight:600;color:#203447!important}.relation-body h4{font-size:13px;margin:17px 0 9px}.theme-list{padding-left:18px;margin:0}.theme-list li{margin:12px 0}.theme-list p{font-size:12px;margin:5px 0!important}.order{display:inline-block;color:#536a7b;margin-left:7px;font-size:11px}.relation-source{display:block;font-size:11px;margin-top:10px}.relation-detail .reset{margin-top:8px}.relation-body .hint{font-size:11px}
@media(max-width:1140px){:root{--sidebar-width:272px;--details-width:340px}body[data-selected=true]{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.details-panel{position:fixed;right:12px;top:calc(var(--topbar-height) + 12px);bottom:12px;width:var(--details-width);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 8px 28px #183d5629}.app-topbar{gap:18px}.app-brand{min-width:230px}}
@media(max-width:900px){:root{--topbar-height:122px}body,body[data-selected=true]{grid-template-columns:minmax(0,1fr)}.app-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding:12px 16px}.app-brand{min-width:0}.app-brand h1{font-size:18px}.brand{font-size:11px}.search-wrap{grid-row:2;grid-column:1/-1;width:100%;max-width:none}input[type=search]{height:40px;font-size:16px}.search-wrap #results{top:44px;max-height:40dvh}#toggle-filters{display:block;min-height:36px;padding:8px 10px;border:1px solid #b7c7d2;border-radius:5px;background:white;color:#24475e;font-size:12px;font-weight:600}.map-stage{grid-column:1}.control-panel{position:fixed;top:calc(var(--topbar-height) + 8px);bottom:12px;left:12px;width:min(330px,calc(100% - 24px));border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #183d5629;z-index:750;overflow:hidden}body[data-filters-open=false] .control-panel{display:none}#close-filters{display:block}.control-fixed{padding-top:12px}.details-panel{top:auto;bottom:12px;right:12px;width:min(390px,calc(100% - 24px));height:52dvh;max-height:calc(100dvh - var(--topbar-height) - 24px)}body[data-filters-open=true] .details-panel{display:none}.details-heading{padding:10px 16px}.selection-scroll{padding:17px}.map-note{top:12px;left:12px;max-width:205px;font-size:11px}.map-note #map-unit{font-size:10px}#status{left:12px;bottom:24px;font-size:10px;max-width:calc(100% - 24px)}#map-tip{font-size:11px;bottom:67px}.type-row label,.check-label{min-height:30px}.type-row input,.check-label input{width:18px;height:18px}}
@media(prefers-reduced-motion:no-preference){.details-panel,.control-panel{transition:box-shadow .15s ease-out}}

.origin-summary{margin:16px 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.origin-summary p{font-size:12px}.origin-summary .reset{margin-top:3px}

.reference-title{font-size:11px;font-weight:600;color:#536a7b}.reference-list{list-style:none;padding:0;margin:8px 0 12px}.reference-list li{margin:8px 0}.reference-list strong{display:block;font-size:15px;color:#203447}.reference-list span{font-size:12px;color:#536a7b}

.local-territories{display:flex;align-items:flex-start;gap:9px;margin:14px 0;line-height:1.4;cursor:pointer}.local-territories input{margin:3px 0 0;accent-color:var(--accent,#12836e);flex-shrink:0}.local-territories span{font-weight:600}.local-territories small{display:block;margin-top:4px;font-size:11px;font-weight:400;color:var(--muted,#536777)}

.local-territories{margin:0 0 14px;padding:0 4px 12px 24px;font-size:12px;border-bottom:1px solid var(--line)}

.territory-outline{position:absolute;inset:0;z-index:460;pointer-events:none}
.hierarchy-paths,.outline-key{list-style:none;padding:0;margin:10px 0}
.hierarchy-paths li{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;margin:7px 0;line-height:1.7}
.hierarchy-paths button{border:0;border-bottom:1px solid #8da3b0;background:transparent;padding:0 1px;color:#175979;font-size:12px;text-align:left}
.path-arrow{color:#536a7b}.origin-summary h3{margin:0 0 8px;font-size:14px}
.indirect-option{display:flex;align-items:flex-start;gap:8px;cursor:pointer;margin:12px 0;font-size:12px}
.indirect-option input{margin:2px 0 0;accent-color:#24475e}
.indirect-option small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:3px}
.outline-key li{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.5;margin:7px 0}
.outline-key i{display:inline-block;width:23px;height:11px;border:2px solid #183f55;flex-shrink:0}
.outline-key i.parent{border-color:#a85416}.hierarchy-help{margin-top:12px;font-size:12px}.hierarchy-help summary{color:#24475e;font-weight:600}

.hierarchy-areas{list-style:none;padding:0;margin:10px 0 14px}
.hierarchy-areas li{display:flex;align-items:center;gap:9px;margin:11px 0}
.hierarchy-areas .area-key{display:block;border:3px solid;width:25px;height:18px;flex-shrink:0}
.hierarchy-areas li>div{flex:1;min-width:0;line-height:1.4}
.hierarchy-areas strong{font-size:12px;display:block}.hierarchy-areas small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.area-frame{border:1px solid #bbcbd5;background:#fff;color:#24475e;padding:5px 7px;border-radius:4px;font-size:11px;flex-shrink:0}
.area-frame:hover{background:#edf3f6}

.city-label-small{font-size:11px;font-weight:500}

#toggle-details,.compact-selection{display:none}
@media(max-width:900px){
 #toggle-details{display:block;flex-shrink:0;border:1px solid #b7c7d2;border-radius:5px;background:#edf3f6;color:#24475e;font-size:12px;font-weight:600;padding:9px 10px;min-height:40px}
 .details-heading>div{min-width:0;flex:1}
 .details-heading .icon-button{flex-shrink:0}
 .details-panel{bottom:calc(12px + env(safe-area-inset-bottom,0px))}
 body[data-details-collapsed=true] .details-panel{height:auto;max-height:none}
 body[data-details-collapsed=true] .selection-scroll{display:none}
 body[data-details-collapsed=true] #details-title{display:none}
 body[data-details-collapsed=true] .compact-selection{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
 body[data-selected=true] #status{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
 body[data-selected=true]:not([data-details-collapsed=true]) #status{display:none}
 body[data-selected=true] .leaflet-bottom.leaflet-right{bottom:calc(52dvh + 24px + env(safe-area-inset-bottom,0px))}
 body[data-selected=true][data-details-collapsed=true] .leaflet-bottom.leaflet-right{bottom:calc(86px + env(safe-area-inset-bottom,0px))}
}

#mobile-map-caption{display:none}
@media(max-width:900px){
 .map-note{padding:6px 8px;max-width:180px;font-size:10px;line-height:1.2;pointer-events:none}
 .map-note #map-caption,.map-note #map-unit{display:none}
 #mobile-map-caption{display:inline}
 .leaflet-tooltip{display:none!important}
}
@media(hover:none),(pointer:coarse){.leaflet-tooltip{display:none!important}}

@media(max-width:900px){
 body[data-selected=true] #status{font-size:0;padding:4px 6px;line-height:1.2;box-shadow:none;border-radius:3px;max-width:150px}
 body[data-selected=true] #status::after{content:attr(data-mobile-label);font-size:9px}
}

.municipal-controls{border-bottom:1px solid var(--line)}.municipal-controls .check-label{font-weight:600!important;margin-top:0}.municipal-controls .hint{font-size:11px;margin:7px 0}
#municipal-options label{display:block;font-size:11px;font-weight:600;margin:12px 0 5px}#municipal-options select{font-size:12px}
.municipal-scale{margin:17px 0;padding:12px;background:#edf3f6;border-radius:5px;font-size:12px}.municipal-scale p{font-size:12px}
.municipal-coverage{background:#fff6df;padding:11px;font-size:12px;border:1px solid #dfc687;border-radius:5px}
.municipal-values{border-collapse:collapse;width:100%;font-size:11px}.municipal-values caption{text-align:left;color:#536a7b;margin-bottom:7px}.municipal-values td{padding:6px 3px;border-bottom:1px solid #e3eaf0}.municipal-values td:last-child{text-align:right;font-weight:600}
.flow-out{color:#a64f19;font-weight:600}.flow-in{color:#006b82;font-weight:600}.more-municipal{padding:12px 0;font-size:12px}.more-municipal>summary{color:#006c85;font-weight:600}

.simulation-toggle{display:flex;align-items:flex-start;gap:8px;margin:4px 0 10px 24px;font-size:12px;line-height:1.5;cursor:pointer}.simulation-toggle input{margin:3px 0 0;accent-color:#24475e}.simulation-toggle strong{font-size:11px;color:#8a4a19}
.simulation-options{margin:8px 0 12px 24px}.simulation-options label{font-size:11px;font-weight:600;display:block;margin-bottom:5px}.simulation-options select{font-size:12px}.simulation-options p,#simulation-status{font-size:11px;line-height:1.5;color:var(--muted)}
.simulation-result{margin:16px 0;padding:12px;background:#fff7e9;border:1px solid #e4cba0;border-radius:5px;font-size:12px}.simulation-result>strong{color:#805018}

.utiliapp-back{text-decoration:none;font-weight:700}.utiliapp-back:hover{text-decoration:underline}