body{padding-top:36px;padding-left:35px;color:#3d464a;font-size:11px}.topbar{height:36px;padding:0 9px;background:#fafbfc;color:#38474c;border-bottom:1px solid #d4dadd;gap:12px;box-shadow:none}.topbar>b{font-size:18px;font-weight:400;color:#3b6858;letter-spacing:0;display:flex;align-items:center;gap:8px}.topbar>b span{font-size:10px;color:#657476}.topbar select{border:0;background:transparent;font-size:10px;color:#59656b;width:60px}.topbar input{border:0;border-bottom:1px solid #eef0f1;padding:5px;width:200px;background:transparent;font-size:10px}.topbar button{border:0;background:transparent;padding:3px;color:#52636c;font-size:11px}.avatar{background:#80bc70;padding:6px;font-size:8px}.rail{top:36px;width:35px;background:#fafcfc;color:#385a60;border-right:1px solid #dce3e5;gap:14px;padding-top:10px}.rail-logo{font-size:12px;border-bottom:2px solid #539ca6;padding:0 2px 4px;margin-bottom:0}.rail button{font-size:14px;color:#46545a}.rail-bottom{background:#278a9d;color:white;border-radius:50%;padding:4px;font-size:7px}aside{width:290px;background:white;padding:0;border-right:1px solid #d9dfe2}.map-data-head{height:35px;padding:10px 9px;display:flex;justify-content:space-between;font-size:12px}.map-data-head button{border:0;padding:0;background:none;font-size:17px;line-height:14px}.data-tabs{display:flex;border-bottom:1px solid #e0e5e7}.data-tabs button{width:50%;border:0;border-radius:0;font-size:9px;padding:12px 0;color:#5b696e;background:#fff}.data-tabs button.active{border-bottom:2px solid #23839b;color:#367483}.theme-row{display:flex;align-items:center;gap:3px;padding:8px 12px;font-size:10px;border-bottom:1px solid #edf0f1}.theme-row select{border:0;background:white;color:#455157;font-size:10px;max-width:205px}.layer-search{display:flex;gap:4px;padding:6px 9px}.layer-search input{width:65%;font-size:9px;padding:5px;border:0;background:#f6f8f8}.layer-search button{padding:3px;border:0;white-space:nowrap;font-size:9px;background:transparent}#layerTree{overflow-y:auto;flex:1;min-height:180px;padding:0 8px 8px 10px;scrollbar-width:thin;scrollbar-color:#a8b0b4 #f5f7f7}.tree-group{padding:5px 0;border-bottom:1px solid #f0f2f3}.tree-heading{display:flex;align-items:center;gap:6px;font-size:10px;width:100%;border:0;background:white;padding:3px 0;text-align:left}.tree-heading input{margin:0;width:11px;height:11px;accent-color:#247e9c}.tree-heading button{border:0;padding:0 2px;background:none;color:#4a5960;font-size:10px}.tree-heading .dots{margin-left:auto;font-size:12px;color:#6b7b80}.tree-children{padding-left:20px}.tree-row{display:flex;gap:7px;align-items:center;border-bottom:1px solid #f1f3f4;min-height:24px;font-size:9px}.tree-row input{width:10px;height:10px;accent-color:#247e9c;margin:0}.tree-icon{width:12px;text-align:center;color:#247e9c}.tree-count{margin-left:auto;color:#96a2a6;font-size:8px}.tree-row[hidden]{display:none!important}.inventory{border-top:1px solid #dfe5e7;padding:7px 10px;background:#fbfcfc}.inventory summary{font-size:9px;cursor:pointer;color:#56717b;margin-bottom:7px}.inventory #search{margin:7px 0 0;padding:6px;font-size:9px}.inventory .toolbar button{font-size:9px;padding:6px;background:#267f95}.inventory .tabs button{padding:6px;font-size:9px}.inventory #list{max-height:100px;overflow:auto}.inventory .item{padding:6px 3px}.inventory .item strong{font-size:10px}.inventory .item small{font-size:8px;margin-top:2px}#stats{display:none}footer{padding:6px 10px;border-top:1px solid #e4e8ea;gap:5px}footer button,footer .button{padding:4px 6px;font-size:9px}footer span{font-size:8px;margin:0}main header{display:none}.mapwrap{min-height:100%;height:100%}.map-tools{left:0;top:0;bottom:auto;width:28px;display:flex;flex-direction:column;gap:0;padding:2px 0;border-radius:0;box-shadow:none;background:#fbfcfcce}.map-tools button{padding:7px 2px;font-size:14px;border-radius:0;height:30px;color:#414f56}.map-tools button:first-child{color:#384c54}.map-tools select{position:fixed;bottom:8px;right:8px;border:0;background:#435459;color:white;padding:4px;font-size:9px;z-index:900;width:82px}.map-stamp,.legend{display:none}#detail{display:none;top:12px;right:12px;bottom:40px;width:300px;box-shadow:0 3px 18px #25404725}#hint{top:12px;left:45%;font-size:10px}.leaflet-tile-pane{filter:grayscale(.95) brightness(1.08) contrast(.83);opacity:.8}.street-colors .leaflet-tile-pane{filter:none;opacity:1}.leaflet-container{background:#ebeeee}.leaflet-control-zoom{border:0!important;box-shadow:0 1px 5px #78858b33!important;margin-bottom:39px!important;margin-right:8px!important}.leaflet-control-zoom a{width:24px!important;height:24px!important;line-height:24px!important;font-size:14px!important;background:#fffffff0!important;color:#435359!important}.leaflet-control-attribution{background:#ffffffb0!important}.leaflet-control-scale{margin-bottom:8px!important}.sidebar-closed aside{display:none}#plansPanel{padding:16px;flex:1}#plansPanel h3{font-size:12px}#plansPanel p{font-size:11px}.map-home{position:absolute;right:8px;bottom:15px;z-index:700;padding:5px 7px;font-size:13px;border:0;background:white}.tree-empty{padding:20px;font-size:10px;color:#91a0a7}@media(max-width:800px){body{display:flex;height:100vh;padding-top:36px;padding-left:35px}.rail{display:flex}aside{width:250px;min-width:250px}main{height:auto}#detail{top:12px;bottom:40px;max-height:none;width:260px}.topbar>b span{display:none}#layerTree{min-height:100px}.mapwrap{min-height:100%}}
.network-symbol{background:transparent;border:0;filter:drop-shadow(0 0 1px #fff)}.selected-symbol{outline:2px solid #efb841;border-radius:50%}.inventory:not([open]) summary{margin-bottom:0}.map-tools #finishDraw,.map-tools #undoPoint,.map-tools #cancelDraw{font-size:8px;height:auto;padding:7px 2px}

.custom-layer-toolbar{display:flex;align-items:center;gap:8px;padding:5px 10px;border-bottom:1px solid #e4eaed}.custom-layer-toolbar button{padding:4px 7px;border:1px solid #bcd3dc;background:#f2f8fa;color:#257a94;font-size:10px}.custom-layer-toolbar small,.empty-custom{font-size:8px;color:#7c8b92}.empty-custom{display:block;padding:6px 0}.custom-layer-group .tree-row button{border:0;background:none;padding:2px;font-size:13px}.layer-visible{font-size:12px}.layer-actions{display:flex;gap:10px}.layer-actions .primary{flex:1}.layer-actions #deleteLayer{color:#a64141}#layerError{color:#b54040;font-size:12px}