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

.modal-backdrop{position:fixed;top:var(--secura-top,72px);right:0;bottom:0;left:0;background:rgba(2,22,35,.55);z-index:1450;display:grid;place-items:center;padding:14px 20px 20px;overflow:hidden}

.modal-head{padding:14px 17px;border-bottom:1px solid #e2ecf1;display:flex;justify-content:space-between;align-items:center;flex:0 0 auto;position:relative;z-index:2}

.modal-head h3{margin:0}

.modal-body{padding:17px;overflow-y:auto;overflow-x:hidden;min-height:0;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}

.modal-body::-webkit-scrollbar{width:0;height:0;display:none}

.modal-foot{padding:13px 17px;border-top:1px solid #e2ecf1;display:flex;justify-content:flex-start;gap:8px;flex:0 0 auto}

.close-btn{border:0;background:#eef4f7;width:34px;height:34px;border-radius:9px;cursor:pointer}

@media (max-width:700px){
.modal-backdrop{top:var(--secura-top,72px);padding:8px 8px 12px;align-items:center}
}

@media (max-width:700px){
.modal-body{padding:13px}
}

.object-kv{min-height:64px;border:1px solid #dbe7ee;border-radius:11px;padding:9px 10px;background:#f8fbfd;display:flex;flex-direction:column;justify-content:center;gap:5px}

.object-kv span{font-size:10px;color:#678091}

.object-kv b{font-size:14px;color:#17364a}

.object-kv b small{font-size:10px;font-weight:600;color:#5e7889}

.dam-mgmt-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}

.dam-mgmt-tab{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:9px;padding:8px 12px;cursor:pointer}

.dam-mgmt-kv{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:13px}

.dam-mgmt-kv span{display:flex;flex-direction:column;gap:5px;min-height:58px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(40,120,160,.025)}

.dam-mgmt-kv small{color:var(--muted);font-size:10px}

.dam-mgmt-kv b{font-size:13px}

.dam-mgmt-map-panel{margin-top:14px}

body[data-theme="dark"] .dam-mgmt-kv span{background:#0e3043;border-color:#31586d}

.app-ui-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--ui-icon-size,20px);height:var(--ui-icon-size,20px);vertical-align:middle;color:inherit;line-height:1}

.app-ui-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;overflow:visible}

.app-ui-icon{--ic1:#1877a8;--ic2:#52b8d8;color:var(--ic1)}

.app-ui-icon svg{stroke:var(--ic1)}

.app-ui-icon .icon-primary{stroke:var(--ic1);color:var(--ic1)}

.app-ui-icon .icon-secondary{stroke:var(--ic2);color:var(--ic2)}

.app-ui-icon [fill="var(--ic1)"]{fill:var(--ic1)!important}

.app-ui-icon[data-icon-name="chart"]{--ic1:#2563eb;--ic2:#16a34a}

.app-ui-icon[data-icon-name="waterway"],.app-ui-icon[data-icon-name="wave"]{--ic1:#0284c7;--ic2:#06b6d4}

.app-ui-icon[data-icon-name="dam"]{--ic1:#64748b;--ic2:#0ea5e9}

.app-ui-icon[data-icon-name="manhole"]{--ic1:#334155;--ic2:#0ea5e9}

.app-ui-icon[data-icon-name="tunnel"]{--ic1:#475569;--ic2:#f59e0b}

.app-ui-icon[data-icon-name="culvert"]{--ic1:#78716c;--ic2:#0ea5e9}

.app-ui-icon[data-icon-name="camera"],.app-ui-icon[data-icon-name="video"]{--ic1:#1e3a8a;--ic2:#38bdf8}

.app-ui-icon[data-icon-name="sensor"]{--ic1:#7c3aed;--ic2:#14b8a6}

.app-ui-icon[data-icon-name="weather"],.app-ui-icon[data-icon-name="rain"]{--ic1:#0ea5e9;--ic2:#f59e0b}

.app-ui-icon[data-icon-name="alert"],.app-ui-icon[data-icon-name="warning"]{--ic1:#dc2626;--ic2:#f59e0b}

.app-ui-icon[data-icon-name="tools"]{--ic1:#475569;--ic2:#10b981}

.app-ui-icon[data-icon-name="sliders"]{--ic1:#6d28d9;--ic2:#06b6d4}

.app-ui-icon[data-icon-name="report"],.app-ui-icon[data-icon-name="document"]{--ic1:#2563eb;--ic2:#64748b}

.app-ui-icon[data-icon-name="users"],.app-ui-icon[data-icon-name="user"]{--ic1:#0f766e;--ic2:#38bdf8}

.app-ui-icon[data-icon-name="settings"]{--ic1:#475569;--ic2:#0ea5e9}

.app-ui-icon[data-icon-name="droplet"]{--ic1:#0284c7;--ic2:#38bdf8}

.app-ui-icon[data-icon-name="gate"]{--ic1:#475569;--ic2:#f59e0b}

.app-ui-icon[data-icon-name="check-circle"],.app-ui-icon[data-icon-name="status-online"]{--ic1:#16a34a;--ic2:#22c55e}

.app-ui-icon[data-icon-name="battery"]{--ic1:#16a34a;--ic2:#84cc16}

.app-ui-icon[data-icon-name="wind"],.app-ui-icon[data-icon-name="gust"]{--ic1:#0f766e;--ic2:#67e8f9}

.app-ui-icon[data-icon-name="eye"]{--ic1:#4338ca;--ic2:#38bdf8}

.app-ui-icon[data-icon-name="automation"]{--ic1:#7c3aed;--ic2:#22c55e}

.app-ui-icon[data-icon-name="shield"],.app-ui-icon[data-icon-name="shield-lock"]{--ic1:#0f766e;--ic2:#2563eb}

.app-ui-icon[data-icon-name="ban"]{--ic1:#dc2626;--ic2:#ef4444}

.app-ui-icon[data-icon-name="map"]{--ic1:#16a34a;--ic2:#0ea5e9}

.app-ui-icon[data-icon-name="plug"]{--ic1:#475569;--ic2:#f59e0b}

.app-ui-icon[data-icon-name="database"]{--ic1:#334155;--ic2:#2563eb}

.app-ui-icon[data-icon-name="bell"]{--ic1:#f59e0b;--ic2:#dc2626}

.app-ui-icon[data-icon-name="theme"]{--ic1:#334155;--ic2:#f59e0b}

.app-ui-icon[data-icon-name="sun"]{--ic1:#f59e0b;--ic2:#fbbf24}

.app-ui-icon[data-icon-name="globe"]{--ic1:#0284c7;--ic2:#16a34a}

.app-ui-icon[data-icon-name="heart"]{--ic1:#e11d48;--ic2:#fb7185}

.app-ui-icon[data-icon-name="search"]{--ic1:#475569;--ic2:#0ea5e9}

.app-ui-icon[data-icon-name="ruler"],.app-ui-icon[data-icon-name="measure"]{--ic1:#d97706;--ic2:#475569}

.app-ui-icon[data-icon-name="route"]{--ic1:#0ea5e9;--ic2:#16a34a}

.app-ui-icon[data-icon-name="intersections"]{--ic1:#7c3aed;--ic2:#f59e0b}

.app-ui-icon[data-icon-name="terrain"]{--ic1:#65a30d;--ic2:#a16207}

.app-ui-icon[data-icon-name="car"]{--ic1:#334155;--ic2:#3b82f6}

.app-ui-icon[data-icon-name="clock"],.app-ui-icon[data-icon-name="calendar"]{--ic1:#2563eb;--ic2:#64748b}

.app-ui-icon[data-icon-name="thermo"]{--ic1:#dc2626;--ic2:#f59e0b}

.app-ui-icon[data-icon-name="compass"]{--ic1:#0f766e;--ic2:#dc2626}

.app-ui-icon[data-icon-name="fog"]{--ic1:#64748b;--ic2:#94a3b8}

.app-ui-icon[data-icon-name="logout"]{--ic1:#b91c1c;--ic2:#ef4444}

.app-ui-icon[data-icon-name="download"]{--ic1:#2563eb;--ic2:#0ea5e9}

.app-ui-icon[data-icon-name="expand-h"],.app-ui-icon[data-icon-name="expand-v"]{--ic1:#64748b;--ic2:#0ea5e9}

.app-ui-icon[data-icon-name="menu"]{--ic1:#334155;--ic2:#334155}

.app-ui-icon[data-icon-name="check"]{--ic1:#16a34a;--ic2:#16a34a}

.app-ui-icon[data-icon-name="location"]{--ic1:#dc2626;--ic2:#f59e0b}

.app-ui-icon-3d{
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}

.app-ui-icon-3d img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 2px 2px rgba(16,42,58,.14));
  pointer-events:none;
  user-select:none;
}

.app-ui-icon-3d,
.app-ui-icon-3d img{color:initial!important;stroke:initial!important}

.dam129-tabs{
  display:flex!important;
  align-items:center;
  gap:7px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto;
  scrollbar-width:thin;
  padding:2px 0 8px;
  margin-bottom:14px!important;
}

.dam129-tabs .dam-mgmt-tab{
  flex:0 0 auto;
  white-space:nowrap;
  min-height:38px;
  padding:8px 13px;
  border-radius:9px;
  font-weight:500;
}

@media (max-width:760px){
.dam129-tabs{padding-bottom:10px}
}

.dam-mgmt-titleicon .app-ui-icon{width:32px!important;height:32px!important}

.dam-action-with-icon .app-ui-icon{width:17px!important;height:17px!important;flex:0 0 17px}

.dam-mgmt-sectionbar{padding:11px 12px 4px;margin-bottom:14px;border-color:rgba(32,185,230,.18)!important;background:linear-gradient(180deg,rgba(32,185,230,.045),rgba(32,185,230,.012))!important}

.dam-mgmt-sectionbar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 3px 9px}

.dam-mgmt-sectionbar-head b{display:block;font-size:13px}

.dam-mgmt-sectionbar-head small{display:block;color:var(--muted);font-size:10px;margin-top:2px}

.dam129-tabs{margin-bottom:0!important;padding-bottom:8px!important}

.dam129-tabs .dam-mgmt-tab{display:inline-flex!important;align-items:center;justify-content:center;gap:6px!important;background:rgba(255,255,255,.35)}

.dam129-tabs .dam-mgmt-tab .app-ui-icon{width:16px!important;height:16px!important;flex:0 0 16px;opacity:.86}

.permission-modal-wide .modal-body{
  flex:1 1 auto;
  min-height:0;
  overflow:hidden;
  padding:14px 18px;
}

.permission-modal-wide .modal-foot{
  position:relative;
  z-index:8;
  background:inherit;
  box-shadow:0 -8px 24px rgba(3,31,47,.08);
}

.kpi-pump-scada-icon{width:36px;height:36px;object-fit:contain;display:block;filter:drop-shadow(0 4px 8px rgba(7,62,91,.20))}