:root{--bg:#f4f1ea;--paper:#fffdf8;--ink:#1d2a24;--mut:#6b7468;--line:#ddd6c6;--g:#1b4f9c;--g2:#e4ebf6;--ok:#1e9b3c;--ok2:#e2f3e6;--or:#f26f21;--amber:#c27a12;--red:#b3372c;--red2:#f7e1de;--water:#9cc7c0;--water2:#c9e2dd}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h2{font:600 18px Georgia,"Times New Roman",serif;margin:0}h2 em{font:italic 400 14px Georgia,serif;color:var(--mut)}
.top{display:flex;align-items:center;gap:28px;padding:12px 28px;background:var(--paper);border-top:4px solid var(--or);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.brand{display:flex;gap:10px;align-items:center}.sub{color:var(--mut);font-size:12px;border-left:1px solid var(--line);padding-left:10px}
.logo{height:62px;mix-blend-mode:multiply;display:block}.mark{width:36px;height:36px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;font:700 19px Georgia,serif}
nav{display:flex;gap:4px;flex:1}nav a{padding:8px 14px;color:var(--ink);text-decoration:none;border-bottom:3px solid transparent;font-weight:500}
nav a.on{border-color:var(--or);color:var(--g);font-weight:600}nav a:hover{background:var(--g2)}
nav i{font-style:normal;background:var(--red);color:#fff;border-radius:9px;padding:0 6px;font-size:12px;margin-left:3px}
.clock{font-variant-numeric:tabular-nums;color:var(--mut);display:flex;align-items:center;gap:8px;font-size:13px}
.dot{width:9px;height:9px;border-radius:50%;background:#bbb}.dot.ok{background:var(--ok)}
main{max-width:1240px;margin:22px auto;padding:0 20px}.page{display:none}.page.on{display:block}
.sheet{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:16px 18px;margin-bottom:18px}
.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}
.muted{color:var(--mut);font-size:13px}.link{color:var(--g);text-decoration:none;font-size:13px}
.pill{padding:3px 12px;border-radius:12px;background:var(--ok2);color:#177a30;font-weight:600;font-size:13px}.pill.bad{background:var(--red2);color:var(--red)}
.strips{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.strip{background:var(--paper);border:1px solid var(--line);border-left:5px solid var(--ok);border-radius:6px;padding:12px 16px}
.strip.bad{border-left-color:var(--red);background:var(--red2)}
.strip .nm{color:var(--mut);font-size:12px;letter-spacing:.04em}
.strip .val{font:600 34px Georgia,serif;font-variant-numeric:tabular-nums}.strip .val small{font:400 14px system-ui;color:var(--mut);margin-left:4px}
.scale{position:relative;height:8px;background:#e9e4d6;border-radius:4px;margin:8px 0 4px}.scale .ok{position:absolute;top:0;bottom:0;background:#b9d8c6;border-radius:4px}
.scale .mk{position:absolute;top:-4px;width:4px;height:16px;background:var(--ink);border-radius:2px;transform:translateX(-2px);transition:left .8s}
.strip .lim{font-size:12px;color:var(--mut)}
.two{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}
.mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini svg,.big svg{width:100%;height:auto;display:block}
.big{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.chart-t{font-size:12px;color:var(--mut);margin:0 0 2px}
.seg button{border:1px solid var(--line);background:#fff;padding:5px 12px;cursor:pointer;font:inherit;font-size:13px}.seg button:first-child{border-radius:5px 0 0 5px}.seg button:last-child{border-radius:0 5px 5px 0}.seg button.on{background:var(--g);color:#fff;border-color:var(--g)}
.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--line);padding:6px 8px}
.tbl td{padding:8px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.tbl .act{color:var(--red);font-weight:600}.tbl .clr{color:#177a30}
.btn{display:inline-block;background:var(--g);color:#fff;padding:8px 16px;border-radius:5px;text-decoration:none;border:0;cursor:pointer;font:inherit;font-size:14px}.btn.ghost{background:#fff;color:var(--g);border:1px solid var(--g)}.btn.sm{padding:3px 10px;font-size:12px}
.actions{display:flex;gap:10px;margin-top:12px}
.kv{display:grid;grid-template-columns:160px 1fr;gap:8px 12px;margin:0}.kv dt{color:var(--mut)}.kv dd{margin:0;font-variant-numeric:tabular-nums}
.code{background:#25302a;color:#d8eadf;padding:12px;border-radius:5px;overflow:auto;font-size:12px;line-height:1.5}
footer{max-width:1240px;margin:0 auto 30px;padding:0 20px;display:flex;justify-content:space-between;color:var(--mut);font-size:13px}
.lnk{background:none;border:0;color:var(--g);cursor:pointer;font:inherit;text-decoration:underline;padding:0}
.ra{padding:7px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;justify-content:space-between;gap:8px}
/* schematic */
#pfd .pipe{stroke:#7d8a82;stroke-width:6;fill:none}#pfd .flow{stroke:var(--water);stroke-width:3;fill:none;stroke-dasharray:8 10;animation:fl 1s linear infinite}
@keyframes fl{to{stroke-dashoffset:-18}}#pfd .tank{fill:var(--paper);stroke:#5b6a61;stroke-width:2}#pfd .wat{fill:var(--water2)}
#pfd text{font:12px system-ui;fill:#44524a}#pfd .lbl{font:600 12px Georgia,serif;fill:#1d2a24}#pfd .tag rect{fill:#fff;stroke:#5b6a61}#pfd .tag.bad rect{fill:var(--red2);stroke:var(--red)}
#pfd .tag text.v{font:600 14px Georgia,serif;fill:#1d2a24;font-variant-numeric:tabular-nums}
.spin{transform-box:fill-box;transform-origin:center;animation:sp 3s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
@media(max-width:900px){.strips{grid-template-columns:1fr 1fr}.two,.big,.mini{grid-template-columns:1fr}.top{flex-wrap:wrap;gap:8px}nav{order:3;width:100%;overflow:auto}}
@media print{.top,footer,.actions,nav{display:none}body{background:#fff}.page{display:none!important}#reports{display:block!important}}