/* Shared module: shared-widgets — auto-split from the old single styles.css, 578 rule block(s). Do not duplicate class names across files. */

/* Shared module: shared-widgets — auto-split from the old single styles.css, 578 rule block(s). Do not duplicate class names across files. */

.main{position:absolute;top:var(--top);right:var(--sidebar);left:0;bottom:0;overflow:auto;padding:22px 24px 40px;transition:.25s}

.panel-head{padding:14px 16px;border-bottom:1px solid #e4edf2;display:flex;justify-content:space-between;align-items:center}

.panel-head h3{margin:0;font-size:16px}

.panel-body{padding:15px}

.sensor-card{padding:14px;border:1px solid #dbe8ef;border-radius:14px;background:#fff}

.sensor-card h4{margin:0}

.gate-card{border:1px solid #dbe8ef;border-radius:14px;padding:14px;background:#fff}

.gate-top{display:flex;justify-content:space-between;align-items:center}

.gate-door.open{transform:translateY(72%)}

.gate-rules{background:#f6fafc;border:1px dashed #c6dbe6;border-radius:10px;padding:10px;font-size:12px;color:#526b7b}

@media (max-width:900px){
.main{padding:16px}
}

.side-brand-name{display:flex;flex-direction:column;text-align:right}

.side-brand-name strong{font-size:19px;font-weight:800;letter-spacing:.4px;color:#fff}

.side-brand-name small{font-size:9px;color:#6f9bb5;letter-spacing:1px;margin-top:1px}

.side-shield{width:46px;height:46px;flex:none;display:grid;place-items:center;background:none;border:0;box-shadow:none}

.side-shield img{width:100%;height:100%;object-fit:contain}

.session{color:#768995}

.session.online{color:var(--good);font-weight:600;}

.settings-asset-panel .panel-head small,.settings-split .panel-head small{display:block;color:var(--muted);font-size:11px;margin-top:4px}

.danger-text{color:var(--danger)!important;border-color:#efc8cb!important;background:#fff7f7!important}

.empty-cell{text-align:center!important;color:var(--muted);padding:25px!important}

body[data-theme="dark"] .danger-text{background:#421d22!important;border-color:#704047!important;color:#ff9aa0!important}

.linked-weather-box{margin-top:14px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(22,163,182,.06)}

.linked-weather-box>b{display:block;margin-bottom:7px}

.linked-weather-box button{width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);padding:8px 0;text-align:inherit;cursor:pointer}

.linked-weather-box button span,.linked-weather-box button small{display:block}

.linked-weather-box button small{color:var(--muted);font-size:10px}

.object-details{display:flex;flex-direction:column;gap:12px}

.object-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}

.object-summary h3{margin:3px 0 1px;font-size:20px}

.object-summary small{color:var(--muted)}

.object-type{display:inline-block;font-size:10px;font-weight:600;color:var(--primary);background:#e8f5fb;border-radius:99px;padding:4px 8px}

.object-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px}

.object-section{border-top:1px solid var(--line);padding-top:10px}

.object-section h4{margin:0 0 8px;font-size:13px}

.object-related{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:7px}

.object-related-card{display:block;width:100%;border:1px solid #dbe7ee;border-radius:10px;background:#fff;color:var(--ink);padding:8px 10px;text-align:start;cursor:pointer}

.object-related-card b{display:block;font-size:11px}

.object-related-card small{display:block;margin-top:3px;color:var(--muted);font-size:9px}

button.object-related-card:hover{background:#edf7fb;border-color:#9bc9dd}

.object-detail-map{height:300px!important}

body.theme-dark .object-type{background:#143d52;color:#65d3ff}

body.theme-dark .object-kv{background:#0e3043;border-color:#31586d}

body.theme-dark .object-kv span{color:#9ab8c8}

body.theme-dark .object-kv b{color:#f0f8fc}

body.theme-dark .object-related-card{background:#0e3043;border-color:#31586d;color:#eef7fb}

body.theme-dark button.object-related-card:hover{background:#16435a}

@media (max-width:900px){
.object-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}
}

@media (max-width:900px){
.object-related{grid-template-columns:1fr 1fr}
}

@media (max-width:520px){
.object-grid,.object-related{grid-template-columns:1fr}
}

@media (max-width:520px){
.object-summary{align-items:flex-start}
}

.tunnel-op-card .panel-head small{display:block;color:var(--muted);margin-top:3px}

.route-builder{display:flex;flex-direction:column;gap:10px}

.route-builder-form{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:8px}

.route-builder-form label{font-size:10px;color:var(--muted)}

.route-builder-form input,.route-builder-form select{width:100%;margin-top:4px}

.route-builder-summary{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}

.route-builder-summary span{font-size:10px}

.route-builder-tools{display:flex;gap:8px;flex-wrap:wrap}

.route-draw-map{height:480px;border-radius:13px;overflow:hidden}

body.theme-dark .route-builder-summary{background:#0d2c3e}

@media (max-width:900px){
.route-builder-form{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:900px){
.route-draw-map{height:390px}
}

@media (max-width:520px){
.route-builder-form{grid-template-columns:1fr}
}

@media (max-width:520px){
.route-draw-map{height:330px}
}

.route-builder-form input[readonly]{background:rgba(93,177,215,.09);border-style:dashed;font-size:10px;color:var(--ink)}

.route-style-panel{border:1px solid var(--line);border-radius:12px;background:var(--soft);overflow:hidden}

.route-style-panel summary{cursor:pointer;padding:10px 12px;font-weight:600;font-size:12px}

.route-style-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;padding:0 12px 12px}

.route-style-grid label{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:5px}

.route-style-grid input[type="color"]{width:100%;height:36px;padding:2px;border-radius:8px}

.route-style-grid input[type="range"]{width:100%}

.route-style-grid label>span{font-size:9px;color:var(--ink);font-weight:600;}

.route-switch{grid-column:span 2;flex-direction:row!important;align-items:center!important;padding-top:18px}

.route-switch input{width:18px;height:18px}

body.theme-dark .route-style-panel{background:#0d2c3e}

@media (max-width:900px){
.route-style-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}
}

@media (max-width:520px){
.route-style-grid{grid-template-columns:1fr}
}

@media (max-width:520px){
.route-switch{grid-column:span 1}
}

.panel-head>div:first-child{min-width:0}

.panel-head>div:first-child h3,.panel-head>div:first-child small{max-width:100%}

.route-focus-flash{animation:routeFocusFlash .7s ease}

.route-pipe-panel{border:1px solid var(--line);border-radius:12px;background:var(--soft);overflow:hidden}

.route-pipe-panel summary{cursor:pointer;padding:10px 12px;font-weight:600;font-size:12px}

.route-pipe-defaults{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:10px;padding:0 12px 12px}

.route-pipe-defaults label{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:5px}

body.theme-dark .route-pipe-panel{background:#0d2c3e}

@media (max-width:1100px){
.route-pipe-defaults{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:600px){
.route-pipe-defaults{grid-template-columns:1fr}
}

body.theme-dark .route-linked-manhole-panel{background:#0d2c3e}

.linked-manhole-panel .panel-head>div{min-width:0}

.linked-manhole-panel .panel-head small{display:block;color:var(--muted);font-size:9px;margin-top:3px}

.critical-routes-panel .panel-head small{display:block;color:var(--muted);font-size:9px;margin-top:3px}

.route-sensor-info{border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:11px 12px}

body.theme-dark .route-sensor-info{background:#0d2c3e}

.route-hover-status{font-size:8px;font-weight:600;padding:3px 7px;border-radius:99px;background:#1c7f61;white-space:nowrap}

.linked-manhole-grid #listMap{
  height:100%!important;
  min-height:500px;
}

.panel-head{
  border-bottom:1px solid rgba(96,157,188,.28);
}

body:not(.theme-dark) .panel-head{
  border-bottom-color:rgba(81,137,164,.24);
}

th,
.panel-head,
.panel-head *,
h3,
h4,
h5,
h6{
  font-weight:500!important;
}

h1,
h2,
#pageTitle{
  font-weight:600!important;
}

.mr74-pipe.flat{stroke:#ffb74d}

.mr74-pipe.ok{stroke:#42c982}

.mr74-slope-label.flat{fill:#ffb74d}

.mr74-slope-label.ok{fill:#42c982}

.mr74-legend .g{color:#8ca7b6}

.mr74-legend .p{color:#e1a33c}

.mr74-legend .w{color:#22b9e5}

.mr74-legend .r{color:#ed535c}

.mr74-form-grid .full{grid-column:1/-1}

.waterway-map-panel .panel-body{height:calc(100% - 58px);display:flex;flex-direction:column}

.waterway-route-builder .route-builder-summary{
  margin-top:10px;
}

.waterway-route-builder .route-builder-tools{
  margin-top:10px;
}

.route-required-status{
  margin-top:10px;
  padding:9px 12px;
  border-radius:9px;
  font-size:10.5px;
  line-height:1.55;
  border:1px solid rgba(235,174,66,.35);
  background:rgba(235,174,66,.08);
  color:#e8c477;
}

.route-required-status b{
  font-weight:600;
}

.ww93-level-charts-panel{
  display:block!important;
  width:100%!important;
  margin:14px 0!important;
  overflow:visible!important;
}

.ww93-level-charts-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:14px!important;
  flex-wrap:wrap!important;
}

.ww93-date-filters{
  display:flex!important;
  gap:8px!important;
  align-items:flex-end!important;
  flex-wrap:wrap!important;
}

.ww93-date-filters label{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  color:var(--muted)!important;
  font-size:10px!important;
}

.ww93-date-filters input{
  height:36px!important;
  min-width:145px!important;
  box-sizing:border-box!important;
}

.ww93-chart-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  padding:14px!important;
  width:100%!important;
  box-sizing:border-box!important;
  visibility:visible!important;
  opacity:1!important;
}

.ww93-chart-card{
  display:block!important;
  min-width:0!important;
  visibility:visible!important;
  opacity:1!important;
}

.ww93-chart-card .panel-head{padding:10px 12px!important}

.ww93-chart-card .panel-head h3{font-size:14px!important}

.ww93-chart-card .panel-head small{display:block;color:var(--muted);font-size:9px;margin-top:3px}

.ww93-chart-legend i.current{background:#25c6f2}

.ww93-chart-legend i.previous{background:#95a8b7}

.ww93-chart-wrap{padding:0 7px 10px!important}

.ww93-chart-svg{display:block!important;width:100%!important;height:230px!important}

.ww93-axis-line{stroke:rgba(132,182,205,.50);stroke-width:1}

.ww93-axis-label,.ww93-axis-title{fill:#8eafc1;font-size:9px;font-family:Tahoma,Arial,sans-serif}

.ww93-axis-title{font-size:10px}

.ww93-chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round}

.ww93-chart-line.current{stroke:#25c6f2;stroke-width:1.8}

.ww93-chart-line.previous{stroke:#95a8b7;stroke-width:1.5;stroke-dasharray:5 4}

@media (max-width:1450px){
.ww93-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:900px){
.ww93-chart-grid{grid-template-columns:1fr!important}
}

@media (max-width:900px){
.ww93-date-filters{width:100%!important}
}

@media (max-width:900px){
.ww93-date-filters label{flex:1 1 150px}
}

@media (max-width:900px){
.ww93-date-filters input{width:100%!important;min-width:0!important}
}

body[data-theme="dark"] .tunnel-metrics small,
body[data-theme="dark"] .weather-mini-grid small,
body[data-theme="dark"] .weather-now small,
body[data-theme="dark"] .route-node small,
body[data-theme="dark"] .linked-weather-box button small,
body[data-theme="dark"] .object-kv span,
body[data-theme="dark"] .picked-coords small{
  color:#9ab8c8!important;
}

body[data-theme="dark"] .tunnel-metrics b,
body[data-theme="dark"] .weather-mini-grid b,
body[data-theme="dark"] .weather-now strong,
body[data-theme="dark"] .route-node b,
body[data-theme="dark"] .object-kv b{
  color:#f0f8fc!important;
}

body[data-theme="dark"] .gate-rules{
  border-style:dashed!important;
}

.ww93-chart-card .panel-head{align-items:flex-start!important}

.ww93-chart-legend i.current{background:#ffb347!important;box-shadow:0 0 0 1px rgba(255,179,71,.18)}

.ww93-chart-legend i.previous{background:#4dd9ff!important;box-shadow:0 0 0 1px rgba(77,217,255,.15)}

.ww93-chart-wrap{position:relative!important;padding:0 8px 12px!important}

.ww93-chart-svg{height:240px!important}

.ww93-axis-line{stroke:rgba(150,190,210,.42)!important;stroke-width:1!important}

.ww93-axis-label,.ww93-axis-title{fill:#9fc3d4!important;font-size:10px!important;font-family:Tahoma,Arial,sans-serif!important}

.ww93-axis-title{font-size:11px!important;font-weight:600!important}

.ww93-chart-line.current{stroke:#ffb347!important;stroke-width:2.6!important;filter:drop-shadow(0 0 2px rgba(255,179,71,.18))}

.ww93-chart-line.previous{stroke:#4dd9ff!important;stroke-width:2.2!important;stroke-dasharray:7 5!important;filter:drop-shadow(0 0 2px rgba(77,217,255,.14))}

.ww93-point.current{fill:#ffb347!important}

.ww93-point.previous{fill:#4dd9ff!important}

.ww93-chart-tooltip{position:absolute;z-index:4;min-width:126px;background:rgba(7,30,43,.96);color:#eef8ff;border:1px solid rgba(77,217,255,.24);border-radius:10px;padding:8px 10px;font-size:12px;line-height:1.5;pointer-events:none;box-shadow:0 10px 24px rgba(0,0,0,.28)}

.ww93-chart-tooltip b{color:#ffcf7b;font-weight:700}

.ww93-chart-card .panel-head{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:flex-start!important}

.ww93-chart-card .panel-head h3{font-size:18px!important;font-weight:700!important}

.ww93-chart-card .panel-head small{font-size:11px!important;color:#9ab7c8!important}

.ww93-chart-values .current{color:#90c7ff!important}

.ww93-chart-values .previous{color:#aebdcb!important}

.ww93-chart-wrap{position:relative!important;padding:2px 8px 12px!important}

.ww93-chart-svg{display:block!important;width:100%!important;height:250px!important;background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(255,255,255,0))!important}

.ww93-axis-line{stroke:rgba(154,181,198,.36)!important;stroke-width:1!important}

.ww93-axis-label,.ww93-axis-title{fill:#90aebf!important;font-size:10px!important;font-family:Tahoma,Arial,sans-serif!important}

.ww93-axis-title{font-size:11px!important;font-weight:600!important}

.ww93-chart-area.current{fill:rgba(140,194,244,.16)!important}

.ww93-chart-line.current{stroke:#7bbcff!important;stroke-width:2.2!important;fill:none!important}

.ww93-chart-line.previous{stroke:#d4dee8!important;stroke-width:1.7!important;stroke-dasharray:6 4!important;fill:none!important;opacity:.92!important}

.ww93-last-line{stroke:rgba(115,167,225,.7)!important;stroke-width:1!important}

.ww93-last-tag{fill:#c3dffd!important;font-size:10px!important;font-weight:700!important}

.ww93-crosshair{stroke:rgba(85,147,214,.9)!important;stroke-width:1!important;stroke-dasharray:3 3!important}

.ww93-highlight.current{fill:#7bbcff!important;stroke:#ffffff!important;stroke-width:1.4!important}

.ww93-highlight.previous{fill:#d4dee8!important;stroke:#0d2736!important;stroke-width:1.1!important}

.ww93-chart-tooltip{position:absolute;z-index:6;min-width:150px;background:rgba(248,250,252,.98);color:#12293a;border:1px solid rgba(87,150,225,.8);border-radius:0;padding:8px 10px;font-size:12px;line-height:1.5;pointer-events:none;box-shadow:0 0 0 1px rgba(87,150,225,.12)}

.ww93-chart-tooltip .ww93-tip-week{font-weight:700;color:#18364a;margin-bottom:4px}

.ww93-chart-tooltip .c{color:#3478c6;font-weight:700}

.ww93-chart-tooltip .p{color:#6f7f8d;font-weight:700}

.ww93-level-charts-head{align-items:center!important}

@media (max-width:900px){
.ww93-chart-card .panel-head{flex-direction:column!important}
}

.ww93-chart-tooltip .ww93-tip-row{display:flex;align-items:center;gap:6px;white-space:nowrap}

.ww93-chart-tooltip .ww93-trend{display:inline-flex;align-items:center;justify-content:center;min-width:14px;font-size:12px;font-weight:700;margin-inline-start:2px}

.ww93-chart-tooltip .ww93-trend.flat{color:#64748b}

.ww93-chart-area.current{fill:rgba(61,185,255,.26)!important}

.ww93-chart-line.current{stroke:#42d3ff!important;stroke-width:2.35!important;filter:drop-shadow(0 0 4px rgba(66,211,255,.18))}

.ww93-chart-line.previous{stroke:#ffd166!important;stroke-width:1.9!important;stroke-dasharray:7 4!important;opacity:.96!important}

.ww93-axis-label,.ww93-axis-title{fill:#cfe7f7!important;font-size:11px!important;font-weight:500!important}

.ww93-axis-title{fill:#eef8ff!important;font-size:12px!important;font-weight:700!important}

.ww93-last-line{stroke:rgba(66,211,255,.85)!important}

.ww93-last-tag{fill:#ecf8ff!important;font-size:10.5px!important;font-weight:700!important}

.ww93-chart-tooltip{background:linear-gradient(180deg,#f7fbff 0%,#dbf1ff 100%)!important;color:#0c2e43!important;border:1px solid #61b8ff!important;border-radius:8px!important;box-shadow:0 10px 28px rgba(15,65,110,.24)!important}

.ww93-chart-tooltip .ww93-tip-week{color:#103f61!important;font-size:13px!important}

.ww93-chart-tooltip .c{color:#007dd6!important;font-weight:700!important}

.ww93-chart-tooltip .p{color:#8b5e00!important;font-weight:700!important}

.ww93-chart-tooltip .ww93-trend.flat{color:#64748b!important}

.ww93-chart-area.current{fill:rgba(61,185,255,.055)!important}

.ww93-axis-line{stroke:rgba(190,220,238,.72)!important;stroke-width:1.15!important}

.ww93-axis-label{fill:#c6e0ef!important;font-size:10.5px!important}

.ww93-axis-title{fill:#f0f8fc!important;font-size:11.5px!important;font-weight:700!important}

.ww93-axis-title-x{letter-spacing:.1px}

.ww93-axis-title-y{letter-spacing:.1px}

.ww93-axis-line{stroke:rgba(206,231,244,.82)!important;stroke-width:1.1!important;shape-rendering:geometricPrecision}

.ww93-axis-line-y{stroke-width:1.25!important}

.ww93-chart-line.current{stroke-width:1.55!important;filter:drop-shadow(0 0 2px rgba(66,211,255,.10))!important}

.ww93-chart-line.previous{stroke-width:1.3!important;stroke-dasharray:5 4!important;filter:none!important}

.ww93-axis-title-y{fill:#eef8ff!important;font-size:12px!important;font-weight:700!important}

.ww93-axis-title-x{fill:#eef8ff!important;font-size:12px!important;font-weight:700!important}

.ww93-level-charts-head{align-items:center!important}

.ww93-date-filters{
  padding:10px 12px!important;
  border:1px solid rgba(82,171,220,.28)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg, rgba(10,39,63,.78), rgba(6,28,46,.88))!important;
  box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
  gap:10px!important;
}

.ww93-date-filters label{
  gap:6px!important;
  min-width:150px!important;
}

.ww93-date-filters label span{
  color:#9bc8e8!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.1!important;
  padding-inline:4px!important;
}

.ww93-date-filters input{
  height:40px!important;
  min-width:145px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  border:1px solid rgba(78,157,206,.55)!important;
  background:rgba(9,35,55,.96)!important;
  color:#eff9ff!important;
  font-size:13px!important;
  font-weight:600!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
}

.ww93-date-filters input:hover,
.ww93-date-filters input:focus{
  border-color:rgba(87,207,255,.9)!important;
  box-shadow:0 0 0 3px rgba(55,186,255,.16)!important;
}

.ww93-date-filters input::-webkit-calendar-picker-indicator{
  filter:invert(1) brightness(1.5) saturate(.2)!important;
  opacity:.95!important;
  cursor:pointer!important;
}

@media (max-width:900px){
.ww93-date-filters{padding:10px!important;gap:8px!important}
}

@media (max-width:900px){
.ww93-date-filters label{min-width:unset!important;flex:1 1 170px!important}
}

.ww111-week-line.current.flat b,
.ww111-week-line.current.flat .ww111-trend-arrow{color:#d9e6ef}

.ww115-empty-region-panel .empty-state{
  width:100%;
  max-width:620px;
  padding:48px 24px!important;
  text-align:center;
}

.platform-empty-region-panel .empty-state{
  width:100%;
  max-width:660px;
  padding:48px 24px!important;
  text-align:center;
}

.dam-mgmt-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

.dam-mgmt-actions select{min-width:250px;min-height:39px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);padding:8px 10px}

body[data-theme="dark"] .dam-mgmt-sectionbar,body.theme-dark .dam-mgmt-sectionbar{background:linear-gradient(180deg,rgba(30,184,229,.07),rgba(8,34,48,.18))!important;border-color:#244c61!important}

body[data-theme="dark"] .dam129-tabs .dam-mgmt-tab,body.theme-dark .dam129-tabs .dam-mgmt-tab{background:#102f41}

@media (max-width:900px){
.dam-mgmt-actions{width:100%}
}

@media (max-width:900px){
.dam-mgmt-actions select{flex:1;min-width:210px}
}

.page-link-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:10px 14px;border:1px solid rgba(95,180,220,.22);border-radius:14px;background:rgba(15,45,62,.24)}

@media (max-width:900px){
.page-link-strip{align-items:flex-start;flex-direction:column}
}

.v132-mgmt-header .dam-mgmt-actions select{min-width:220px}

.device-auto-note{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:rgba(14,165,233,.08);border:1px solid rgba(14,165,233,.16);font-size:12px}

.v140-pump-card{border-top:3px solid var(--primary,#0b3852)}

.v140-pump-card.is-running{box-shadow:0 10px 24px rgba(22,163,74,.10)}

.v140-pump-card.is-fault{box-shadow:0 10px 24px rgba(220,38,38,.08)}

.pump-visual.compact{width:66px}

.pump-visual.is-running .pump-bubble.b3{animation:pumpBubble 1.2s ease-in-out .5s infinite}

.v140-pump-topline{display:flex;gap:7px;flex-wrap:wrap;margin:4px 0 12px}

.v140-interlocks{display:flex;gap:12px;flex-wrap:wrap;padding:14px;margin-top:14px;border:1px solid var(--border,#d9e2e8);border-radius:14px;background:rgba(10,70,90,.035)}

.v140-interlocks h3{width:100%;margin:0 0 4px}

.v140-interlocks label{display:flex;gap:7px;align-items:center}

.v141-pump-mini{padding:14px;border:1px solid var(--border,#d9e3ea);border-radius:14px;background:var(--surface,#fff);box-shadow:0 5px 16px rgba(9,45,66,.06)}

.v141-pump-mini.is-running{border-inline-start:4px solid #16a34a}

.v141-pump-mini.is-fault{border-inline-start:4px solid #dc2626}

.v141-pump-mini .pump-visual{margin-top:-4px}

.v143-gate-card{border-top:3px solid #64748b}

.v143-gate-card.is-open{border-top-color:#16a34a;box-shadow:0 8px 24px rgba(22,163,74,.08)}

.gate-visual.compact{width:64px}

body[data-theme="dark"] .v141-master-console,
body[data-theme="dark"] .v140-pump-card,
body[data-theme="dark"] .v141-pump-mini,
body[data-theme="dark"] .v143-master-console,
body[data-theme="dark"] .v143-gate-card,
body[data-theme="dark"] .v143-gate-mini,
body.theme-dark .v141-master-console,
body.theme-dark .v140-pump-card,
body.theme-dark .v141-pump-mini,
body.theme-dark .v143-master-console,
body.theme-dark .v143-gate-card,
body.theme-dark .v143-gate-mini{
  background:#0b2132!important;
  color:#e8f3f8!important;
  border-color:#234052!important;
}

body[data-theme="dark"] .v141-pump-mini-head b,
body[data-theme="dark"] .v141-pump-mini-readings b,
body[data-theme="dark"] .v140-pump-card h3,
body[data-theme="dark"] .v143-gate-card h3,
body[data-theme="dark"] .v143-gate-mini b,
body.theme-dark .v141-pump-mini-head b,
body.theme-dark .v141-pump-mini-readings b,
body.theme-dark .v140-pump-card h3,
body.theme-dark .v143-gate-card h3,
body.theme-dark .v143-gate-mini b{color:#f2f9fc!important}

body[data-theme="dark"] .v141-pump-mini-head small,
body[data-theme="dark"] .v141-pump-mini-readings small,
body[data-theme="dark"] .v143-gate-mini small,
body[data-theme="dark"] .v140-pump-card small,
body[data-theme="dark"] .v143-gate-card small,
body.theme-dark .v141-pump-mini-head small,
body.theme-dark .v141-pump-mini-readings small,
body.theme-dark .v143-gate-mini small,
body.theme-dark .v140-pump-card small,
body.theme-dark .v143-gate-card small{color:#91aebe!important;opacity:1}

body[data-theme="dark"] .v141-pump-mini-info span,
body[data-theme="dark"] .v141-pump-mini-readings span,
body[data-theme="dark"] .v141-console-summary span,
body[data-theme="dark"] .v143-gate-slider,
body.theme-dark .v141-pump-mini-info span,
body.theme-dark .v141-pump-mini-readings span,
body.theme-dark .v141-console-summary span,
body.theme-dark .v143-gate-slider{
  background:#0d283a!important;
  color:#dcebf3!important;
  border-color:#29495c!important;
}

body[data-theme="dark"] .v141-pump-mini.is-running,
body.theme-dark .v141-pump-mini.is-running{border-inline-start-color:#2dd477!important;box-shadow:0 8px 24px rgba(45,212,119,.08)}

body[data-theme="dark"] .v141-pump-mini.is-fault,
body.theme-dark .v141-pump-mini.is-fault{border-inline-start-color:#ff6670!important}

body[data-theme="dark"] .v143-gate-card.is-open,
body.theme-dark .v143-gate-card.is-open{border-top-color:#2dd477!important;box-shadow:0 8px 24px rgba(45,212,119,.08)}

body[data-theme="dark"] .pump-visual.is-stopped .pump-body,
body[data-theme="dark"] .pump-visual.is-stopped .pump-base,
body[data-theme="dark"] .pump-visual.is-stopped .pump-pipe,
body[data-theme="dark"] .pump-visual.is-stopped .pump-motor,
body.theme-dark .pump-visual.is-stopped .pump-body,
body.theme-dark .pump-visual.is-stopped .pump-base,
body.theme-dark .pump-visual.is-stopped .pump-pipe,
body.theme-dark .pump-visual.is-stopped .pump-motor{fill:#567184}

body[data-theme="dark"] .pump-visual.is-stopped .pump-blade,
body.theme-dark .pump-visual.is-stopped .pump-blade{fill:#7894a5}

body[data-theme="dark"] .pump-visual.is-stopped .pump-chamber,
body.theme-dark .pump-visual.is-stopped .pump-chamber{fill:#0d283a;stroke:#6d8798}

.user-center-menu{width:360px!important;padding:0!important;border-radius:18px!important;overflow:hidden!important;direction:rtl}

.user-center-head{display:grid;grid-template-columns:58px 1fr 38px;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--line,#dbe7ee);background:linear-gradient(135deg,rgba(17,127,171,.09),rgba(16,185,129,.05))}

.user-center-avatar{width:58px;height:58px;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#11b5d8,#176991);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800;box-shadow:0 7px 18px rgba(10,70,100,.18)}

.user-center-avatar span{display:block}

.user-center-identity{min-width:0;display:flex;flex-direction:column;gap:3px;text-align:right}

.user-center-identity b{font-size:15px;color:var(--ink,#173042);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.user-center-identity span{font-size:12px;color:var(--muted,#6f8290);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.user-center-identity small{font-size:11px;color:#16815d;display:flex;align-items:center;gap:6px}

.user-online-dot{width:7px;height:7px;border-radius:50%;background:#1fc98b;box-shadow:0 0 0 4px rgba(31,201,139,.12)}

.user-center-edit{width:34px!important;height:34px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid var(--line,#dbe7ee)!important;background:var(--surface,#fff)!important;border-radius:10px!important;color:var(--ink,#173042)!important;font-size:17px!important}

.user-center-reminder-card{margin:12px 12px 8px;padding:12px;border:1px solid var(--line,#dbe7ee);border-radius:14px;background:var(--surface-2,#f5fafc)}

.user-center-reminder-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:800;color:var(--ink,#173042)}

.user-center-reminder-title b{min-width:25px;height:25px;border-radius:99px;background:#0c91c3;color:#fff;display:grid;place-items:center;font-size:11px}

.user-reminder-preview{margin-top:9px;min-height:38px;display:flex;flex-direction:column;gap:3px;color:var(--muted,#6f8290);font-size:12px}

.user-reminder-preview b{color:var(--ink,#173042);font-size:12px}

.user-reminder-preview small{color:var(--muted,#6f8290);font-size:10px}

.user-reminder-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}

.user-reminder-actions button{justify-content:center!important;text-align:center!important;padding:8px 9px!important;border:1px solid var(--line,#dbe7ee)!important;background:var(--surface,#fff)!important;font-size:11px!important}

.user-reminder-actions .primary-mini{background:#0c91c3!important;border-color:#0c91c3!important;color:#fff!important}

.user-center-grid{padding:6px 12px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}

.user-center-grid button{min-height:62px!important;padding:10px!important;border:1px solid var(--line,#dbe7ee)!important;background:var(--surface,#fff)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;color:var(--ink,#173042)!important}

.user-center-grid button::before{font-size:15px;margin-bottom:2px}

.user-center-grid button span{font-weight:800;font-size:12px}

.user-center-grid button small{font-size:10px;color:var(--muted,#6f8290);font-weight:500}

.user-center-footer{padding:10px 12px 12px;border-top:1px solid var(--line,#dbe7ee)}

.user-center-footer .logout-action{justify-content:center!important;border:1px solid rgba(207,55,66,.22)!important;background:rgba(207,55,66,.06)!important;color:#bd313b!important}

.user-center-footer .logout-action:hover{background:rgba(207,55,66,.12)!important;color:#a92731!important}

.danger-text{color:#c33d46!important}

body[data-theme="dark"] .user-center-menu{background:#0b2435!important;border-color:#27475a!important;color:#dcebf3!important}

body[data-theme="dark"] .user-center-head{background:linear-gradient(135deg,rgba(17,155,202,.13),rgba(24,146,112,.08));border-color:#27475a}

body[data-theme="dark"] .user-center-identity b,body[data-theme="dark"] .user-center-reminder-title,body[data-theme="dark"] .user-reminder-preview b,body[data-theme="dark"] .user-center-grid button span,body[data-theme="dark"] .reminder-copy b{color:#e8f3f8!important}

body[data-theme="dark"] .user-center-identity span,body[data-theme="dark"] .user-center-grid button small,body[data-theme="dark"] .user-reminder-preview,body[data-theme="dark"] .user-reminder-preview small,body[data-theme="dark"] .reminder-copy small{color:#9db6c5!important}

body[data-theme="dark"] .user-center-edit,body[data-theme="dark"] .user-center-reminder-card,body[data-theme="dark"] .user-reminder-actions button,body[data-theme="dark"] .user-center-grid button,body[data-theme="dark"] .user-reminder-row,body[data-theme="dark"] .user-photo-editor,body[data-theme="dark"] .security-account-card,body[data-theme="dark"] .session-status-card{background:#102f43!important;border-color:#274c61!important;color:#e8f3f8!important}

body[data-theme="dark"] .user-center-footer{border-color:#27475a}

@media (max-width:560px){
.user-center-menu{left:10px!important;right:10px!important;width:auto!important}
}

@media (max-width:560px){
.user-center-grid{grid-template-columns:1fr 1fr}
}

.user-center-menu{width:430px!important;max-height:min(760px,calc(100vh - 84px));overflow:auto!important}

.user-center-head-v146{grid-template-columns:74px 1fr 38px;padding:16px 16px 14px}

.user-avatar-button{position:relative;width:70px!important;height:70px!important;padding:0!important;border:2px solid rgba(12,145,195,.22)!important;overflow:visible!important;background:linear-gradient(145deg,#11b5d8,#176991)!important;border-radius:21px!important;display:grid!important;place-items:center!important}

.user-avatar-button #userMenuAvatar{width:100%;height:100%;border-radius:19px;overflow:hidden;display:grid;place-items:center;font-size:25px;color:#fff}

.user-avatar-button #userMenuAvatar img{width:100%;height:100%;object-fit:cover;display:block}

.user-avatar-button .avatar-camera{position:absolute;inset-inline-start:-5px;bottom:-5px;width:27px;height:27px;border-radius:9px;background:#0b3852;border:2px solid var(--surface,#fff);display:grid;place-items:center;font-size:12px;box-shadow:0 4px 10px rgba(0,0,0,.16)}

.user-contact-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 12px 4px}

.user-contact-summary>div{display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:center;padding:9px 10px;border:1px solid var(--line,#dbe7ee);border-radius:12px;background:var(--surface-2,#f6fafc);min-width:0}

.user-contact-summary>div>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(12,145,195,.10);color:#0c78a3}

.user-contact-summary p{margin:0;min-width:0;display:flex;flex-direction:column;gap:2px}

.user-contact-summary small{font-size:9px;color:var(--muted,#738796)}

.user-contact-summary b{font-size:11px;color:var(--ink,#173042);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.user-notification-summary{margin:8px 12px;padding:11px 12px;border:1px solid var(--line,#dbe7ee);border-radius:14px;background:var(--surface-2,#f5fafc)}

.user-notification-summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:800;color:var(--ink,#173042)}

.user-notification-summary-head button{width:auto!important;padding:5px 9px!important;border:1px solid var(--line,#dbe7ee)!important;border-radius:8px!important;background:var(--surface,#fff)!important;color:#0b759f!important;font-size:10px!important}

.user-center-grid-v146{grid-template-columns:1fr 1fr}

.user-center-grid-v146 button{min-height:57px!important}

.profile-section-title{font-size:13px;font-weight:900;color:var(--ink,#173042);padding:8px 0 4px;border-bottom:1px solid var(--line,#dbe7ee)}

body[data-theme="dark"] .user-notification-summary-head button{background:#173d52!important;border-color:#31566a!important;color:#70d5f1!important}

@media (max-width:560px){
.user-center-menu{width:auto!important}
}

@media (max-width:560px){
.user-contact-summary{grid-template-columns:1fr}
}

.street-builder .route-style-panel{margin-top:12px}

.dash152-chart-card .panel-head>div{min-width:0}

.dash152-chart-card .panel-head small{display:block;color:var(--muted);margin-top:3px}

.v156-deduped-page .v133-mgmt-header .v133-actions,.v156-deduped-page .v132-mgmt-header .v133-actions,.v156-deduped-page .dam-mgmt-header .dam-mgmt-actions{width:100%;justify-content:flex-start}

.dash157-hydro-panel>.panel-head{align-items:flex-start}

.dash157-hydro-grid>.ww93-chart-card{margin:0;min-width:0;height:100%}

.dash164-hydro-row>.ww93-chart-card{display:flex;flex-direction:column;min-height:325px}

.dash157-event.info{border-inline-start:4px solid #169fce}

.v160-status-inline{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;margin-inline-start:6px;vertical-align:middle;max-width:330px}

.v160-status-inline small{font-size:10px;line-height:1.35;color:var(--muted,#8ea7b8);max-width:230px;white-space:normal}

.v160-diagnostic{display:flex;flex-direction:column;gap:14px}

@media (max-width:760px){
.v160-status-inline small{display:none}
}

@media (max-width:760px){
.v160-status-inline{max-width:none}
}

.v161-critical-number,.v161-critical-text{color:#ff3b4d;font-weight:900;text-shadow:0 0 8px rgba(255,59,77,.32);animation:v161CriticalPulse 1.05s ease-in-out infinite}

.v161-critical-number.big{font-size:30px;letter-spacing:.2px}

@media (max-width:760px){
.v161-critical-number.big{font-size:24px}
}

@media (prefers-reduced-motion:reduce){
.v161-critical-number,.v161-critical-text{animation:none}
}

.v162-threshold-card.low{border-inline-start:4px solid #0ea5e9}

.v162-threshold-card.high{border-inline-start:4px solid #dc2626}

.gate-visual.compact.is-emergency{transform:scale(1.03)}

.dash157-hydro-panel .dash164-hydro-row.ww93-chart-grid{
  grid-template-columns:repeat(var(--hydro-cols,1),minmax(0,1fr))!important;
  width:100%!important;
  max-width:none!important;
  justify-content:stretch!important;
  align-items:stretch!important;
}

.dash157-hydro-panel .dash164-hydro-row>.ww93-chart-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  box-sizing:border-box!important;
}

@media (max-width:900px){
.dash157-hydro-panel .dash164-hydro-row.ww93-chart-grid{
    grid-template-columns:1fr!important;
  }
}

.gate-visual.compact{width:72px}

.gate-visual.is-open .s2{animation-delay:.2s}

.gate-visual.is-open .s3{animation-delay:.35s}

body:not([data-theme="dark"]) .danger-text{color:#9b2431!important;border-color:#efb9bf!important;background:#fff4f5!important}

body:not([data-theme="dark"]) .v160-status-inline small{
  color:#4e6678;
}

body:not([data-theme="dark"]) .v161-critical-number,
body:not([data-theme="dark"]) .v161-critical-text{
  color:#c1273c;
  text-shadow:0 0 6px rgba(193,39,60,.18);
}

.gw-focus .panel-head{padding-bottom:14px!important}

.gw-chart-card>.panel-head{padding:11px 14px}

.gw-line.rain{stroke:#19a9dd}

.gw-line.temp{stroke:#e69b23}

.gw-line.wind{stroke:#5f83d5}

.gw-source-bar .panel-head{align-items:flex-start}

.gw182-chart-card .panel-head{align-items:flex-start!important;gap:12px!important}

.gw182-chart-card .panel-head h3{font-size:16px!important;margin:0!important}

.gw182-chart-card .panel-head small{display:block!important;margin-top:4px!important;color:var(--muted)!important;font-size:10px!important}

.gw182-chart-svg .ww93-axis-line{stroke:rgba(125,160,180,.52);stroke-width:1;vector-effect:non-scaling-stroke}

.gw182-chart-svg .ww93-axis-label{fill:var(--muted);font-size:9px}

.gw182-chart-svg .ww93-axis-title{fill:var(--muted);font-size:9px;font-weight:600}

.gw182-line.rain{stroke:#28b9df!important}

.gw182-area.rain{fill:rgba(40,185,223,.07)!important}

.gw182-line.temp{stroke:#f59e0b!important}

.gw182-area.temp{fill:rgba(245,158,11,.055)!important}

.gw182-line.wind{stroke:#73a8ff!important}

.gw182-area.wind{fill:rgba(115,168,255,.055)!important}

.gw182-chart-svg .ww93-last-line{stroke:rgba(120,155,177,.28);stroke-width:1;stroke-dasharray:3 4}

.gw182-chart-svg .ww93-last-tag{fill:var(--ink);font-size:9px;font-weight:700}

.gw182-chart-svg .ww93-crosshair{stroke:#49bfe8;stroke-width:1;stroke-dasharray:3 3;pointer-events:none}

.gw182-chart-svg .ww93-highlight.current{fill:#fff;stroke:#20b8e0;stroke-width:2;pointer-events:none}

body[data-theme="dark"] .gw182-chart-svg .ww93-axis-label,
body[data-theme="dark"] .gw182-chart-svg .ww93-axis-title{fill:#9ab7c8!important}

body[data-theme="dark"] .gw182-chart-svg .ww93-last-tag{fill:#dbeef8!important}

body[data-theme="light"] .gw182-chart-svg .ww93-grid-line,
body.theme-light .gw182-chart-svg .ww93-grid-line{stroke:rgba(82,122,147,.18)!important}

body[data-theme="light"] .gw182-chart-svg .ww93-axis-line,
body.theme-light .gw182-chart-svg .ww93-axis-line{stroke:rgba(82,122,147,.48)!important}

@media (max-width:900px){
.gw182-chart-card .panel-head{flex-direction:column!important}
}

.gw182-line.humidity{stroke:#14b8a6!important}

.gw182-area.humidity{fill:rgba(20,184,166,.06)!important}

body.theme-dark .route-manhole-spec-editor{background:linear-gradient(180deg,rgba(14,127,170,.18),rgba(6,39,56,.55))}

.theme-dark .route-manhole-spec-preview{background:#0b2738}

.route-required-status{margin-top:8px;padding:7px 9px;border-radius:9px;font-size:9px}

.route-builder-rebuilt .route-draw-map{height:500px;min-height:420px}

body.theme-dark .route-builder-rebuilt .route-builder-section{background:rgba(6,39,57,.68)}

@media (max-width:900px){
.route-builder-rebuilt .route-draw-map{height:420px}
}

.route-map-workspace .route-draw-map{min-width:0;height:520px;margin:0}

@media (max-width:860px){
.route-map-workspace .route-draw-map{height:430px}
}

.global-header-brand-wrap{
  position:absolute!important;
  left:6px!important;
  top:3px!important;
  width:160px!important;
  height:66px!important;
  z-index:25!important;
  display:block!important;
  overflow:hidden!important;
  pointer-events:none!important;
  user-select:none!important;
}

.global-header-brand{
  position:absolute!important;
  inset:0!important;
  width:160px!important;
  height:66px!important;
  max-width:160px!important;
  max-height:66px!important;
  padding:0!important;
  margin:0!important;
  object-fit:contain!important;
  display:block!important;
  background:none!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
}

.global-header-brand-dark{display:none!important}

body[data-theme="dark"] .global-header-brand-light,body.theme-dark .global-header-brand-light{display:none!important}

body[data-theme="dark"] .global-header-brand-dark,body.theme-dark .global-header-brand-dark{display:block!important}

@media (max-width:1180px){
.global-header-brand-wrap{left:5px!important;top:5px!important;width:140px!important;height:62px!important}
}

@media (max-width:1180px){
.global-header-brand{width:140px!important;height:62px!important;max-width:140px!important;max-height:62px!important}
}

@media (max-width:900px){
.global-header-brand-wrap{left:4px!important;top:7px!important;width:118px!important;height:58px!important}
}

@media (max-width:900px){
.global-header-brand{width:118px!important;height:58px!important;max-width:118px!important;max-height:58px!important}
}

@media (max-width:620px){
.global-header-brand-wrap{left:4px!important;top:10px!important;width:96px!important;height:52px!important}
}

@media (max-width:620px){
.global-header-brand{width:96px!important;height:52px!important;max-width:96px!important;max-height:52px!important}
}

.hydraulic-state-tag.wet{background:rgba(14,165,233,.13);color:#0284c7;border-color:rgba(14,165,233,.28)}

.hydraulic-state-tag.dry{background:rgba(239,68,68,.11);color:#dc2626;border-color:rgba(239,68,68,.28)}

.manhole-measurement.wet b{color:#0284c7}

.manhole-measurement.dry b{color:#dc2626}

.manhole-blockage-banner{margin:10px 0;padding:11px 14px;border-radius:12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.35);color:#dc2626;font-size:12px}

.route-node.blocked{border-color:#ef4444!important;background:rgba(239,68,68,.08)!important}

.manhole-operational-panel .panel-head{align-items:flex-start}

.manhole-state-legend .legend-item.wet{border-color:rgba(14,165,233,.32);background:linear-gradient(135deg,rgba(14,165,233,.08),transparent)}

.manhole-state-legend .legend-item.dry,.manhole-state-legend .legend-item.blockage{border-color:rgba(239,68,68,.3);background:linear-gradient(135deg,rgba(239,68,68,.07),transparent)}

.legend-arrow.moving{color:#0284c7;background:rgba(14,165,233,.12);animation:legendWetArrow 1.5s linear infinite}

.legend-arrow.pulse{color:#ef4444;background:rgba(239,68,68,.12);animation:manholeDryArrowPulse 1.05s ease-in-out infinite}

.mr-gis-import{display:flex;flex-direction:column;gap:12px;direction:rtl}

.mr-gis-drop{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px dashed color-mix(in srgb,var(--accent,#0ea5e9) 45%,var(--line,#d4e3ec));border-radius:14px;background:color-mix(in srgb,var(--accent,#0ea5e9) 5%,var(--card,#fff));position:relative;min-height:76px}

.mr-gis-drop input[type=file]{max-width:48%;font-size:11px;color:var(--text)}

.mr-gis-drop div{display:flex;flex-direction:column;gap:4px}

.mr-gis-drop b{font-size:14px;color:var(--text)}

.mr-gis-drop small{color:var(--muted);font-size:10px}

.mr-gis-file-status{padding:9px 12px;border-radius:10px;background:var(--card);border:1px solid var(--line);color:var(--muted);font-size:11px}

.mr-gis-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}

.mr-gis-grid label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--muted)}

.mr-gis-grid input,.mr-gis-grid select{width:100%;min-height:38px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text);padding:7px 9px}

.mr-gis-note{padding:10px 12px;border-radius:10px;background:rgba(14,165,233,.07);border:1px solid rgba(14,165,233,.22);color:var(--muted);font-size:10px;line-height:1.7}

.mr-gis-note b{color:var(--text)}

.mr-gis-import-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}

.mr-gis-import-summary span{border:1px solid var(--line);border-radius:9px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px}

.mr-gis-import-summary b{color:var(--text);font-size:12px}

.mr-gis-import-summary small{color:var(--muted);font-size:9px}

.mr-gis-preview-svg circle.start{fill:#16a34a;stroke:#fff;stroke-width:2}

.mr-gis-preview-svg circle.end{fill:#dc2626;stroke:#fff;stroke-width:2}

.mr-gis-warning{padding:10px;border:1px solid rgba(220,38,38,.25);background:rgba(220,38,38,.07);color:#b91c1c;border-radius:9px;font-size:11px;margin-top:7px}

@media (max-width:1000px){
.mr-gis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:620px){
.mr-gis-grid{grid-template-columns:1fr}
}

@media (max-width:620px){
.mr-gis-drop{align-items:flex-start;flex-direction:column}
}

@media (max-width:620px){
.mr-gis-drop input[type=file]{max-width:100%;width:100%}
}

@media (max-width:620px){
.mr-gis-import-summary{grid-template-columns:1fr}
}

@media (min-width:1321px) and (max-width:1600px){
.global-header-brand-wrap{width:136px!important;height:60px!important;left:6px!important;top:6px!important}
}

@media (min-width:1321px) and (max-width:1600px){
.global-header-brand{width:136px!important;height:60px!important;max-width:136px!important;max-height:60px!important}
}

@media (min-width:1051px) and (max-width:1320px){
.global-header-brand-wrap{width:126px!important;height:58px!important;left:5px!important;top:7px!important}
}

@media (min-width:1051px) and (max-width:1320px){
.global-header-brand{width:126px!important;height:58px!important;max-width:126px!important;max-height:58px!important}
}

@media (min-width:821px) and (max-width:1050px){
.global-header-brand-wrap{width:92px!important;height:52px!important;left:4px!important;top:10px!important}
}

@media (min-width:821px) and (max-width:1050px){
.global-header-brand{width:92px!important;height:52px!important;max-width:92px!important;max-height:52px!important}
}

@media (max-width:820px){
.global-header-brand-wrap{width:82px!important;height:48px!important;left:4px!important;top:12px!important}
}

@media (max-width:820px){
.global-header-brand{width:82px!important;height:48px!important;max-width:82px!important;max-height:48px!important}
}

.scada-pump-visual.compact{width:114px}

.scada-pipe-flow.inlet{left:-6px;top:55%;width:43%;transform:translateY(-50%)}

.scada-pipe-flow.inlet i{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid rgba(227,252,255,.95);opacity:.28}

.scada-pipe-flow.outlet{left:50%;top:2px;height:41%;transform:translateX(-50%);flex-direction:column-reverse}

.scada-pipe-flow.outlet i{border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid rgba(227,252,255,.95);opacity:.28}

.scada-pump-visual.is-running .scada-pipe-flow.inlet i:nth-child(1){animation:scadaPipeFlowRight 1.15s linear infinite}

.scada-pump-visual.is-running .scada-pipe-flow.inlet i:nth-child(2){animation:scadaPipeFlowRight 1.15s linear .18s infinite}

.scada-pump-visual.is-running .scada-pipe-flow.inlet i:nth-child(3){animation:scadaPipeFlowRight 1.15s linear .36s infinite}

.scada-pump-visual.is-running .scada-pipe-flow.inlet i:nth-child(4){animation:scadaPipeFlowRight 1.15s linear .54s infinite}

.scada-pump-visual.is-running .scada-pipe-flow.outlet i:nth-child(1){animation:scadaPipeFlowUp 1.15s linear infinite}

.scada-pump-visual.is-running .scada-pipe-flow.outlet i:nth-child(2){animation:scadaPipeFlowUp 1.15s linear .18s infinite}

.scada-pump-visual.is-running .scada-pipe-flow.outlet i:nth-child(3){animation:scadaPipeFlowUp 1.15s linear .36s infinite}

.scada-pump-visual.is-running .scada-pipe-flow.outlet i:nth-child(4){animation:scadaPipeFlowUp 1.15s linear .54s infinite}

.scada-pump-visual.is-stopped .scada-pipe-flow,.scada-pump-visual.is-fault .scada-pipe-flow{opacity:.35}

.scada-pump-legend .run i{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.4)}

.scada-pump-legend .stop i{background:#94a3b8}

.scada-pump-legend .fault i{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,.4)}

body[data-theme="dark"] .scada-pump-visual.is-running .scada-pump-state-code,body.theme-dark .scada-pump-visual.is-running .scada-pump-state-code{color:#8ce9a9;background:rgba(7,45,28,.94)}

body[data-theme="dark"] .scada-pump-visual.is-fault .scada-pump-state-code,body.theme-dark .scada-pump-visual.is-fault .scada-pump-state-code{color:#ffaaa5;background:rgba(62,17,19,.94)}

@media (max-width:700px){
.scada-pump-visual.compact{width:96px}
}

/* V231 — GIS/file upload panels follow modal theme instead of the browser's white native styling */
.mr-gis-drop{
  background:color-mix(in srgb,var(--panel,#fff) 94%,var(--accent,#0ea5e9) 6%)!important;
  border-color:color-mix(in srgb,var(--accent,#0ea5e9) 42%,var(--line,#d4e3ec))!important;
  color:var(--text)!important;
  overflow:hidden;
}
body[data-theme="dark"] .mr-gis-drop{
  background:#0a2a3d!important;
  border-color:#2c6680!important;
  box-shadow:inset 0 0 0 1px rgba(20,196,235,.035);
}
.mr-gis-drop input[type=file]{
  flex:0 1 46%;max-width:46%;min-width:210px!important;
  background:var(--modal-upload-bg,var(--card))!important;
  color:var(--modal-field-text,var(--text))!important;
  border:1px solid var(--modal-field-line,var(--line))!important;
  border-radius:10px!important;padding:5px 7px!important;
}
.mr-gis-drop b{color:var(--modal-field-text,var(--text))!important;font-weight:800!important}
.mr-gis-drop small{color:var(--modal-field-muted,var(--muted))!important;opacity:1!important;font-weight:650}
body[data-theme="dark"] .mr-gis-file-status{background:#082235!important;color:#a9c6d2!important;border-color:#274d62!important}
@media(max-width:620px){.mr-gis-drop input[type=file]{max-width:100%!important;min-width:0!important;width:100%!important}}


/* V246 — X platform navigation label + official-style X mark */
.secura-nav-icon-x{display:grid!important;place-items:center!important;color:#fff!important;background:linear-gradient(145deg,#0d2233,#081722)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 6px 14px rgba(0,0,0,.22)!important}
.secura-nav-icon-x .x-platform-logo{width:21px;height:21px;display:block;fill:currentColor}
body[data-theme="light"] .secura-nav-icon-x,body.theme-light .secura-nav-icon-x,body.secura-light .secura-nav-icon-x{color:#0b0b0b!important;background:#fff!important;border-color:#d8e4ea!important}