.map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.map-toolbar>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.map-toolbar select{font-size:12px}.map-state{display:inline-block;font-size:11px;font-weight:600;padding:6px 9px;border-radius:6px}.map-state.green{color:#217d54;background:#e2f4e9}.map-state.red{color:#a13b30;background:#fce9e5}.map-state.gray{color:#6c6e71;background:#eee}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.plant-map{height:590px;background:#eae9e5;z-index:0}.map-plants{height:590px;overflow:auto;background:#fafaf9;padding:9px;border-left:1px solid var(--border)}.map-plant-row{display:flex;align-items:center;gap:11px;white-space:normal;text-align:left;width:100%;border:0;background:transparent;padding:13px 9px;border-bottom:1px solid #e9e9e6;border-radius:0}.map-plant-row strong{display:block;font-size:12px}.map-plant-row small{display:block;font-size:10px;font-weight:400;color:#818184;margin-top:5px}.state-dot{display:inline-block;width:10px;height:10px;flex-shrink:0;border-radius:50%;box-shadow:0 0 0 3px #fff}.state-dot.green{background:#299968}.state-dot.red{background:#cf493c}.state-dot.gray{background:#929496}.scada-menu{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.scada-link{display:inline-block;text-decoration:none;color:#713d10!important;background:#fff0e1;padding:9px 11px;border:1px solid #f2d2b4;border-radius:7px;font-size:12px;font-weight:600}.scada-link:hover{background:#ffe0c1}.map-popup{padding:6px 0}.map-popup+.map-popup{border-top:1px solid #ddd;margin-top:14px;padding-top:14px}.map-popup strong{font-size:15px}.map-popup p{margin:8px 0!important}.map-popup ul{padding-left:18px;max-height:110px;overflow:auto;font-size:11px}.map-popup button{font-size:11px;padding:7px 10px}.map-caption{font-size:11px;color:#7a7b7d;margin:15px 0 0}.leaflet-container{font-family:inherit}.leaflet-popup-content{line-height:1.45}.leaflet-control-attribution{font-size:10px!important}.map-count{font-size:11px;color:#808184}@media(max-width:1050px){.map-layout{grid-template-columns:1fr}.map-plants{height:190px;border-left:0;border-top:1px solid var(--border)}.plant-map{height:470px}}@media(max-width:700px){.plant-map{height:410px}.map-toolbar .search{width:100%}.map-toolbar>div{width:100%}.map-state{font-size:10px}.map-layout{margin:0 -4px}}