/* LuxBox Engineering Panel — technical schematic (Obsidian Silver, v3.1)
   Сетка отступов кратна 4/8px, единые радиусы, спокойная типографика. */
.engineering-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:12px 0 20px}
.engineering-kicker{font:700 10px/1.4 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.engineering-title{font:600 clamp(19px,2.4vw,26px)/1.25 var(--font);letter-spacing:-.02em;margin:6px 0 4px;color:var(--ink)}
.engineering-sub{max-width:680px;color:var(--muted);font-size:11px;line-height:1.6}
.eng-mode{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);padding:5px 10px;border-radius:var(--r-s);color:var(--ink2);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.eng-mode::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted)}
.eng-mode.live::before{background:var(--green);box-shadow:0 0 8px var(--green)}
.eng-mode.demo::before{background:var(--accent);box-shadow:0 0 8px var(--accent)}
.eng-mode.offline::before{background:var(--red)}
.eng-canvas{padding:12px;background:linear-gradient(145deg,#1a1f26,#12161b);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh2);overflow:hidden}
.eng-svg{display:block;width:100%;height:auto;min-width:600px}
.eng-scroll{overflow-x:auto;overscroll-behavior-x:contain}
.eng-scroll-hint{margin-top:8px;font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center}
.eng-svg text{font-family:var(--font);fill:var(--ink2)}
.eng-svg .zone{fill:rgba(203,211,220,.025);stroke:rgba(203,211,220,.18);stroke-width:1.5}
.eng-svg .zone-label{font-size:12.5px;font-weight:700;letter-spacing:2px;fill:var(--accent2)}
.eng-svg .micro{font-size:11px;fill:var(--ink2);letter-spacing:.7px}
.eng-svg .micro-strong{font-size:13px;font-weight:600;fill:var(--ink)}
.eng-svg .micro-bg{fill:rgba(20,23,28,.85)}
.eng-svg .device{fill:#232a32;stroke:rgba(203,211,220,.34);stroke-width:1.5}
.eng-svg .device-label{font-size:12px;font-weight:700;fill:var(--ink)}
.eng-svg .pipe{fill:none;stroke:#7d97ab;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.6}
.eng-svg .air-path{fill:none;stroke:var(--accent2);stroke-width:3;stroke-linecap:round;stroke-dasharray:8 7;opacity:.75}
.eng-svg .air-path.active{stroke-dasharray:8 7;animation:eng-flow 1.4s linear infinite}
.eng-svg .water-fill{fill:#4d7c96;opacity:.8}
.eng-svg .tank-outline{fill:rgba(142,164,189,.07);stroke:#7d97ab;stroke-width:2}
.eng-svg .status-dot{fill:var(--muted)}
.eng-svg .status-dot.ok{fill:var(--green)}
.eng-svg .status-dot.warn{fill:var(--orange)}
.eng-svg .status-dot.bad{fill:var(--red)}
@keyframes eng-flow{to{stroke-dashoffset:-30}}
.eng-svg .light-beam{fill:rgba(145,169,183,.07);stroke:rgba(145,169,183,.14);stroke-width:1}
.eng-readouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.eng-readout{padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-s);background:rgba(20,23,28,.5);min-width:0}
.eng-readout .label{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:700}
.eng-readout .value{font:500 18px/1.3 var(--mono);color:var(--ink);margin-top:6px;overflow-wrap:anywhere}
.eng-readout .note{font-size:10px;color:var(--muted);margin-top:6px;line-height:1.5}
.eng-equipment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.eng-unit{padding:16px;border:1px solid var(--line);border-radius:var(--r-s);background:linear-gradient(145deg,rgba(35,42,50,.7),rgba(22,26,32,.85));min-width:0}
.eng-unit-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.eng-unit h3{font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin:0;color:var(--ink);font-weight:700}
.eng-unit .capacity{font:500 10px var(--mono);color:var(--accent2)}
.eng-unit .reading{font:500 22px/1.2 var(--mono);margin:12px 0 8px;color:var(--ink)}
.eng-unit .reading small{font-size:11px;color:var(--muted)}
.eng-meter{height:6px;background:rgba(203,211,220,.1);border-radius:var(--r-full);overflow:hidden}
.eng-meter i{display:block;height:100%;background:linear-gradient(90deg,#5f87a0,#9db8a8);border-radius:var(--r-full)}
.eng-unit .source{font-size:10px;color:var(--muted);margin-top:10px;line-height:1.55}
.eng-note{padding:14px 16px;border-left:2px solid var(--accent);background:rgba(157,184,168,.06);color:var(--muted);font-size:10px;line-height:1.7;margin-top:16px;border-radius:0 var(--r-s) var(--r-s) 0}
.eng-no-data{color:var(--muted);font:500 11px var(--mono)}
@media(max-width:720px){
  .eng-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eng-equipment{grid-template-columns:1fr}
  .eng-canvas{padding:8px}
  .engineering-title{font-size:20px}
}