.map-layout{width:100%;max-width:1480px;margin:0 auto;flex:1;display:flex;align-items:stretch;gap:30px;height:100%;min-height:0}.map{background-color:#ebebeb;border-radius:10px;position:relative;padding:20px;flex:1 1 0;min-width:0;display:flex;flex-direction:column;min-height:0}.map img{display:block;width:auto;height:auto;max-width:100%}.map img.map-range{width:clamp(105px,22vw,160px);height:auto}#map-x,#map-y{position:relative;display:block;width:100%;box-sizing:border-box}.map #map-x img,.map #map-y img{width:100%;height:auto}.location-marker{position:absolute}.location-marker a{color:#fff;display:block;width:30px;height:30px;border-radius:15px;line-height:30px;font-weight:700;font-size:13px;text-align:center}.map-location-on{border-color:#000;border-width:2px;border-style:solid;border-radius:12px!important}.x,.x.lowest{background-color:#1e247f}.x.low{background-color:#00a0e9}.x.safe{background-color:#8fc31f}.x.high{background-color:#f39800}.x.highest{background-color:#e60012}.location-marker1{top:50%;left:10%}.location-marker2{top:52%;left:28%}.location-marker3{top:66%;left:34%}.location-marker4{top:45%;left:50%}.location-marker5{top:58%;left:58%}.location-marker6{top:40%;left:70%}.location-marker7{top:55%;left:78%}.location-marker8{top:88%;left:55%}.location-marker9{top:84%;left:70%}.location-marker10{top:78%;left:84%}.map-list{width:580px;display:flex;flex-direction:column;gap:10px;height:100%;min-height:0}.refresh-bar{display:flex;align-items:center;justify-content:end;height:41px;line-height:41px}.refresh-bar button{margin-left:10px}.refresh-bar img{vertical-align:middle}.time{margin:0}.map-list-box{background:#e4f4f2;border-radius:10px;padding:20px;box-sizing:border-box;overflow-y:auto;flex:1;min-height:0}.map-list-box li{text-align:left;border-bottom:1px dotted #00859D;padding:16px 10px}.map-list-box li:first-child{border-top:1px dotted #00859D}.location-list-on{background-color:#ffe7f0}.location-name-row{display:flex;align-items:center;justify-content:flex-start;gap:10px}.location-name{background-color:#00859d;border-radius:5px;color:#fff;display:inline-block;padding:5px 10px;margin:0}.location-icons{display:flex;align-items:center;gap:10px}.location-icons img{height:20px;width:auto;display:block}.location-icons img[alt=RSSI]{height:24px}.location-value{display:flex;align-items:stretch;width:100%;gap:10px;margin-top:10px}.location-metrics{flex:1;display:flex;flex-direction:column;gap:8px}.location-row{display:flex;align-items:center;gap:20px}.row-label{width:76px;font-size:20px;font-weight:700;color:#4a4a4a}.location-x,.location-y{font-size:30px;font-weight:600;display:flex;align-items:center;gap:8px;text-align:right;margin-right:0}.location-x{width:135px}.location-y{width:135px;margin-left:24px}.axis-label{display:inline-block;min-width:26px;font-size:30px;line-height:1}.value-x,.value-y{font-size:34px;line-height:1;letter-spacing:.02em;font-weight:600}.location-link{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;font-size:12px;margin-left:auto}.location-link img{width:36px}