.map-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px;flex-wrap:wrap}.map-search{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #d0dfe7;border-radius:7px;background:white;min-width:275px;color:#87a1af}.map-search input{border:0;outline:none;background:transparent;color:#31576b;width:100%;font-size:13px;min-width:0}.map-filters{display:flex;gap:7px;flex-wrap:wrap}.map-filters button{background:white;color:#728b99;border:1px solid #d8e4e9;border-radius:5px;padding:8px 12px;font-size:12px}.map-filters button[aria-pressed=true]{background:#2c8642;color:white;border-color:#2c8642}.map-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(300px,1fr);gap:20px;align-items:start}.map-board{background:#fbfcfd;border:1px solid #d6e3e9;border-radius:9px;overflow:hidden}.map-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;padding:17px 19px;border-bottom:1px solid #e0e9ed}.map-board-head h2{font-size:16px}.map-board-head p{font-size:11px;color:#8ca0ac;margin:4px 0 0}.map-zones{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:17px;background-image:radial-gradient(#cad9e15c 1px,transparent 1px);background-size:18px 18px}.map-zone{background:#f4f8fa;border:1px solid #d9e5eb;border-radius:8px;padding:14px;min-width:0}.map-zone.manual-zone{background:#fbf8f0;border-color:#eadfbe}.map-zone-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}.map-zone-title h3{font-size:12px;margin:0;font-weight:600;color:#536f80}.map-zone-title small{font-size:9px;color:#9babb5;white-space:nowrap}.zone-assets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.zone-assets.two-assets{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-node{position:relative;display:flex;flex-direction:column;align-items:center;padding:13px 6px 10px;border:1px solid #d9e4e9;border-radius:6px;background:white;color:#4d7184;min-width:0;min-height:169px;transition:opacity .15s}.asset-node:hover{border-color:#80b18c}.asset-node[aria-pressed=true]{border:2px solid #438f55;padding:12px 5px 9px;background:#f7fcf8}.asset-node.not-matched{opacity:.34}.asset-node b{font-size:15px;font-weight:650;color:#244e63;margin-top:8px;letter-spacing:.1px}.asset-node .asset-name{font-size:10px;color:#6f8b9d;margin-top:3px;line-height:1.4;text-align:center;min-height:28px;overflow-wrap:anywhere}.asset-node .asset-status{font-size:9px;line-height:1.4;margin-top:auto;padding-top:6px;color:#91a5b1;text-align:center}.asset-node .asset-status.manual{color:#a1843d}.tank-drawing{width:38px;height:47px;position:relative;border:1.5px solid #8faebe;border-radius:50% / 13%;background:#f0f5f8;display:flex;align-items:center;justify-content:center;font-size:12px;color:#8da3b0}.tank-drawing:before{content:'';position:absolute;left:-1.5px;right:-1.5px;top:-1px;height:9px;border:1.5px solid #8faebe;border-radius:50%;background:#f8fbfd}.tank-drawing:after{content:'';position:absolute;bottom:-4px;left:7px;right:7px;height:3px;border-left:2px solid #8faebe;border-right:2px solid #8faebe}.manual-zone .tank-drawing{border-color:#b6aa7b;background:#f7f3e6;color:#ac9a65}.manual-zone .tank-drawing:before{border-color:#b6aa7b;background:#fdfaf1}.manual-zone .tank-drawing:after{border-color:#b6aa7b}.asset-selected-label{position:absolute;top:4px;right:5px;color:#43854f;font-size:8px;line-height:1.2}.map-flow{background:#fff;padding:15px 17px;border-top:1px solid #dee8ed}.map-flow-title{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#7e96a5;margin-bottom:10px}.flow-equipment{display:grid;grid-template-columns:1fr 25px 1.1fr 25px 1fr;align-items:stretch;gap:5px}.equipment-item{border:1px dashed #cfdee7;border-radius:5px;padding:8px 9px;font-size:10px;color:#7f99a9;text-align:center}.equipment-item b{display:block;font-size:11px;color:#4c7287;font-weight:600;margin:2px 0}.flow-arrow{align-self:center;text-align:center;color:#8fa9b8}.map-reactors{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#8aa1af;padding-top:10px}.map-reactors span:last-child{color:#7691a2}.map-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:13px 18px;border-top:1px solid #e3ebef;background:#fafdfe;font-size:10px;color:#8ba0ad}.map-legend i{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:5px;background:#a0bac9}.map-legend i.manual{background:#bba775}.map-legend i.selected{background:#4c9660}.map-detail .panelhead{padding:18px}.map-detail .body{padding:18px}.map-detail h2{font-size:22px}.map-detail .map-subtitle{color:#8ea1ac;font-size:11px}.map-detail .detail-status{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}.map-detail .kv{font-size:11px;padding:10px 0;gap:12px}.map-detail .kv b{font-size:11px}.map-detail .callout{font-size:10px;padding:11px;margin:14px 0}.map-detail .callout b{font-size:11px}.map-detail .btn{font-size:12px;padding:9px 12px;min-height:39px}.map-detail .map-product-name{font-size:17px;line-height:1.3;font-weight:600;margin:14px 0 8px;color:#315e72}.map-detail .map-amount{font-size:25px;font-weight:600;letter-spacing:-.5px;color:#2e6750;margin:8px 0}.map-detail .map-amount small{font-size:11px;letter-spacing:0;font-weight:400;color:#87a2b1}.map-related{margin-top:14px;padding:12px;background:#f5f8fa;border-radius:6px;font-size:11px;color:#839ba9}.map-related b{font-size:11px;font-weight:600;color:#577c91}.map-bottom-note{display:flex;justify-content:space-between;gap:16px;margin:15px 0 0;color:#92a5b0;font-size:10px}.map-count{font-size:11px;color:#87a0ae}.map-empty{border:1px dashed #d5e3eb;padding:15px;border-radius:6px;font-size:12px;color:#839daa;margin-bottom:15px;background:#f7fafb}@media(max-width:1250px){.map-layout{grid-template-columns:minmax(0,1fr) 310px}.map-zones{gap:10px;padding:12px}.map-zone{padding:10px}.zone-assets{gap:6px}.asset-node{min-height:174px}.map-zone-title small{display:none}}@media(max-width:1050px){.map-layout{grid-template-columns:1fr}.map-detail{display:grid;grid-template-columns:1fr 1fr;gap:15px}.map-detail .panel{margin-bottom:0}}@media(max-width:650px){.map-zones{grid-template-columns:1fr}.map-detail{grid-template-columns:1fr}.map-tools{display:block}.map-search{margin-bottom:12px;min-width:0}.map-filters{gap:5px}.map-filters button{font-size:11px;padding:8px 10px}.map-flow-title{line-height:1.5}.flow-equipment{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg)}.map-reactors{align-items:flex-start;flex-direction:column;gap:6px}.map-bottom-note{flex-direction:column}.map-board-head{align-items:flex-start;flex-direction:column}}