.navlink{color:var(--green);text-decoration:none}.actions{display:flex;gap:8px;flex-wrap:wrap}.button{border:1px solid var(--green);padding:9px 13px;border-radius:8px;color:var(--green);text-decoration:none;font-weight:700}.primary-link{background:var(--green);color:white}.form-panel{max-width:650px;margin:20px auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px}.form-panel label{display:block;margin:15px 0;font-weight:600}.form-panel input,.form-panel select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #b9cac3;border-radius:8px}.error{color:var(--red)}#field-map{width:100%;height:440px;background:#edf3f0;border-radius:12px;border:1px solid var(--line)}.field-shape{stroke:#fff;stroke-width:3;fill-opacity:.75}.field-shape.active{fill:#17a673}.field-shape.stopped{fill:#98a5a0}.field-shape.alarm{fill:#dc4353}.field-shape.offline{fill:#4e5a56}.map-valve{fill:#f6c344;stroke:#fff;stroke-width:3}.map-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:13px}.lg{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:4px}.lg.active{background:#17a673}.lg.stopped{background:#98a5a0}.lg.alarm-map{background:#dc4353}.lg.offline-map{background:#4e5a56}.map-empty{padding:80px;text-align:center;background:#edf3f0;border-radius:12px;color:var(--muted)}.valves{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.valve{display:flex;align-items:center;gap:10px;background:#f6f9f7;padding:12px;border-radius:9px}.valve small{display:block;color:var(--muted)}.valve-dot{width:13px;height:13px;border-radius:50%;background:#e2b43e}.valve-dot.open{background:#17a673}.valve-dot.closed{background:#8e9995}@media(max-width:600px){.heading,.map-title{align-items:flex-start;flex-direction:column}#field-map{height:300px}}