@import url('../../css/nexus-industrial-ui.css');
@import url('../../vendor/fontawesome/css/all.min.css');
@import url('./nexus-logo.css?v=40');
@import url('./factory-process.css?v=32');
:root{--nx-blue:#5f73e6;--nx-blue-dark:#5065dc;--nx-ink:#292a3f;--nx-muted:#9aa5b7;--nx-line:#edf0f6;--nx-bg:#f7f8fc;--nx-card:#fff}html,body{background:var(--nx-bg);color:var(--nx-ink)}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.nx-shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.nx-sidebar{position:sticky;top:0;height:100vh;background:white;border-right:1px solid #edf0f5;padding:28px 9px 18px;z-index:40}.nx-logo{height:96px;padding:8px 25px;border-bottom:1px solid #eee;display:flex;align-items:flex-start}.nx-wordmark{font-size:28px;line-height:1;font-weight:800;letter-spacing:.04em;color:#090909;display:flex;align-items:center;gap:7px}.nx-cloud{width:58px;height:27px;border:2px solid #111;border-radius:18px;position:relative;margin-top:3px}.nx-cloud:before{content:"";position:absolute;width:25px;height:25px;border:2px solid #111;border-bottom:0;border-radius:50% 50% 0 0;background:#fff;left:14px;top:-14px}.nx-menu-label{font-size:11px;color:#8995a9;font-weight:700;letter-spacing:.03em;padding:23px 15px 10px}.nx-nav a{height:48px;display:flex;align-items:center;gap:14px;padding:0 15px;color:#a8b1c0;text-decoration:none;font-weight:600;font-size:14px;border-bottom:1px solid transparent}.nx-nav a.active{color:var(--nx-blue);border-bottom-color:var(--nx-blue)}.nx-nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}.nx-main{min-width:0;background:linear-gradient(var(--nx-blue) 0 176px,var(--nx-bg) 176px)}.nx-breadcrumb{height:64px;display:flex;align-items:center;padding:0 54px}.nx-crumb{display:flex;align-items:center;gap:10px;background:#f8f9fc;color:#8e9aad;border-radius:6px;padding:12px 16px;font-size:13px}.nx-crumb b{color:#7790c3}.nx-content{padding:20px 60px 34px;max-width:1750px;margin:auto}.nx-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:26px}.nx-summary-card{height:145px;background:white;border-radius:7px;padding:26px 25px;box-shadow:0 12px 30px #283c7c12}.nx-summary-card .title{font-size:14px;color:#45464f;margin-bottom:18px}.nx-summary-value{display:flex;align-items:center;gap:18px}.nx-summary-icon{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:var(--nx-blue);color:white}.nx-summary-icon svg{width:27px;height:27px;stroke:white;fill:none;stroke-width:2}.nx-summary-value b{font-size:26px;color:#303154}.nx-live{margin-left:auto;font-size:10px;color:#3ecf9b}.nx-map{height:305px;background:#e7e8e5;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 10px 28px #3548760e}.nx-map svg{width:100%;height:100%}.nx-road-major{fill:none;stroke:#e4e966;stroke-width:11}.nx-road-edge{fill:none;stroke:#b6b75a;stroke-width:14}.nx-road{fill:none;stroke:white;stroke-width:7}.nx-road-minor{fill:none;stroke:#d0d2d0;stroke-width:2}.nx-water{fill:none;stroke:#78d3e5;stroke-width:5}.nx-zone{fill:#d8c5dd;opacity:.5}.nx-green{fill:#b9daa4}.nx-map-label{fill:#767b76;font:10px system-ui}.nx-pin{filter:drop-shadow(0 3px 2px #3456)}.nx-pin path{fill:#3998cb}.nx-pin circle{fill:white}.nx-zoom{position:absolute;left:12px;top:12px;background:white;border:1px solid #cdd1d4;border-radius:3px;overflow:hidden}.nx-zoom button{display:block;width:34px;height:34px;background:white;border:0;font-size:22px}.nx-zoom button+button{border-top:1px solid #ddd}.nx-map-key{position:absolute;right:10px;bottom:7px;font-size:9px;color:#66727c}.nx-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:24px 48px 0}.nx-sensor-card{background:white;border-radius:6px;box-shadow:0 11px 28px #35487612;overflow:hidden;min-width:0}.nx-sensor-head{height:58px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.nx-chart{height:210px;padding:5px 15px 0;--nui-text:#333;--nui-text-2:#778092;--nui-muted:#9aa4b2;--nui-grid:#e8ebf0;--nui-surface:white;--nui-line:#dde1e9;--nui-chart-1:#ed4ab6;--nui-focus:#5f73e6}.nx-chart nui-trend-chart{--chart-height:165px}.nx-metrics{height:82px;background:var(--nx-blue);color:white;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;text-align:center}.nx-metric b{font-size:14px}.nx-metric small{display:block;margin-top:6px;font-size:10px}.nx-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:#ef4aae}.nx-dot.yellow{background:#f5dd24}.nx-dot.red{background:#ff5348}.nx-dot.green{background:#41d89e}.nx-detail-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:24px;margin-top:25px}.nx-section{background:white;border-radius:7px;box-shadow:0 10px 25px #35487610;overflow:hidden}.nx-section-head{height:58px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--nx-line);font-size:14px}.nx-equipment{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;--nui-text:#30354a;--nui-text-2:#66748a;--nui-muted:#8c98a9;--nui-surface:#fff;--nui-surface-2:#f8f9fc;--nui-surface-3:#eef1f7;--nui-line:#e3e7ef;--nui-ok:#41c998;--nui-info:#5f73e6}.nx-equipment nui-pump,.nx-equipment nui-tank,.nx-equipment nui-motor{min-width:0}.nx-status{padding:14px 20px}.nx-status-row{display:grid;grid-template-columns:85px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--nx-line);font-size:12px}.nx-status-row:last-child{border:0}.nx-status-row b{font-size:12px}.nx-status-row small{color:#9aa4b2}.nx-bar{height:5px;background:#edf0f5;border-radius:4px;overflow:hidden}.nx-bar i{display:block;height:100%;background:var(--nx-blue)}.nx-footer{display:flex;justify-content:space-between;margin-top:32px;padding:20px 0 0;border-top:1px solid #edf0f5;color:#95a0b2;font-size:12px}.nx-footer b{color:var(--nx-blue)}.helpdesk{position:fixed;right:0;top:56%;background:var(--nx-blue);color:white;padding:16px 8px;writing-mode:vertical-rl;border-radius:5px 0 0 5px;font-size:12px;z-index:50}
@media(max-width:1200px){.nx-summary{grid-template-columns:repeat(2,1fr)}.nx-panels{margin-left:0;margin-right:0}.nx-detail-grid{grid-template-columns:1fr}}@media(max-width:850px){.nx-shell{grid-template-columns:1fr}.nx-sidebar{display:none}.nx-main{background:linear-gradient(var(--nx-blue) 0 150px,var(--nx-bg) 150px)}.nx-content{padding:15px}.nx-breadcrumb{padding:0 15px}.nx-panels{grid-template-columns:1fr}.nx-equipment{grid-template-columns:1fr}}@media(max-width:560px){.nx-summary{grid-template-columns:1fr}.nx-summary-card{height:115px;padding:18px}.nx-map{height:250px}}
.nx-map.leaflet-container{font:12px Inter,system-ui,sans-serif;background:#e8eaed}.nx-map .leaflet-control-zoom a{color:#2f3444}.nx-map .leaflet-control-attribution{font-size:9px}.nx-map .leaflet-popup-content-wrapper{border-radius:7px;box-shadow:0 8px 26px #273b6a33}.nx-map .leaflet-popup-content{margin:12px 14px;line-height:1.45}.nx-map .leaflet-popup-content b{color:#303154}.nx-map .leaflet-popup-content small{color:#7e899a}.nx-map .leaflet-tile-pane{filter:saturate(.78) brightness(1.04)}.nx-leaflet-pin{background:transparent;border:0}.nx-leaflet-pin span{display:grid;place-items:center;width:34px;height:34px;border:3px solid white;border-radius:50% 50% 50% 0;background:var(--nx-blue);box-shadow:0 4px 10px #263d6b55;transform:rotate(-45deg)}.nx-leaflet-pin i{width:9px;height:9px;border-radius:50%;background:white;transform:rotate(45deg)}.nx-map-fallback{position:absolute;inset:0;z-index:500;display:none;place-items:center;background:#eef0f2;color:#7d8793;text-align:center}.nx-map.offline .nx-map-fallback{display:grid}