.page-container:has(.events-page){width:100%;max-width:none;height:calc(100dvh - 74px);min-height:0;margin:0;padding:14px;overflow:hidden}.events-page{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.events-page>.error-alert{flex:none}.events-filters{z-index:2;background:#f3f5f8;flex:none;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(210px,.8fr) minmax(210px,.8fr);align-items:end;gap:24px;padding:6px 2px 14px;display:grid;position:relative}.events-filter{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.events-filter>span{color:#334155;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:700}.events-filter select,.events-filter input{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:5px;outline:none;width:100%;height:34px;padding:0 10px;font-size:10px}.events-filter select:focus,.events-filter input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #dbeafe}.events-date-filter input{min-width:150px}.events-result-meta{flex:none;justify-content:flex-end;align-items:center;min-height:25px;display:flex}.events-result-meta span{color:#7a8798;font-size:9px;font-weight:650}.events-table-container{scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;background:#fff;border:1px solid #e4e9ef;border-radius:5px;flex:auto;width:100%;min-height:0;overflow:auto}.events-table{width:100%;min-width:1100px}.events-table-header,.events-table-row{grid-template-columns:120px minmax(130px,.9fr) minmax(150px,1fr) 145px 185px 185px minmax(260px,1.5fr);align-items:center;display:grid}.events-table-header{z-index:3;color:#fff;background:#1f4a78;border-radius:4px 4px 0 0;min-height:38px;position:sticky;top:0;overflow:hidden}.events-table-header span{text-transform:uppercase;border-right:2px solid #fff;justify-content:center;align-items:center;height:100%;padding:0 10px;font-size:9px;font-weight:750;display:flex}.events-table-header span:last-child{border-right:0}.events-table-row{color:#475569;background:#fff;border-bottom:1px solid #e4e9ef;min-height:54px}.events-table-row:hover{background:#f8fafc}.events-table-row>span,.events-table-row>div{min-width:0;padding:8px 12px;font-size:10px}.events-table-row>div:first-child{justify-content:center;display:flex}.events-cell-primary{color:#334155;font-weight:700}.events-date-value{color:#64748b;font-variant-numeric:tabular-nums}.events-details{color:#64748b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.events-status{text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:75px;min-height:23px;padding:0 8px;font-size:8px;font-weight:750;display:inline-flex}.events-status-dot{border-radius:50%;flex:none;width:6px;height:6px}.events-status-active{color:#b91c1c;background:#fee2e2}.events-status-active .events-status-dot{background:#dc2626}.events-status-resolved{color:#15803d;background:#dcfce7}.events-status-resolved .events-status-dot{background:#16a34a}.events-status-history{color:#475569;background:#e2e8f0}.events-status-history .events-status-dot{background:#64748b}.events-table-state{color:#94a3b8;background:#fff;border-top:0;place-items:center;min-height:100px;font-size:11px;display:grid}@media (width<=1200px){.events-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}}@media (width<=800px){.page-container:has(.events-page){height:calc(100dvh - 74px);padding:10px}.events-filters{grid-template-columns:1fr 1fr;gap:8px}.events-filter{grid-template-columns:1fr;gap:4px}.events-result-meta{min-height:22px}}@media (width<=520px){.events-filters{grid-template-columns:1fr}.events-filter{grid-template-columns:70px minmax(0,1fr)}}.sensor-live-card{min-width:0;min-height:112px;color:inherit;font:inherit;text-align:left;appearance:none;cursor:pointer;background:#fff;border:1px solid #d6dde7;border-radius:8px;flex-direction:column;padding:9px 10px;display:flex;box-shadow:0 2px 5px #0f172a0f}.sensor-live-card.sensor-card-carousel{scroll-snap-align:start;flex:0 0 calc(20% - 6.4px);width:calc(20% - 6.4px)}.sensor-live-card.sensor-card-grid{flex:none;width:100%;max-width:none}@media (width<=1400px){.sensor-live-card.sensor-card-carousel{flex-basis:calc(25% - 6px);width:calc(25% - 6px)}}@media (width<=1200px){.sensor-live-card.sensor-card-carousel{flex-basis:calc(33.3333% - 5.33333px);width:calc(33.3333% - 5.33333px)}}@media (width<=1050px){.sensor-live-card.sensor-card-carousel{flex-basis:calc(50% - 4px);width:calc(50% - 4px)}}@media (width<=600px){.sensor-live-card.sensor-card-carousel{flex-basis:100%;width:100%}}@media (width<=420px){.sensor-live-footer{grid-template-columns:1fr}.sensor-live-footer>div:last-child{text-align:left}}@media (width<=800px){.sensor-detail-backdrop{top:62px;left:0}.sensor-detail-drawer{width:min(520px,100vw);top:62px}}@media (width<=600px){.sensor-detail-drawer{width:100vw}}@media (width<=420px){.sensor-activity{grid-template-columns:1fr;justify-items:center}.sensor-activity-information{width:100%}}html[data-theme=light] .cloud-shell .pipeline-unified-chart .pipeline-unified-chart-title strong{color:#3979a5}html[data-theme=dark] .cloud-shell .pipeline-unified-chart .pipeline-unified-chart-title strong{color:#b7d9ef}html[data-theme=light] .cloud-shell .pipeline-history .pipeline-history-charts,html[data-theme=light] .cloud-shell .pipeline-history .pipeline-unified-chart,html[data-theme=light] .cloud-shell .pipeline-history .pipeline-unified-chart-header,html[data-theme=light] .cloud-shell .pipeline-history .pipeline-unified-plot-viewport,html[data-theme=light] .cloud-shell .pipeline-history .pipeline-history-overview,html[data-theme=light] .cloud-shell .pipeline-history .pipeline-history-overview-track,html[data-theme=light] .cloud-shell .pipeline-history .pipeline-unified-axis-stack{background:#fff}@keyframes gateway-realtime-spin{to{transform:rotate(360deg)}}@media (width<=850px){.gateway-realtime{grid-template-columns:160px minmax(0,1fr)}.gateway-realtime-header{flex-wrap:wrap}}@media (width<=600px){.gateway-realtime{grid-template-columns:125px minmax(0,1fr)}.gateway-realtime-axis{flex-basis:65px}.gateway-realtime-scale-fields{grid-template-columns:1fr}}.page-container:has(.gateways-page){width:100%;max-width:none;height:calc(100vh - 74px);min-height:0;margin:0;padding:12px 14px 14px;overflow:hidden}.gateways-page{--vanmok-navy:#1e4977;--vanmok-blue:#315f94;--vanmok-blue-medium:#2f67a6;--vanmok-blue-dark:#284a74;--vanmok-blue-soft:#eff6ff;--vanmok-blue-border:#bfdbfe;--vanmok-surface:#fff;--vanmok-surface-soft:#f4f7fb;--vanmok-surface-muted:#edf2f7;--vanmok-border:#d8e0ea;--vanmok-border-light:#e5eaf0;--vanmok-text:#172033;--vanmok-text-secondary:#64748b;--vanmok-text-muted:#8b97a7;grid-template-rows:auto auto minmax(0,1fr);width:100%;height:100%;min-height:0;margin:0;display:grid;overflow:hidden}.gateway-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.gateway-summary-card{border:1px solid var(--vanmok-border);background:var(--vanmok-surface);border-radius:8px;flex-direction:column;justify-content:center;min-height:70px;padding:10px 14px;display:flex;box-shadow:0 1px 3px #0f172a0a}.gateway-summary-card>span{color:#7890ab;letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:750}.gateway-summary-card>strong{color:var(--vanmok-navy);margin-top:5px;font-size:22px;line-height:1}.gateway-filter-bar{border:1px solid var(--vanmok-border);background:var(--vanmok-surface);border-radius:8px;align-items:center;gap:12px;min-height:46px;margin-bottom:10px;padding:5px 8px;display:flex;box-shadow:0 1px 3px #0f172a0a}.gateway-search-field{flex:1;align-items:center;min-width:0;display:flex;position:relative}.gateway-search-field input{color:#334155;background:#f8fafc;border:1px solid #d5deea;border-radius:7px;outline:none;width:100%;height:34px;padding:0 65px 0 36px;font-size:10px}.gateway-search-field input::placeholder{color:#94a3b8}.gateway-search-field input:focus{background:#fff;border-color:#7da3cd;box-shadow:0 0 0 3px #2f67a61f}.gateway-search-icon{z-index:1;color:var(--vanmok-blue);pointer-events:none;font-size:16px;line-height:1;position:absolute;left:12px}.gateway-search-clear{min-height:25px;color:var(--vanmok-text-secondary);background:0 0;border:0;border-radius:5px;padding:0 8px;font-size:9px;font-weight:700;position:absolute;right:7px}.gateway-search-clear:hover{color:var(--vanmok-navy);background:var(--vanmok-blue-soft)}.gateway-filter-count{color:#7890ab;white-space:nowrap;flex:none;font-size:9px;font-weight:700}.gateways-layout{grid-template-columns:255px minmax(0,1fr);gap:10px;min-width:0;min-height:0;display:grid;overflow:hidden}.gateway-browser,.gateway-workspace{background:var(--vanmok-surface);border:1px solid #ccd6e2;border-radius:8px;min-width:0;min-height:0;box-shadow:0 1px 3px #0f172a0d}.gateway-browser{flex-direction:column;display:flex;overflow:hidden}.gateway-browser-header{color:#fff;background:linear-gradient(90deg, var(--vanmok-navy) 0%, var(--vanmok-blue) 100%);flex:0 0 40px;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:0 11px;display:flex}.gateway-browser-header strong{font-size:11px;font-weight:750}.gateway-browser-header span{color:#dbeafe;text-align:center;background:#ffffff17;border:1px solid #fff3;border-radius:999px;min-width:24px;padding:3px 7px;font-size:8px}.gateway-list{scrollbar-width:thin;scrollbar-color:#8ea6bf #edf2f7;flex:1;min-height:0;overflow:hidden auto}.gateway-list::-webkit-scrollbar{width:7px;height:7px}.gateway-workspace::-webkit-scrollbar{width:7px;height:7px}.gateway-connections-table::-webkit-scrollbar{width:7px;height:7px}.gateway-list::-webkit-scrollbar-track{background:#edf2f7}.gateway-workspace::-webkit-scrollbar-track{background:#edf2f7}.gateway-connections-table::-webkit-scrollbar-track{background:#edf2f7}.gateway-list::-webkit-scrollbar-thumb{background:#8ea6bf;border-radius:999px}.gateway-workspace::-webkit-scrollbar-thumb{background:#8ea6bf;border-radius:999px}.gateway-connections-table::-webkit-scrollbar-thumb{background:#8ea6bf;border-radius:999px}.gateway-list::-webkit-scrollbar-thumb:hover{background:#6f8eaf}.gateway-workspace::-webkit-scrollbar-thumb:hover{background:#6f8eaf}.gateway-connections-table::-webkit-scrollbar-thumb:hover{background:#6f8eaf}.gateway-list-item{border:0;border-bottom:1px solid var(--vanmok-border-light);color:#334155;text-align:left;background:#fff;width:100%;min-height:61px;padding:8px 10px;display:block}.gateway-list-item:hover{background:#f5f8fc}.gateway-list-item.selected{box-shadow:inset 3px 0 0 var(--vanmok-blue-medium);background:#edf4fb}.gateway-list-title{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.gateway-list-title strong{min-width:0;color:var(--vanmok-blue-dark);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800;overflow:hidden}.gateway-list-title span{color:#60758e;flex:none;font-size:8px;font-weight:750}.gateway-list-details{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.gateway-list-details span{color:#536b84;background:#edf2f7;border-radius:4px;padding:3px 6px;font-size:7px;font-weight:700}.gateway-list-item.selected .gateway-list-details span{color:var(--vanmok-navy);background:#dce9f7}.gateway-workspace{scrollbar-width:thin;scrollbar-color:#8ea6bf #edf2f7;padding:12px;overflow:hidden auto}.gateway-detail-header{border-bottom:1px solid #dfe7ef;justify-content:space-between;align-items:center;gap:18px;min-height:54px;padding:0 0 10px;display:flex}.gateway-detail-header h2{min-width:0;color:var(--vanmok-navy);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;margin:0;font-size:17px;font-weight:800;overflow:hidden}.gateway-header-meta{justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.gateway-header-telemetry{text-align:right;background:#f5f8fc;border:1px solid #cfdbe8;border-radius:6px;min-width:112px;padding:5px 8px}.gateway-header-telemetry span{color:#70859c;letter-spacing:.03em;text-transform:uppercase;font-size:7px;font-weight:800;display:block}.gateway-header-telemetry strong{color:var(--vanmok-navy);text-align:right;white-space:nowrap;margin-top:2px;font-size:11px;font-weight:800;display:block}.gateway-channel-badge{color:var(--vanmok-navy);text-transform:uppercase;white-space:nowrap;background:#e5f0fb;border:1px solid #c5d9ee;border-radius:999px;flex:none;padding:5px 8px;font-size:8px;font-weight:800}.gateway-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:9px 0;display:grid}.gateway-detail-card{background:#f7f9fc;border:1px solid #d9e2ec;border-radius:7px;flex-direction:column;justify-content:center;min-width:0;min-height:54px;padding:8px 10px;display:flex}.gateway-detail-card>span{color:#71869d;letter-spacing:.03em;text-transform:uppercase;font-size:7px;font-weight:800}.gateway-detail-card>strong{color:var(--vanmok-blue-dark);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;font-weight:750;overflow:hidden}.gateway-connections{min-width:0;margin-top:1px}.gateway-section-header{justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.gateway-section-header strong{color:var(--vanmok-navy);font-size:11px;font-weight:800}.gateway-section-header span{color:#8294a8;font-size:8px;font-weight:650}.gateway-connections-table{scrollbar-width:thin;scrollbar-color:#8ea6bf #edf2f7;background:#fff;border:1px solid #ccd8e4;border-radius:7px;width:100%;max-width:100%;overflow-x:auto}.gateway-connections-header,.gateway-connection-row{grid-template-columns:minmax(130px,1.1fr) minmax(120px,1fr) minmax(90px,.65fr) minmax(110px,.8fr) minmax(125px,.85fr);align-items:center;gap:8px;width:100%;min-width:720px;padding:0 10px;display:grid}.gateway-connections-header{color:#5f7690;letter-spacing:.03em;text-transform:uppercase;background:#e8eff6;border-bottom:1px solid #cad7e4;min-height:32px;font-size:7px;font-weight:800}.gateway-connections-header>span:nth-child(4),.gateway-connections-header>span:nth-child(5){text-align:right}.gateway-connection-row{color:#52657a;background:#fff;border-bottom:1px solid #e7edf3;min-height:40px;font-size:9px}.gateway-connection-row:nth-child(odd){background:#fbfcfe}.gateway-connection-row:hover{background:#f1f6fb}.gateway-connection-row:last-child{border-bottom:0}.gateway-sensor-button{max-width:100%;color:var(--vanmok-blue-medium);font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;font-size:9px;font-weight:800;overflow:hidden}.gateway-sensor-button:hover{color:var(--vanmok-navy);text-decoration:underline}.gateway-connection-row>strong{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.gateway-instrument-reading{font-weight:800}.gateway-measurement-good{color:var(--vanmok-text)}.gateway-measurement-bad{color:#8294a8}.gateway-empty{color:#8798aa;text-align:center;place-items:center;min-height:80px;padding:14px;font-size:9px;display:grid}.gateway-empty-large{min-height:300px}@media (width<=1200px){.gateways-layout{grid-template-columns:225px minmax(0,1fr)}.gateway-header-telemetry{min-width:105px}}@media (width<=1050px){.gateways-layout{grid-template-columns:210px minmax(0,1fr)}.gateway-detail-header{align-items:flex-start}.gateway-header-meta{flex-wrap:wrap}}@media (width<=800px){.page-container:has(.gateways-page){height:auto;min-height:calc(100vh - 62px);padding:10px;overflow:visible}.gateways-page{height:auto;min-height:0;display:block;overflow:visible}.gateway-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.gateway-summary-card{min-height:62px;padding:8px 10px}.gateway-summary-card>strong{font-size:19px}.gateway-filter-bar{flex-direction:column;align-items:stretch;gap:5px;min-height:44px;padding:5px}.gateway-filter-count{text-align:right;padding:0 2px}.gateways-layout{display:block;overflow:visible}.gateway-browser{height:280px;margin-bottom:10px}.gateway-workspace{max-height:none;padding:10px;overflow:visible}}@media (width<=620px){.gateway-summary-grid{grid-template-columns:1fr}.gateway-detail-header{flex-direction:column;align-items:stretch;gap:8px}.gateway-header-meta{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.gateway-header-telemetry{width:100%;min-width:0}.gateway-channel-badge{grid-column:1/-1;justify-self:start}.gateway-detail-grid{grid-template-columns:1fr}}@media (width<=420px){.page-container:has(.gateways-page){padding:8px}.gateway-browser{height:250px}}.gateway-heading{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.gateway-heading h2{flex:0 auto}.gateway-status-tag{white-space:nowrap;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:800;line-height:1.1;display:inline-flex}.gateway-status-dot{background:currentColor;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.gateway-status-tag.gateway-status-online,.gateway-list-details .gateway-status-tag.gateway-status-online,.gateway-list-item.selected .gateway-list-details .gateway-status-tag.gateway-status-online{color:#166534;background:#dcfce7;border-color:#86efac}.gateway-status-tag.gateway-status-offline,.gateway-list-details .gateway-status-tag.gateway-status-offline,.gateway-list-item.selected .gateway-list-details .gateway-status-tag.gateway-status-offline{color:#991b1b;background:#fee2e2;border-color:#fecaca}.gateway-status-tag.gateway-status-unmapped,.gateway-list-details .gateway-status-tag.gateway-status-unmapped,.gateway-list-item.selected .gateway-list-details .gateway-status-tag.gateway-status-unmapped{color:#64748b;background:#f1f5f9;border-color:#cbd5e1}@media (width<=620px){.gateway-heading{flex-wrap:wrap}}.access-page{color:#19283a;background:#fff;grid-template-columns:minmax(480px,47%) minmax(0,1fr);min-height:100vh;display:grid}.access-form-side{justify-content:center;min-width:0;padding:56px 36px 32px;display:flex}.access-form-wrap{flex-direction:column;width:min(100%,422px);display:flex}.access-brand{align-items:center;gap:12px;display:flex}.access-logo{color:#fff;background:#1f61cd;border-radius:11px;place-items:center;width:43px;height:43px;font-size:24px;font-weight:800;display:grid}.access-brand strong{letter-spacing:-.035em;font-size:21px;display:block}.access-brand small{color:#7c8b9e;letter-spacing:.065em;text-transform:uppercase;margin-top:1px;font-size:11px;display:block}.access-heading{margin-top:clamp(38px,8vh,100px)}.access-eyebrow,.access-label{color:#2c73db;letter-spacing:.16em;font-size:10px;font-weight:800}.access-heading h1{color:#14253d;letter-spacing:-.055em;margin:12px 0 10px;font-size:clamp(29px,3vw,38px);line-height:1.15}.access-heading p{color:#7b8999;margin:0;font-size:14px;line-height:1.65}.access-switch{background:#eff3f8;border-radius:10px;gap:4px;margin-top:33px;padding:4px;display:flex}.access-switch button{color:#75869c;background:0 0;border:0;border-radius:8px;flex:1;padding:10px 12px;font-size:13px;font-weight:700}.access-switch button.active{color:#1f5ebc;background:#fff;box-shadow:0 1px 5px #15264418}.access-form{flex-direction:column;gap:17px;margin-top:27px;display:flex}.access-form label{color:#334357;flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}.access-form input,.access-form select{color:#182c45;background:#fff;border:1px solid #dce4ee;border-radius:8px;outline:none;width:100%;min-width:0;height:46px;padding:0 14px;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s}.access-form input:focus,.access-form select:focus{border-color:#3380e7;box-shadow:0 0 0 3px #2e78df18}.access-form input::placeholder{color:#a0abb8}.access-password{align-items:center;display:flex;position:relative}.access-password input{padding-right:62px}.access-password button{color:#2465cb;background:0 0;border:0;font-size:11px;font-weight:750;position:absolute;right:12px}.access-field-help{color:#8b98a8;font-size:11px;font-weight:400;line-height:1.5}.access-submit{color:#fff;background:#2269d7;border:1px solid #2269d7;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 17px;font-size:13px;font-weight:700;display:flex;box-shadow:0 5px 13px #286cd326}.access-submit:hover:not(:disabled){background:#1958b8}.access-submit:disabled{opacity:.6;cursor:wait}.access-submit span{font-size:20px;font-weight:400}.access-secondary{text-align:center;margin:21px 0 34px}.access-secondary button{color:#2467c5;background:0 0;border:0;font-size:12px;font-weight:650}.access-footer{color:#9ba8b6;text-align:center;margin-top:auto;padding-top:15px;font-size:10px}.access-notice{border:1px solid;border-radius:7px;padding:11px 13px;font-size:12px;line-height:1.5}.access-notice.error{color:#b02b27;background:#fff5f4;border-color:#f9d3d0}.access-notice.success{color:#176a45;background:#effbf5;border-color:#bfe8d1}.access-visual{color:#fff;background:linear-gradient(155deg,#0a1f38,#112e54 50%,#09213d);min-width:0;position:relative;overflow:hidden}.access-visual:before{content:"";opacity:.42;background-image:linear-gradient(#ffffff10 1px,#0000 1px),linear-gradient(90deg,#ffffff10 1px,#0000 1px);background-size:62px 62px;position:absolute;inset:0;transform:perspective(500px)rotateX(10deg)scale(1.12)}.access-visual:after{content:"";pointer-events:none;border:1px solid #5c9bf344;border-radius:50%;width:600px;height:600px;position:absolute;bottom:-180px;right:-260px;box-shadow:0 0 0 100px #3b8ce409,0 0 0 200px #3b8ce407}.access-visual-overlay{z-index:1;flex-direction:column;min-height:100vh;padding:53px clamp(36px,6vw,90px) 42px;display:flex;position:relative}.access-visual-top,.access-visual-bottom{color:#a9c3e1;letter-spacing:.17em;align-items:center;gap:12px;font-size:10px;font-weight:800;display:flex}.access-logo.outline{background:#ffffff10;border:1px solid #ffffff38;width:35px;height:35px;font-size:18px}.access-visual-main{max-width:540px;margin:auto 0;padding:70px 0}.access-label{color:#73b3ff}.access-visual-main h2{letter-spacing:-.045em;margin:20px 0;font-size:clamp(34px,4vw,56px);font-weight:700;line-height:1.13}.access-visual-main>p{color:#afc4da;max-width:470px;font-size:14px;line-height:1.8}.access-network{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0b;border:1px solid #6586b03f;border-radius:13px;flex-direction:column;gap:0;max-width:420px;margin-top:40px;display:flex;overflow:hidden}.access-network>div{border-bottom:1px solid #ffffff15;align-items:center;gap:12px;padding:18px 19px;font-size:12px;font-weight:750;display:flex}.access-network>div:last-child{border-bottom:none}.access-network i{background:#46d5a5;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #46d5a51d}.access-network span{color:#a6c4e2;margin-left:auto;font-size:11px;font-weight:500}.access-visual-bottom{letter-spacing:.08em;gap:24px;font-size:9px}.access-management{flex-direction:column;gap:20px;display:flex}.access-management-heading{justify-content:space-between;align-items:center;gap:20px;padding-bottom:4px;display:flex}.access-management-heading h1{color:#182a42;margin:5px 0;font-size:28px}.access-management-heading p{color:#8291a1;margin:0;font-size:13px}.access-total{color:#2565bb;white-space:nowrap;background:#e9f3ff;border-radius:50px;padding:10px 14px;font-size:11px;font-weight:800}.access-management-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.access-admin-panel{background:#fff;border:1px solid #e0e7f0;border-radius:11px;min-width:0;padding:23px}.access-admin-panel-heading{margin-bottom:20px}.access-admin-panel-heading h2{color:#27374a;margin:0 0 6px;font-size:16px}.access-admin-panel-heading p{color:#8090a1;margin:0;font-size:12px;line-height:1.6}.access-invite-form{margin-top:0}.access-admin-note{color:#63768e;background:#f4f7fb;border-radius:8px;margin-top:19px;padding:14px;font-size:12px;line-height:1.6}.access-created{background:#f1fbf6;border:1px solid #b9e7d0;border-radius:9px;margin-top:17px;padding:16px}.access-created strong{color:#19734d;font-size:13px}.access-created p,.access-created small{color:#54766a;font-size:11px;line-height:1.7}.access-code{align-items:center;gap:9px;margin:12px 0;display:flex}.access-code code{overflow-wrap:anywhere;background:#fff;border:1px solid #ccebdc;border-radius:7px;flex:1;padding:12px;font-size:11px}.access-code button{color:#fff;background:#1f9163;border:none;border-radius:7px;padding:10px 12px}.access-role-item{border-top:1px solid #edf0f4;align-items:flex-start;gap:13px;padding:15px 0;display:flex}.access-role-item b{color:#2e4158;font-size:13px}.access-role-item p{color:#8291a1;margin:5px 0 0;font-size:12px;line-height:1.6}.access-role-icon{border-radius:9px;flex:0 0 37px;place-items:center;width:37px;height:37px;font-weight:800;display:grid}.access-role-icon.super{color:#7160bd;background:#e8e5ff}.access-role-icon.admin{color:#346eb5;background:#e8f2ff}.access-role-icon.user{color:#348969;background:#e9f7f1}.access-wide{width:100%}.access-table-scroll{overflow-x:auto}.access-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.access-table th{color:#8997a7;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;border-bottom:1px solid #e7edf3;padding:12px 13px;font-size:10px;font-weight:750}.access-table td{color:#4d5e71;white-space:nowrap;border-bottom:1px solid #eef1f5;padding:15px 13px}.access-table tbody tr:last-child td{border-bottom:none}.access-table code{background:#f2f5f9;border-radius:5px;padding:5px 7px}.access-state{border-radius:100px;padding:5px 9px;font-size:10px;font-weight:700}.access-state.active{color:#207349;background:#e5f7eb}.access-state.inactive{color:#8a5d55;background:#f8edea}.access-state.expired{color:#936f2d;background:#fff3d7}.access-row-action{color:#3267a9;background:#fff;border:1px solid #d9e2ed;border-radius:6px;padding:7px 12px;font-size:11px;font-weight:700}.access-row-action:disabled{opacity:.5}.access-empty{color:#9babb8;padding:12px;font-size:12px}@media (width<=1080px){.access-page{grid-template-columns:minmax(420px,50%) minmax(0,1fr)}.access-visual-overlay{padding-left:35px;padding-right:35px}.access-visual-main h2{font-size:38px}}@media (width<=850px){.access-visual{display:none}.access-page{display:flex}.access-form-side{flex:1;padding:36px 24px 25px}.access-heading{margin-top:50px}.access-management-grid{grid-template-columns:1fr}}@media (width<=520px){.access-management-heading{flex-direction:column;align-items:flex-start}.access-admin-panel{padding:17px}.access-form-side{padding:30px 18px 20px}.access-heading{margin-top:38px}}.access-user-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.access-opc-edit{border-top:1px solid #e0e7f0;max-width:430px;margin-top:18px;padding-top:18px}.access-opc-edit>strong{color:#1d304a;font-size:13px}.access-opc-edit>span{color:#788b9e;font-size:12px}.access-role-hint{color:#3872ba;cursor:help;outline-offset:3px;justify-content:center;align-items:center;margin-left:5px;font-size:13px;display:inline-flex;position:relative}.access-role-tooltip{z-index:30;color:#fff;white-space:normal;background:#20364f;border-radius:9px;width:min(290px,70vw);padding:12px 14px;font-size:11px;font-weight:400;line-height:1.7;display:none;position:absolute;top:-16px;left:20px;box-shadow:0 8px 24px #15264433}.access-role-tooltip strong{color:#d1e8ff;margin-top:5px;font-size:12px;display:block}.access-role-tooltip strong:first-child{margin-top:0}.access-role-hint:hover .access-role-tooltip,.access-role-hint:focus .access-role-tooltip,.access-role-hint:focus-within .access-role-tooltip{display:block}.access-management,.access-management *{box-sizing:border-box}.access-management{width:100%;min-width:0}.access-client-layout{grid-template-columns:minmax(195px,245px) minmax(0,1fr);align-items:start;gap:18px;min-width:0;display:grid}.access-client-sidebar{min-width:0;max-height:calc(100vh - 140px);position:sticky;top:16px;overflow:hidden auto}.access-client-list{flex-direction:column;gap:6px;min-width:0;display:flex}.access-client-item{color:#41566f;width:100%;min-width:0;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;font-size:12px;transition:background .15s,border-color .15s;display:flex}.access-client-item:hover{background:#f2f6fc}.access-client-item:focus-visible{outline-offset:2px;outline:2px solid #286ed4}.access-client-item.selected{color:#1659b5;background:#ecf4ff;border-color:#d1e2f9;font-weight:750}.access-client-item>span{overflow-wrap:anywhere;min-width:0}.access-client-item>small{background:#dce7f5;border-radius:20px;flex:none;padding:2px 7px;font-size:10px}.access-client-detail{flex-direction:column;gap:18px;min-width:0;display:flex}.access-client-detail>.access-admin-panel{min-width:0}.access-client-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.access-client-title h2{color:#243a56;margin:0;font-size:20px}.access-user-toolbar{margin-bottom:12px}.access-user-toolbar input{color:#29415f;background:#fff;border:1px solid #dae3ef;border-radius:7px;outline:none;width:min(100%,380px);min-width:0;height:40px;padding:0 12px}.access-user-toolbar input:focus{border-color:#3380e7;box-shadow:0 0 0 3px #2e78df18}.access-client-detail .access-table-scroll{width:100%;min-width:0;overflow-x:auto}.access-client-detail .access-table{min-width:660px}.access-client-detail .access-table td{white-space:normal;vertical-align:middle}.access-client-detail .access-table code,.access-client-detail .access-table td strong{overflow-wrap:anywhere}.access-role-hint{align-self:flex-start}.access-role-hint .access-role-tooltip{width:280px;max-width:min(280px,100vw - 70px);top:-10px;left:calc(100% + 10px)}@media (width<=950px){.access-client-layout{grid-template-columns:minmax(155px,205px) minmax(0,1fr);gap:12px}.access-client-detail .access-admin-panel{padding:17px}}@media (width<=750px){.access-client-layout{grid-template-columns:minmax(0,1fr)}.access-client-sidebar{max-height:none;position:static}.access-client-list{flex-direction:row;padding-bottom:4px;overflow-x:auto}.access-client-item{flex:none;width:auto;min-width:135px}.access-role-hint .access-role-tooltip{top:calc(100% + 9px);left:0}}@media (width<=520px){.access-management{gap:14px}.access-management-heading h1{font-size:24px}.access-client-detail .access-admin-panel{padding:15px}.access-client-detail .access-table{min-width:610px}.access-code{flex-wrap:wrap}.access-code code{flex-basis:100%;min-width:0}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.page-container:has(.pipelines-page){width:100%;max-width:none;height:calc(100dvh - 74px);margin:0;padding:12px 14px 14px;overflow:hidden}.pipelines-page{width:100%;height:100%;min-height:0;overflow:hidden}.pipelines-layout{grid-template-columns:285px minmax(0,1fr);gap:12px;width:100%;height:100%;min-height:0;display:grid}.pipeline-browser{background:#fff;border:1px solid #d8e0ea;border-radius:9px;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 2px 7px #0f172a0d}.pipeline-browser-heading{color:#fff;background:linear-gradient(90deg,#1e4977 0%,#315f94 100%);flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:flex}.pipeline-browser-heading>div{flex-direction:column;min-width:0;display:flex}.pipeline-browser-heading>div>span{color:#bfdbfe;letter-spacing:.08em;text-transform:uppercase;font-size:7px;font-weight:800}.pipeline-browser-heading strong{margin-top:2px;font-size:14px}.pipeline-browser-heading>span{color:#dbeafe;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;place-items:center;min-width:28px;height:24px;padding:0 7px;font-size:8px;font-weight:750;display:grid}.pipeline-browser-search{background:#fff;flex:none;align-items:center;padding:9px 9px 7px;display:flex;position:relative}.pipeline-browser-search>span{color:#64748b;pointer-events:none;font-size:16px;position:absolute;left:20px}.pipeline-browser-search input{color:#334155;background:#f8fafc;border:1px solid #d8e0ea;border-radius:7px;outline:none;width:100%;height:36px;padding:0 11px 0 35px;font-size:9px}.pipeline-browser-search input::placeholder{color:#94a3b8}.pipeline-browser-search input:focus{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 3px #dbeafe}.pipeline-tree-actions{border-bottom:1px solid #e5eaf0;flex:none;justify-content:flex-end;gap:4px;padding:0 9px 8px;display:flex}.pipeline-tree-actions button{color:#64748b;background:0 0;border:1px solid #0000;border-radius:5px;min-height:25px;padding:0 7px;font-size:7px;font-weight:700}.pipeline-tree-actions button:hover{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}.pipeline-browser-content{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#a7b4c5 transparent;flex:1;min-height:0;padding:6px 7px 9px;overflow:hidden auto}.pipeline-browser-content::-webkit-scrollbar{width:7px}.pipeline-browser-content::-webkit-scrollbar-track{background:0 0}.pipeline-browser-content::-webkit-scrollbar-thumb{background:#a7b4c5;border-radius:999px}.pipeline-browser-content::-webkit-scrollbar-thumb:hover{background:#8291a5}.pipeline-tree-region{background:#fff;border:1px solid #0000;border-radius:7px;margin-bottom:4px;position:relative;overflow:hidden}.pipeline-tree-region:hover{border-color:#e2e8f0}.pipeline-tree-region.contains-selected{background:#fbfdff;border-color:#dbeafe}.pipeline-tree-region:last-child{margin-bottom:0}.pipeline-tree-region-toggle{color:#334155;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:14px 25px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:44px;padding:5px 8px;display:grid}.pipeline-tree-region-toggle:hover{background:#f5f8fc}.pipeline-tree-region.expanded>.pipeline-tree-region-toggle{background:#f3f7fb}.pipeline-tree-chevron{color:#8a98aa;text-align:center;width:14px;font-size:18px;line-height:1;transition:transform .14s;transform:rotate(0)}.pipeline-tree-region.expanded .pipeline-tree-chevron{transform:rotate(90deg)}.pipeline-tree-region-icon{color:#1d4ed8;background:#dbeafe;border-radius:6px;place-items:center;width:24px;height:24px;font-size:8px;font-weight:800;display:grid}.pipeline-tree-region-copy{flex-direction:column;min-width:0;display:flex}.pipeline-tree-region-copy strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750;overflow:hidden}.pipeline-tree-region-copy small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:7px;overflow:hidden}.pipeline-tree-count{color:#64748b;text-align:center;background:#e8edf3;border-radius:999px;min-width:24px;padding:3px 6px;font-size:7px;font-weight:750}.pipeline-tree-pipelines{flex-direction:column;gap:2px;padding:2px 5px 6px 30px;display:flex;position:relative}.pipeline-tree-pipelines:before{content:"";background:#dbe3ec;width:1px;position:absolute;top:0;bottom:10px;left:19px}.pipeline-tree-pipeline{color:#475569;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:13px 23px minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;min-height:39px;padding:4px 7px 4px 0;display:grid;position:relative}.pipeline-tree-pipeline:hover{color:#1e3a5f;background:#f4f7fa}.pipeline-tree-pipeline.selected{color:#1d4ed8;background:#eaf3ff;border-color:#bfdbfe}.pipeline-tree-branch{width:13px;height:100%;position:relative}.pipeline-tree-branch:before{content:"";background:#dbe3ec;width:18px;height:1px;position:absolute;top:50%;left:-11px}.pipeline-tree-pipeline-icon{color:#0f766e;background:#ccfbf1;border-radius:5px;place-items:center;width:22px;height:22px;font-size:7px;font-weight:800;display:grid}.pipeline-tree-pipeline.selected .pipeline-tree-pipeline-icon{color:#1d4ed8;background:#dbeafe}.pipeline-tree-pipeline-copy{flex-direction:column;min-width:0;display:flex}.pipeline-tree-pipeline-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.pipeline-tree-pipeline-copy small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:7px;overflow:hidden}.pipeline-tree-leak-badge{color:#b45309;text-align:center;background:#fef3c7;border-radius:999px;min-width:22px;padding:3px 5px;font-size:6px;font-weight:800}.pipeline-workspace{border-radius:9px;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.pipeline-title{color:#fff;background:linear-gradient(90deg,#1e4977 0%,#315f94 100%);border-radius:9px 9px 0 0;flex:none;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:10px 14px;display:flex}.pipeline-title>div{flex-direction:column;min-width:0;display:flex}.pipeline-title span{color:#bfdbfe;text-transform:uppercase;font-size:8px;font-weight:700}.pipeline-title h1{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:2px 0 0;font-size:20px;overflow:hidden}.pipeline-title>div:last-child{flex:none;align-items:flex-end}.pipeline-title>div:last-child strong{color:#dbeafe;text-transform:uppercase;background:#ffffff1a;border-radius:999px;margin-top:4px;padding:3px 7px;font-size:8px}.pipeline-tabs{background:#fff;border:1px solid #d8e0ea;border-top:0;flex:none;align-items:end;gap:2px;min-height:43px;padding:0 5px;display:flex}.pipeline-tabs button{color:#64748b;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;min-width:92px;height:38px;padding:0 13px;font-size:9px;font-weight:750}.pipeline-tabs button:hover{color:#1d4ed8;background:#f8fafc}.pipeline-tabs button.active{color:#2563eb;background:#f8fbff;border-bottom-color:#2563eb}.pipeline-tab-content{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#a7b4c5 transparent;flex:1;min-height:0;padding-top:10px;padding-right:3px;overflow:hidden auto}.pipeline-tab-content::-webkit-scrollbar{width:7px}.pipeline-tab-content::-webkit-scrollbar-track{background:0 0}.pipeline-tab-content::-webkit-scrollbar-thumb{background:#a7b4c5;border-radius:999px}.pipeline-tab-content::-webkit-scrollbar-thumb:hover{background:#8291a5}:is(.pipeline-tab-content:has(.pipeline-overview),.pipeline-tab-content:has(.pipeline-history),.pipeline-tab-content:has(.pipeline-events)){overflow:hidden}.pipeline-overview{grid-template-rows:minmax(0,1fr) auto;gap:10px;width:100%;height:100%;min-height:0;display:grid}.pipeline-section{background:#fff;border:1px solid #d8e0ea;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0f172a09}.pipeline-section-heading{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;min-height:38px;padding:0 12px;display:flex}.pipeline-section-heading strong{color:#334155;text-transform:uppercase;font-size:10px}.pipeline-section-heading span{color:#94a3b8;font-size:9px}.pipeline-location-section{flex-direction:column;min-height:0;margin-bottom:0;display:flex}.pipeline-location-section .pipeline-section-heading{flex:none}.pipeline-location-panel{isolation:isolate;background:#e8edf3;flex:1;height:auto;min-height:0;position:relative;overflow:hidden}.pipeline-leaflet-map{width:100%;height:100%;min-height:300px;font-family:inherit}.pipeline-leaflet-map .leaflet-control-zoom{border:0;box-shadow:0 2px 7px #0f172a2e}.pipeline-leaflet-map .leaflet-control-zoom a{color:#334155;border-color:#e2e8f0}.pipeline-leaflet-map .leaflet-control-attribution{color:#64748b;background:#ffffffd1;font-size:7px}.pipeline-leaflet-map .leaflet-popup-content-wrapper{border-radius:8px;box-shadow:0 5px 20px #0f172a33}.pipeline-leaflet-map .leaflet-popup-content{margin:12px;width:230px!important}.pipeline-map-popup{min-width:0}.pipeline-map-popup-heading{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.pipeline-map-popup-heading strong{color:#284a74;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.pipeline-map-status{text-transform:uppercase;border-radius:999px;flex:none;padding:3px 6px;font-size:7px;font-weight:800}.pipeline-map-status.online{color:#15803d;background:#dcfce7}.pipeline-map-status.offline{color:#b91c1c;background:#fee2e2}.pipeline-map-popup-value{align-items:baseline;gap:5px;padding:10px 0;display:flex}.pipeline-map-popup-value strong{color:#172033;font-size:20px}.pipeline-map-popup-value span{color:#64748b;font-size:8px;font-weight:650}.pipeline-map-popup-details{flex-direction:column;display:flex}.pipeline-map-popup-details>div{border-top:1px solid #f1f5f9;grid-template-columns:65px minmax(0,1fr);align-items:center;gap:8px;min-height:28px;display:grid}.pipeline-map-popup-details span{color:#94a3b8;text-transform:uppercase;font-size:7px;font-weight:750}.pipeline-map-popup-details strong{color:#475569;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:650;overflow:hidden}.pipeline-location-empty{height:100%;min-height:0!important}.pipeline-sensors-section{flex-direction:column;min-height:0;max-height:190px;margin-bottom:0;display:flex}.pipeline-sensors-section .pipeline-section-heading{flex:none}.pipeline-sensor-grid{scrollbar-width:thin;scrollbar-color:#a7b4c5 transparent;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-height:0;max-height:150px;padding:8px;display:grid;overflow-y:auto}.pipeline-sensor-grid::-webkit-scrollbar{width:6px}.pipeline-sensor-grid::-webkit-scrollbar-thumb{background:#a7b4c5;border-radius:999px}.pipeline-sensor-card{background:#fff;border:1px solid #d8e0ea;border-top-width:3px;border-radius:7px;min-width:0;min-height:105px;padding:9px 10px}.pipeline-sensor-card.online{border-top-color:#22c55e}.pipeline-sensor-card.offline{border-top-color:#ef4444}.pipeline-sensor-card-header{justify-content:space-between;gap:8px;display:flex}.pipeline-sensor-card-header>div{align-items:center;gap:7px;min-width:0;display:flex}.pipeline-sensor-card-header strong{color:#284a74;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.pipeline-sensor-card-header>span{color:#64748b;text-transform:uppercase;font-size:7px;font-weight:750}.pipeline-sensor-dot{border-radius:50%;flex:none;width:7px;height:7px}.pipeline-sensor-dot.online{background:#16a34a}.pipeline-sensor-dot.offline{background:#dc2626}.pipeline-sensor-value{align-items:baseline;gap:5px;padding:9px 0 7px;display:flex}.pipeline-sensor-value strong{color:#172033;font-size:18px}.pipeline-sensor-value span{color:#64748b;font-size:8px}.pipeline-sensor-meta{color:#94a3b8;border-top:1px solid #edf1f5;flex-direction:column;gap:3px;padding-top:6px;font-size:7px;display:flex}.pipeline-history-toolbar{background:#fff;border:1px solid #d8e0ea;border-radius:7px;flex:none;justify-content:space-between;gap:20px;min-height:49px;padding:7px;display:flex}.pipeline-range-buttons{align-items:center;gap:4px;display:flex}.pipeline-range-buttons button,.pipeline-history-dates>button{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:5px;height:30px;padding:0 10px;font-size:9px;font-weight:700}.pipeline-range-buttons button:hover,.pipeline-history-dates>button:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.pipeline-history-dates{align-items:center;gap:7px;display:flex}.pipeline-history-dates label,.pipeline-events-toolbar label{align-items:center;gap:5px;display:flex}.pipeline-history-dates label span,.pipeline-events-toolbar label span{color:#64748b;text-transform:uppercase;font-size:8px;font-weight:750}.pipeline-history-dates input,.pipeline-events-toolbar input{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:5px;height:30px;padding:0 7px;font-size:9px}.pipeline-history-layout{flex:1;grid-template-columns:220px minmax(0,1fr);gap:8px;height:auto;min-height:0;margin-top:8px;display:grid;overflow:hidden}.pipeline-history-series{scrollbar-width:thin;scrollbar-color:#a7b4c5 transparent;background:#fff;border:1px solid #d8e0ea;border-radius:7px;height:100%;min-height:0;overflow:hidden auto}.pipeline-history-series::-webkit-scrollbar{width:6px}.pipeline-history-series::-webkit-scrollbar-thumb{background:#a7b4c5;border-radius:999px}.pipeline-history-series-heading{z-index:2;color:#fff;text-transform:uppercase;background:#315f94;align-items:center;min-height:37px;padding:0 11px;font-size:9px;font-weight:750;display:flex;position:sticky;top:0}.pipeline-history-series label{color:#475569;border-bottom:1px solid #edf1f5;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;min-height:38px;padding:0 10px;font-size:9px;display:grid}.pipeline-history-series small{color:#94a3b8;font-size:8px}.pipeline-history-charts{scrollbar-width:thin;scrollbar-color:#a7b4c5 transparent;background:#f8fafc;border:1px solid #d8e0ea;border-radius:7px;width:100%;min-width:0;height:100%;min-height:0;padding:8px;position:relative;overflow:hidden auto}.pipeline-history-charts::-webkit-scrollbar{width:7px}.pipeline-history-charts::-webkit-scrollbar-thumb{background:#a7b4c5;border-radius:999px}.pipeline-history-loading{z-index:2;color:#64748b;font-size:8px;position:absolute;top:8px;right:10px}.pipeline-history-chart{background:#fff;border:1px solid #d8e0ea;border-radius:6px;margin-bottom:8px;padding:9px;position:relative}.pipeline-history-chart:last-child{margin-bottom:0}.pipeline-history-chart-heading{justify-content:space-between;gap:10px;margin-bottom:6px;display:flex}.pipeline-history-chart-heading>div{align-items:baseline;gap:5px;display:flex}.pipeline-history-chart-heading strong{color:#334155;font-size:10px}.pipeline-history-chart-heading span{color:#94a3b8;font-size:8px}.pipeline-history-chart svg{width:100%;height:170px;overflow:visible}.pipeline-history-chart svg line{stroke:#e2e8f0;stroke-width:1px}.pipeline-history-chart svg polyline{fill:none;stroke:#2563eb;stroke-width:2px;vector-effect:non-scaling-stroke}.pipeline-history-range{color:#94a3b8;justify-content:space-between;font-size:7px;display:flex}.pipeline-history-empty,.pipeline-history-placeholder{height:100%;min-height:0!important}.pipeline-events{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.pipeline-events-toolbar{background:#fff;border:1px solid #d8e0ea;border-radius:7px;flex:none;justify-content:flex-end;align-items:center;gap:9px;min-height:48px;margin-bottom:8px;padding:7px;display:flex}.pipeline-events-table{scrollbar-width:thin;scrollbar-color:#a7b4c5 transparent;background:#fff;border:1px solid #d8e0ea;border-radius:7px;flex:1;min-width:900px;min-height:0;overflow:auto}.pipeline-events-table::-webkit-scrollbar{width:7px;height:7px}.pipeline-events-table::-webkit-scrollbar-thumb{background:#a7b4c5;border-radius:999px}.pipeline-events-header,.pipeline-events-row{grid-template-columns:110px 150px 190px 190px minmax(260px,1fr);align-items:center;min-width:900px;display:grid}.pipeline-events-header{z-index:2;color:#fff;background:#1f4a78;min-height:38px;position:sticky;top:0}.pipeline-events-header span{text-align:center;text-transform:uppercase;padding:0 9px;font-size:8px;font-weight:750}.pipeline-events-row{border-bottom:1px solid #edf1f5;min-height:49px}.pipeline-events-row:last-child{border-bottom:0}.pipeline-events-row:hover{background:#f8fafc}.pipeline-events-row>span,.pipeline-events-row>div{color:#475569;min-width:0;padding:7px 9px;font-size:9px}.pipeline-events-row>div{text-align:center}.pipeline-events-row>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pipeline-event-status{text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:65px;min-height:22px;font-size:7px;font-weight:800;display:inline-flex}.pipeline-event-status.active{color:#b91c1c;background:#fee2e2}.pipeline-event-status.resolved{color:#15803d;background:#dcfce7}.pipeline-event-status.history{color:#475569;background:#e2e8f0}.pipeline-empty{color:#94a3b8;text-align:center;place-items:center;min-height:90px;padding:15px;font-size:9px;display:grid}.pipeline-events-table>.pipeline-empty{height:calc(100% - 38px);min-height:0}.pipeline-no-selection{background:#fff;border:1px solid #d8e0ea;border-radius:8px;height:100%;min-height:0}@media (width<=1300px){.pipelines-layout{grid-template-columns:250px minmax(0,1fr)}.pipeline-sensor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=950px){.pipelines-layout{grid-template-columns:220px minmax(0,1fr)}.pipeline-history-toolbar{flex-direction:column;align-items:stretch}.pipeline-history-dates{flex-wrap:wrap}.pipeline-history-layout{grid-template-columns:190px minmax(0,1fr)}.pipeline-sensor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.page-container:has(.pipelines-page){height:auto;min-height:0;padding:8px;overflow:visible}.pipelines-page{height:auto;overflow:visible}.pipelines-layout{height:auto;display:block}.pipeline-browser{height:auto;max-height:340px;margin-bottom:8px}.pipeline-browser-content{max-height:220px}.pipeline-workspace{height:auto;overflow:visible}:is(.pipeline-tab-content,.pipeline-tab-content:has(.pipeline-overview),.pipeline-tab-content:has(.pipeline-history),.pipeline-tab-content:has(.pipeline-events)){overflow:visible}.pipeline-overview{height:auto;display:block}.pipeline-location-section{height:350px;margin-bottom:10px}.pipeline-leaflet-map{min-height:310px}.pipeline-sensors-section{max-height:none}.pipeline-sensor-grid{max-height:none;overflow:visible}.pipeline-history,.pipeline-events{height:auto;display:block}.pipeline-history-layout{min-height:0;display:block}.pipeline-history-series{height:auto;max-height:250px;margin-bottom:8px;overflow-y:auto}.pipeline-history-charts{height:auto;min-height:300px}.pipeline-events-table{min-height:300px;max-height:500px}}@media (width<=560px){.pipeline-title{align-items:flex-start}.pipeline-tabs{overflow-x:auto}.pipeline-location-section{height:300px}.pipeline-leaflet-map{min-height:260px}.pipeline-sensor-grid{grid-template-columns:1fr}.pipeline-history-dates{grid-template-columns:1fr;display:grid}.pipeline-events-toolbar{flex-direction:column;align-items:stretch}}.pipeline-history{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.pipeline-history .pipeline-history-toolbar{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.pipeline-history .pipeline-range-buttons{flex-wrap:wrap;gap:5px;display:flex}.pipeline-history .pipeline-history-dates{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.pipeline-history .pipeline-history-dates label,.pipeline-events .pipeline-events-toolbar label{align-items:center;gap:7px;display:flex}.pipeline-history .pipeline-history-dates input[type=date],.pipeline-events .pipeline-events-toolbar input[type=date]{box-sizing:border-box;width:145px;min-width:145px;max-width:145px;height:30px;padding:0 7px;font-size:9px}.pipeline-history button{cursor:pointer}.pipeline-history button:disabled{opacity:.45;cursor:not-allowed}.pipeline-history .pipeline-history-layout{flex:auto;grid-template-columns:235px minmax(0,1fr);gap:8px;min-height:0;display:grid;overflow:hidden}.pipeline-history .pipeline-history-series{background:#fff;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.pipeline-history .pipeline-history-series-heading{flex:none;align-items:center;min-height:38px;padding:0 11px;display:flex}.pipeline-history-series-actions{border-bottom:1px solid #e2e8f0;flex-direction:column;flex:none;gap:6px;padding:9px;display:flex}.pipeline-history-series-actions input{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:5px;width:100%;min-width:0;min-height:30px;padding:5px 8px;font-size:11px;display:block}.pipeline-history-series-actions>div{gap:5px;display:flex}.pipeline-history-series-actions button{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:5px;padding:4px 9px;font-size:10px}.pipeline-history-series-actions button:hover{background:#eff6ff;border-color:#93c5fd}.pipeline-history-series-list{scrollbar-width:thin;flex:auto;min-height:0;overflow:hidden auto}.pipeline-history .pipeline-history-series-list label{cursor:pointer;border-bottom:1px solid #edf1f5;align-items:center;gap:8px;min-height:36px;padding:7px 9px;display:flex}.pipeline-history .pipeline-history-series-list label:hover{background:#f1f5f9}.pipeline-history .pipeline-history-series-list label input{flex:none;margin:0}.pipeline-history-series-color{border-radius:50%;flex:0 0 10px;width:10px;height:10px;display:inline-block}.pipeline-history .pipeline-history-series-list .pipeline-series-label{white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:10px;overflow:hidden}.pipeline-history .pipeline-history-series-list small{color:#64748b;flex:none;font-size:9px}.pipeline-history .pipeline-history-charts{background:#fff;flex:auto;min-width:0;height:100%;min-height:0;padding:0;display:flex;overflow:hidden}.pipeline-unified-chart{background:#fff;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex}.pipeline-unified-chart-expanded{z-index:10000;border-radius:0;width:100vw;height:100dvh;position:fixed;inset:0}.pipeline-unified-chart-header{border-bottom:1px solid #e2e8f0;flex:none;justify-content:space-between;align-items:center;gap:10px;min-height:49px;padding:8px 11px;display:flex}.pipeline-unified-chart-title{flex-direction:column;flex:none;gap:3px;display:flex}.pipeline-unified-chart-title strong{color:#334155;font-size:12px}.pipeline-unified-chart-title span{color:#64748b;font-size:9px}.pipeline-unified-tooltip i{border-radius:50%;flex:0 0 9px;width:9px;height:9px;display:inline-block}.pipeline-unified-navigation{flex:none;align-items:center;gap:5px;display:flex}.pipeline-unified-navigation button{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:5px;height:29px;padding:0 10px;font-size:11px}.pipeline-unified-navigation button:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd}.pipeline-unified-graph{flex:auto;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.pipeline-unified-axis-stack{background:#fcfdff;flex:none;height:100%;display:flex;overflow:hidden}.pipeline-unified-axis{flex:0 0 94px;max-width:none;display:block}.pipeline-unified-plot-frame{flex:auto;min-width:0;min-height:0;position:relative;overflow:hidden}.pipeline-unified-plot-viewport{scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;overscroll-behavior-x:contain;width:100%;height:100%;position:relative;overflow:auto hidden}.pipeline-unified-plot-viewport svg{max-width:none;display:block}.pipeline-unified-grid{stroke:#e2e8f0;stroke-width:1px;stroke-dasharray:3 4}.pipeline-unified-baseline{stroke:#94a3b8;stroke-width:1px}.pipeline-unified-tick{font-size:10px;font-weight:500}.pipeline-unified-axis-title{font-size:11px;font-weight:650}.pipeline-unified-empty{text-align:center;color:#64748b;pointer-events:none;place-items:center;font-size:13px;display:grid;position:absolute;inset:10%}.pipeline-unified-tooltip{color:#334155;pointer-events:none;background:#fffffffa;border:1px solid #cbd5e1;border-radius:7px;min-width:185px;max-width:325px;max-height:55%;padding:9px 11px;font-size:10px;position:absolute;top:30px;overflow:auto;box-shadow:0 4px 14px #0f172a1f}.pipeline-unified-tooltip>strong{margin-bottom:7px;display:block}.pipeline-unified-tooltip>div{align-items:center;gap:6px;margin:4px 0;display:flex}.pipeline-unified-tooltip>div span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pipeline-unified-tooltip>div b{white-space:nowrap}@media (width<=1100px){.pipeline-unified-chart-header{flex-wrap:wrap;align-items:flex-start}.pipeline-history .pipeline-history-layout{grid-template-columns:185px minmax(0,1fr)}}@media (width<=800px){.pipeline-history .pipeline-history-layout{grid-template-columns:165px minmax(0,1fr);min-height:430px;display:grid;overflow:hidden}.pipeline-history .pipeline-history-series{height:440px;max-height:none;margin-bottom:0}.pipeline-history .pipeline-history-charts{height:440px;min-height:0}.pipeline-unified-chart-expanded{z-index:10000;width:100vw;height:100dvh;position:fixed;inset:0}}@media (width<=560px){.pipeline-history .pipeline-history-layout{grid-template-columns:125px minmax(0,1fr)}.pipeline-history .pipeline-history-dates{display:flex}.pipeline-unified-graph{overflow:hidden}.pipeline-unified-axis-stack{max-width:94px}}.pipeline-history-overview{background:#f8fafc;border-bottom:1px solid #dbe3ed;flex-direction:column;flex:none;gap:4px;padding:8px 12px 7px;display:flex}.pipeline-history-overview-track{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;border-radius:5px;width:100%;height:80px;position:relative;overflow:hidden}.pipeline-history-overview-track:active{cursor:grabbing}.pipeline-history-overview-track svg{pointer-events:none;width:100%;height:100%;display:block}.pipeline-history-overview-window{pointer-events:none;box-sizing:border-box;background:#2563eb17;border:2px solid #2563eb;border-radius:3px;min-width:2px;position:absolute;top:0;bottom:0}.pipeline-unified-chart .pipeline-unified-graph{min-height:190px}@media (width<=800px){.pipeline-history-overview{padding:7px}.pipeline-history-overview-track{height:65px}}.pipeline-unified-chart-header{position:relative}.pipeline-unified-axis .pipeline-unified-axis-title,.pipeline-unified-axis .pipeline-unified-tick{fill:#111827}.pipeline-history-overview-track:focus-visible{outline-offset:2px;outline:2px solid #1d4ed8}.pipeline-axis-settings{z-index:20;background:#fff;border:1px solid #cbd5e1;border-radius:0 0 8px 8px;width:min(490px,100vw - 32px);max-height:min(65dvh,520px);padding:12px;position:absolute;top:calc(100% - 1px);right:10px;overflow-y:auto;box-shadow:0 8px 24px #0f172a29}.pipeline-axis-settings-heading,.pipeline-axis-settings-unit-heading{justify-content:space-between;align-items:center;gap:9px;display:flex}.pipeline-axis-settings-heading strong{color:#0f172a;font-size:12px}.pipeline-axis-settings-heading button,.pipeline-axis-settings-unit-heading button{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:5px;height:25px;padding:0 9px;font-size:10px}.pipeline-axis-settings-unit{border-top:1px solid #e2e8f0;padding:12px 0}.pipeline-axis-settings-heading+.pipeline-axis-settings-unit{margin-top:8px}.pipeline-axis-settings-unit-heading strong{color:#111827;font-size:11px}.pipeline-axis-settings-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.pipeline-axis-settings-fields label{color:#475569;flex-direction:column;gap:4px;font-size:10px;display:flex}.pipeline-axis-settings-fields input{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:5px;width:100%;min-width:0;height:30px;padding:4px 6px;font-size:11px}.pipeline-axis-settings-error{color:#b91c1c;margin-top:7px;font-size:10px;display:block}@media (width<=560px){.pipeline-axis-settings{right:0}.pipeline-axis-settings-fields{grid-template-columns:1fr}}.pipeline-history .pipeline-history-charts .pipeline-history-state{color:#64748b;text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;min-height:260px;padding:20px;font-size:13px;display:flex}.pipeline-history-spinner{border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:42px;height:42px;animation:.85s linear infinite pipeline-history-spin;display:block}.pipeline-history-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes pipeline-history-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pipeline-history-spinner{animation-duration:2s}}.pipeline-history-rendered-plot{flex:auto;width:100%;min-width:0;height:100%;min-height:0;display:flex}.pipeline-history-rendered-plot[hidden]{display:none}.pipeline-history-loading-percentage{color:#0f172a;font-variant-numeric:tabular-nums;font-size:24px;font-weight:750;line-height:1}.pipeline-history-loading-days{color:#64748b;font-variant-numeric:tabular-nums;font-size:11px}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-toolbar,html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series,html[data-theme] .cloud-shell .pipeline-history .pipeline-history-charts{color:var(--cloud-ink);background:var(--cloud-surface);border:1px solid var(--cloud-border);box-shadow:var(--cloud-shadow);border-radius:8px}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-toolbar{gap:12px;padding:10px 12px}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-range-buttons{gap:6px}html[data-theme] .cloud-shell .pipeline-history :is(.pipeline-range-buttons button,.pipeline-history-dates input){min-height:32px;color:var(--cloud-ink);background:var(--cloud-control);border:1px solid var(--cloud-border);border-radius:6px;font-size:11px;font-weight:600}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series-heading{min-height:44px;color:var(--cloud-ink);background:var(--cloud-surface-muted);border-bottom:1px solid var(--cloud-border);text-transform:none;padding:0 12px;font-size:11px;font-weight:700}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series-actions{color:var(--cloud-ink);background:var(--cloud-surface);border-color:var(--cloud-border);gap:8px;padding:10px}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series-actions :is(input,button){min-height:30px;color:var(--cloud-ink);background:var(--cloud-control);border:1px solid var(--cloud-border);border-radius:6px;font-size:11px}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series-actions button:hover{color:var(--cloud-selected-ink);background:var(--cloud-selection)}html[data-theme] .cloud-shell .pipeline-history-overview{color:var(--cloud-ink);background:var(--cloud-surface-muted);border-color:var(--cloud-border);padding:10px 12px}html[data-theme] .cloud-shell .pipeline-history-overview-track{border-color:var(--cloud-border);background:var(--cloud-surface);border-radius:6px;height:72px}html[data-theme] .cloud-shell .pipeline-unified-plot-viewport{background:var(--cloud-surface);scrollbar-color:var(--cloud-scroll-thumb) var(--cloud-surface);overflow:hidden}html[data-theme] .cloud-shell .pipeline-unified-baseline,html[data-theme] .cloud-shell .pipeline-unified-axis line{stroke:var(--cloud-muted)}html[data-theme] .cloud-shell .pipeline-unified-axis .pipeline-unified-axis-title,html[data-theme] .cloud-shell .pipeline-unified-plot-viewport .pipeline-unified-axis-title{fill:var(--cloud-ink)}html[data-theme] .cloud-shell .pipeline-unified-axis .pipeline-unified-tick,html[data-theme] .cloud-shell .pipeline-unified-plot-viewport .pipeline-unified-tick{fill:var(--cloud-muted)}html[data-theme] .cloud-shell .pipeline-unified-tooltip,html[data-theme] .cloud-shell .pipeline-axis-settings{color:var(--cloud-ink);background:var(--cloud-control);border-color:var(--cloud-border);box-shadow:var(--cloud-shadow);border-radius:8px}html[data-theme] .cloud-shell .pipeline-axis-settings :is(strong,label){color:var(--cloud-ink)}html[data-theme] .cloud-shell .pipeline-axis-settings :is(input,button){color:var(--cloud-ink);background:var(--cloud-control);border-color:var(--cloud-border)}html[data-theme] .cloud-shell .pipeline-history-loading-percentage{color:var(--cloud-ink)}html[data-theme] .cloud-shell .pipeline-history-loading-days{color:var(--cloud-muted)}html[data-theme] .cloud-shell .pipeline-history-loading-progress{z-index:5;border:1px solid var(--cloud-border);color:var(--cloud-ink);background:var(--cloud-control);box-shadow:var(--cloud-shadow);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:7px;padding:7px 12px;font-size:11px;font-weight:600;position:absolute;top:12px;right:12px}@media (width<=980px){html[data-theme] .cloud-shell .pipeline-unified-chart-header{flex-wrap:wrap;align-items:flex-start}html[data-theme] .cloud-shell .pipeline-unified-navigation{justify-content:flex-start;width:100%}}@media (width<=680px){html[data-theme] .cloud-shell .pipeline-history .pipeline-history-layout{grid-template-columns:minmax(0,1fr);overflow-y:auto}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series{height:auto;min-height:165px;max-height:190px}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-charts{height:440px;min-height:440px}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-dates{flex-wrap:wrap;align-items:flex-start}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-toolbar{align-items:flex-start}html[data-theme] .cloud-shell .pipeline-unified-chart-title span{font-size:9px}}.gateway-workspace{flex-direction:column;display:flex}.gateway-detail-tabs{background:#fff;border:1px solid #d8e0ea;border-top:0;flex:none;gap:3px;padding:0 6px;display:flex}.gateway-detail-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;min-width:115px;height:39px;padding:0 15px;font-size:10px;font-weight:750}.gateway-detail-tabs button.active{color:#2563eb;background:#f8fbff;border-bottom-color:#2563eb}.gateway-tab-body{flex:auto;min-height:0;padding-top:8px;overflow:hidden}.gateway-tab-body>.gateway-connections{height:100%;min-height:0}.gateway-realtime{grid-template-columns:240px minmax(0,1fr);gap:8px;height:100%;min-height:0;display:grid}.gateway-realtime-series,.gateway-realtime-chart{background:#fff;border:1px solid #d8e0ea;border-radius:7px;min-height:0;overflow:hidden}.gateway-realtime-series{flex-direction:column;display:flex}.gateway-realtime-series-heading{color:#fff;background:#315f94;padding:11px;font-size:10px;font-weight:700}.gateway-realtime-series-list{flex:1;overflow:auto}.gateway-realtime-series-list label{cursor:pointer;border-bottom:1px solid #edf1f5;align-items:center;gap:7px;padding:9px;font-size:10px;display:flex}.gateway-realtime-series-list label span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.gateway-realtime-series-list i,.gateway-realtime-tooltip i{border-radius:50%;flex:0 0 9px;width:9px;height:9px;display:block}.gateway-realtime-series-list small{color:#64748b}.gateway-realtime-chart{flex-direction:column;display:flex;position:relative}.gateway-realtime-expanded{z-index:10000;border-radius:0;width:100vw;height:100dvh;position:fixed;inset:0}.gateway-realtime-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;font-size:11px;display:flex}.gateway-realtime-header>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gateway-realtime-header span,.gateway-realtime-live-bar{color:#64748b;font-size:10px}.gateway-realtime-header button,.gateway-realtime-live-bar button,.gateway-realtime-settings button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;padding:6px 9px;font-size:10px}.gateway-realtime-overview{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid #cbd5e1;border-radius:5px;flex:0 0 72px;margin:9px 12px;position:relative;overflow:hidden}.gateway-realtime-overview svg{pointer-events:none;width:100%;height:100%;display:block}.gateway-realtime-overview-window{pointer-events:none;background:#2563eb1a;border:2px solid #2563eb;position:absolute;inset-block:0}.gateway-realtime-live-bar{justify-content:space-between;align-items:center;padding:0 12px 7px;display:flex}.gateway-realtime-graph{flex:1;min-height:220px;display:flex;position:relative;overflow:hidden}.gateway-realtime-axis{color:#111827;border-right:1px solid #edf1f5;flex:0 0 110px;height:100%;font-size:10px;position:relative}.gateway-realtime-axis>strong{text-align:center;font-size:10px;font-weight:600;position:absolute;top:4px;left:4px;right:4px}.gateway-realtime-axis>span{position:absolute;right:5px;transform:translateY(-50%)}.gateway-realtime-viewport{scrollbar-width:thin;flex:1;min-width:0;overflow:auto hidden}.gateway-realtime-viewport svg{max-width:none;display:block}.gateway-realtime-tooltip{z-index:2;color:#334155;pointer-events:none;background:#fff;border:1px solid #cbd5e1;border-radius:6px;max-width:310px;max-height:60%;padding:9px;font-size:10px;position:absolute;top:36px;right:15px;overflow:auto;box-shadow:0 4px 15px #0001}.gateway-realtime-tooltip div{align-items:center;gap:7px;margin-top:6px;display:flex}.gateway-realtime-warning{color:#b45309;padding:6px 11px;font-size:10px}.gateway-realtime-state{color:#64748b;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.gateway-realtime-state strong{color:#0f172a;font-size:24px}.gateway-realtime-spinner{border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:44px;height:44px;animation:.85s linear infinite gateway-realtime-spin}.gateway-realtime-settings{z-index:10;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:min(470px,90vw);max-height:65vh;padding:12px;position:absolute;top:44px;right:9px;overflow:auto;box-shadow:0 8px 24px #0002}.gateway-realtime-settings-title,.gateway-realtime-scale>div:first-child{justify-content:space-between;align-items:center;gap:7px;display:flex}.gateway-realtime-scale{border-top:1px solid #e2e8f0;margin-top:10px;padding-top:10px}.gateway-realtime-scale-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px;display:grid}.gateway-realtime-scale-fields label{gap:5px;font-size:10px;display:grid}.gateway-realtime-scale-fields input{border:1px solid #cbd5e1;border-radius:4px;width:100%;min-width:0;padding:6px}.gateway-realtime-hint{color:#64748b;padding:12px;font-size:11px}@media (width<=850px){.gateway-realtime{grid-template-columns:160px minmax(0,1fr)}.gateway-realtime-header{flex-wrap:wrap}}@media (width<=600px){.gateway-realtime{grid-template-columns:125px minmax(0,1fr)}.gateway-realtime-axis{flex-basis:100px}.gateway-realtime-scale-fields{grid-template-columns:1fr}}.gateway-realtime-viewport{overflow:hidden}.gateway-realtime-graph{min-height:300px}.plc-page .gateway-realtime-chart{min-width:0}.plc-page .gateway-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.plc-page .gateway-browser-header{background:linear-gradient(90deg,#1e4977 0%,#315f94 100%)}.plc-page .gateway-list-item.selected{background:#edf4fb;box-shadow:inset 3px 0 #2f67a6}.plc-page .gateway-header-telemetry{text-align:right;min-width:130px}.plc-page .gateway-workspace{display:block}.plc-page .gateway-workspace:has(.gateway-realtime){flex-direction:column;display:flex}.plc-page .gateway-workspace>.gateway-realtime{flex:auto;min-height:440px}.plc-detail-tabs{border-bottom:1px solid #d8e0ea;align-items:center;margin:0 0 10px;display:flex}.plc-detail-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;min-width:112px;min-height:38px;padding:8px 14px;font-size:10px;font-weight:750}.plc-detail-tabs button:hover{background:#f8fafc}.plc-detail-tabs button.active{color:#2563eb;border-bottom-color:#2563eb}.plc-channel-table-header,.plc-channel-row{grid-template-columns:minmax(110px,1fr) minmax(150px,1.2fr) 80px;align-items:center;gap:12px;width:100%;min-width:400px;padding:0 14px;display:grid}.plc-channel-table-header{z-index:2;color:#5f7690;letter-spacing:.03em;text-transform:uppercase;background:#e8eff6;border-bottom:1px solid #cad7e4;min-height:36px;font-size:8px;font-weight:800;position:sticky;top:0}.plc-channel-table-header>span:last-child{text-align:right}.plc-channel-row{color:#52657a;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #e7edf3;min-height:49px;font-size:10px}.plc-channel-row:nth-of-type(odd){background:#fbfcfe}.plc-channel-row:hover{background:#f1f6fb}.plc-channel-row:focus-visible{z-index:1;outline-offset:-2px;outline:2px solid #2f67a6;position:relative}.plc-channel-row:last-child{border-bottom:0}.plc-channel-name{color:#2f67a6;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-weight:800;overflow:hidden}.plc-channel-value{color:#172033;text-align:right;font-size:12px;font-weight:800}.plc-channel-value.unavailable{color:#94a3b8}.plc-monitoring-badges{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.plc-monitoring-badge{white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;min-width:105px;min-height:22px;padding:3px 8px;font-size:8px;font-weight:800;line-height:1.2;display:inline-flex}.plc-monitoring-badge.leak{color:#b45309;background:#fef3c7}.plc-monitoring-badge.communication{color:#1d4ed8;background:#dbeafe}.plc-monitoring-badge.pressure{color:#047857;background:#d1fae5}.plc-monitoring-badge.unknown,.plc-monitoring-badge.unassigned{color:#64748b;background:#e2e8f0}.sensor-detail-drawer .sensor-drawer-section-title:has(.plc-monitoring-badges){min-height:40px}.sensor-detail-drawer .sensor-drawer-section-title .plc-monitoring-badges{width:100%}.sensor-detail-drawer .sensor-drawer-section-title .plc-monitoring-badge{font-size:9px}@media (width<=1100px){.plc-page .gateway-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.plc-page .gateway-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plc-page .gateway-browser{height:280px;margin-bottom:10px}.plc-page .gateway-workspace{overflow:visible}.plc-page .gateway-workspace>.gateway-realtime{min-height:500px}.plc-channel-table-header,.plc-channel-row{min-width:390px}}@media (width<=620px){.plc-page .gateway-header-telemetry{min-width:0}}@media (width<=420px){.plc-page .gateway-summary-grid{grid-template-columns:1fr}}.page-container:has(.sensor-map-page){width:100%;max-width:none;height:calc(100dvh - 74px);min-height:0;margin:0;padding:12px 14px 14px;overflow:hidden}.sensor-map-page{width:100%;height:100%;min-height:0;position:relative}.sensor-map-layout{grid-template-columns:285px minmax(0,1fr);gap:12px;width:100%;height:100%;min-height:0;display:grid}.sensor-map-browser{min-width:0}.sensor-map-all{color:#334155;text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:39px;margin-bottom:8px;padding:6px 9px;font-size:10px;display:grid}.sensor-map-all:hover,.sensor-map-all.selected{color:#1e4977;background:#eff6ff;border-color:#bfdbfe}.sensor-map-all-icon{color:#315f94;text-align:center;font-size:20px}.sensor-map-all>span:last-child{color:#64748b;font-size:9px;font-weight:800}.sensor-map-region-row{border-radius:6px;align-items:stretch;gap:0;display:flex}.sensor-map-region-row:hover{background:#f5f8fc}.sensor-map-region-row.selected{background:#e8f1ff}.sensor-map-expand{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 26px;place-items:center;display:grid}.sensor-map-region-focus{color:#334155;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;min-height:44px;padding:5px 8px 5px 0;display:grid}.sensor-map-region-focus .pipeline-tree-region-copy{min-width:0}.sensor-map-region-focus .pipeline-tree-region-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sensor-map-workspace{background:#fff;border:1px solid #d8e0ea;border-radius:9px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:0 2px 7px #0f172a0d}.sensor-map-header{border-bottom:1px solid #e5eaf0;flex:none;justify-content:space-between;align-items:center;gap:15px;min-height:85px;padding:11px 15px;display:flex}.sensor-map-heading{min-width:0}.sensor-map-heading>span{color:#7890ab;text-transform:uppercase;letter-spacing:.06em;font-size:8px;font-weight:800;display:block}.sensor-map-heading h1{color:#1e4977;text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:18px;font-weight:800;overflow:hidden}.sensor-map-heading small{color:#64748b;font-size:9px}.sensor-map-metrics{flex-wrap:wrap;gap:8px;display:flex}.sensor-map-metrics>div{background:#f8fafc;border:1px solid #dbe4ee;border-radius:7px;min-width:74px;padding:7px 9px}.sensor-map-metrics>div>span{color:#7890ab;font-size:8px;font-weight:700;display:block}.sensor-map-metrics>div>strong{color:#1e4977;margin-top:3px;font-size:17px;display:block}.sensor-map-metrics .sensor-map-online-text{color:#15803d}.sensor-map-metrics .sensor-map-offline-text{color:#b91c1c}.sensor-map-canvas{isolation:isolate;flex:1;min-height:250px;position:relative}.sensor-map-leaflet{background:#e8edf3;width:100%;height:100%}.sensor-map-legend{z-index:500;color:#334155;background:#fffffff5;border:1px solid #d8e0ea;border-radius:7px;gap:10px;padding:8px 10px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 1px 5px #0f172a1a}.sensor-map-legend span{align-items:center;gap:5px;display:inline-flex}.sensor-map-legend-dot{border-radius:50%;width:9px;height:9px}.sensor-map-legend-dot.online{background:#22c55e;border:1px solid #15803d}.sensor-map-legend-dot.offline{background:#ef4444;border:1px solid #b91c1c}.sensor-map-no-coordinates{z-index:500;color:#52657a;text-align:center;background:#fff;border:1px solid #d8e0ea;border-radius:8px;max-width:calc(100% - 40px);padding:10px 15px;font-size:11px;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0f172a0f}.sensor-map-popup{min-width:185px;font-family:inherit}.sensor-map-popup-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.sensor-map-popup-heading strong{color:#1e4977;font-size:12px}.sensor-map-status{border-radius:99px;padding:3px 7px;font-size:9px;font-weight:800}.sensor-map-status.online{color:#166534;background:#dcfce7}.sensor-map-status.offline{color:#991b1b;background:#fee2e2}.sensor-map-popup-path{color:#64748b;margin-top:8px;font-size:10px}.sensor-map-popup-value{color:#172033;margin-top:5px;font-size:19px;font-weight:800}.sensor-map-popup-time{color:#64748b;margin-top:7px;font-size:10px}.sensor-map-popup-button{color:#fff;cursor:pointer;background:#315f94;border:0;border-radius:6px;width:100%;margin-top:12px;padding:8px 10px;font-size:10px;font-weight:750}.sensor-map-popup-button:hover{background:#1e4977}.sensor-map-footer{color:#64748b;border-top:1px solid #e5eaf0;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:8px 13px;font-size:9px;display:flex}.sensor-map-alert{z-index:20;max-width:80%;position:absolute;top:4px;left:50%;transform:translate(-50%)}@media (width<=1000px){.sensor-map-layout{grid-template-columns:245px minmax(0,1fr);gap:8px}.sensor-map-header{flex-direction:column;align-items:flex-start}}@media (width<=720px){.page-container:has(.sensor-map-page){height:auto;min-height:calc(100dvh - 62px);padding:9px;overflow:visible}.sensor-map-page{height:auto}.sensor-map-layout{flex-direction:column;display:flex}.sensor-map-browser{flex:0 0 245px;height:245px}.sensor-map-workspace{min-height:500px}.sensor-map-canvas{flex:none;height:58dvh;min-height:360px}.sensor-map-header{padding:10px}.sensor-map-metrics>div{min-width:64px}}.page-container:has(.sensor-detail-page){width:100%;max-width:none;margin:0;padding:12px 14px 20px}.sensor-detail-page{width:100%}.sensor-detail-back{color:#475569;background:#fff;border:1px solid #d8e0ea;border-radius:6px;min-height:32px;margin-bottom:10px;padding:0 10px;font-size:10px;font-weight:700}.sensor-detail-back:hover{color:#1d4ed8;background:#f8fafc;border-color:#bfdbfe}.sensor-detail-section{background:#fff;border:1px solid #ccd6e2;border-radius:8px;margin-bottom:14px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.sensor-detail-section-header{color:#fff;text-transform:uppercase;background:linear-gradient(90deg,#1e4977 0%,#315f94 100%);align-items:center;min-height:42px;padding:0 12px;font-size:14px;font-weight:750;display:flex}.sensor-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;padding:8px 14px 12px;display:grid}.sensor-detail-field{border-bottom:1px solid #edf1f5;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:12px;min-width:0;min-height:44px;display:grid}.sensor-detail-field>span{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:750}.sensor-detail-field>strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:650;overflow:hidden}.sensor-detail-status{text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:4px 8px;display:inline-flex}.sensor-detail-status>span{border-radius:50%;flex:none;width:7px;height:7px}.sensor-detail-status-online{background:#dcfce7;color:#15803d!important}.sensor-detail-status-online>span{background:#16a34a}.sensor-detail-status-offline{background:#fee2e2;color:#b91c1c!important}.sensor-detail-status-offline>span{background:#dc2626}.instrument-activity{border-bottom:1px solid #edf1f5;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.instrument-activity-label{align-items:baseline;gap:5px;display:flex}.instrument-activity-label span{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:750}.instrument-activity-label strong{color:#94a3b8;font-size:8px}.instrument-activity-track{background:#e2e8f0;border:1px solid #d7dee8;border-radius:4px;height:22px;position:relative;overflow:hidden}.instrument-activity-segment{min-width:2px;position:absolute;top:0;bottom:0}.instrument-activity-segment.online{background:#15803d}.instrument-activity-segment.offline{background:#dc2626}.instrument-activity-message{z-index:1;color:#64748b;place-items:center;font-size:9px;font-weight:650;display:grid;position:absolute;inset:0}.sensor-detail-activity-error{color:#b45309;background:#fffbeb;border-bottom:1px solid #fde68a;padding:7px 14px;font-size:9px}.sensor-detail-empty{color:#94a3b8;place-items:center;min-height:90px;padding:20px;font-size:11px;display:grid}@media (width<=800px){.page-container:has(.sensor-detail-page){padding:10px}.sensor-detail-grid,.instrument-activity{grid-template-columns:1fr}}@media (width<=520px){.sensor-detail-field{grid-template-columns:90px minmax(0,1fr)}.sensor-detail-grid{padding:6px 10px 10px}.instrument-activity{padding:10px}}.sensor-connectivity-panel{background:#fff;border:1px solid #e0e6ee;border-radius:8px;margin:0 0 10px;padding:13px 15px 10px;box-shadow:0 1px 2px #0f172a06}.sensor-connectivity-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.sensor-connectivity-heading h2{color:#172033;margin:0;font-size:13px;font-weight:750}.sensor-connectivity-periods{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;gap:3px;padding:3px;display:flex}.sensor-connectivity-periods button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 9px;font-size:10px;font-weight:750}.sensor-connectivity-periods button.active{color:#fff;background:#315f94}.sensor-connectivity-meta{flex-wrap:wrap;align-items:center;gap:7px 20px;padding:10px 0 5px;display:flex}.sensor-connectivity-legend{color:#64748b;align-items:center;gap:6px;font-size:10px;display:inline-flex}.sensor-connectivity-legend strong{color:#334155;font-size:12px}.sensor-connectivity-legend>span{border-radius:2px;width:8px;height:8px;display:inline-block}.sensor-connectivity-legend>span.connected{background:#16a34a}.sensor-connectivity-legend>span.disconnected{background:#dc2626}.sensor-connectivity-legend>span.online-percent{border:0;border-top:2px dashed #575d67b3;border-radius:0;width:17px;height:0}.sensor-connectivity-legend.average-online{color:#475569;font-weight:600}.sensor-connectivity-updated{color:#94a3b8;margin-left:auto;font-size:9px}.sensor-connectivity-scroll{scrollbar-width:none;overscroll-behavior-x:contain;overflow:auto hidden}.sensor-connectivity-scroll::-webkit-scrollbar{display:none}.sensor-connectivity-bars{gap:4px;height:166px;padding-top:8px;display:flex;position:relative}.sensor-connectivity-bars:after{content:"";pointer-events:none;background:#8b99aa;height:1px;position:absolute;top:133px;left:0;right:0}.sensor-connectivity-column{border-radius:3px;flex-direction:column;flex:1;align-items:center;gap:0;min-width:14px;display:flex;position:relative}.sensor-connectivity-column.hovered{background:#4755690e}.sensor-connectivity-column.date-tick:after{content:"";pointer-events:none;background:#8493a7;width:1px;height:7px;position:absolute;top:133px;left:50%}.sensor-connectivity-column.minor-tick:after{content:"";pointer-events:none;background:#bcc6d2;width:1px;height:4px;position:absolute;top:133px;left:50%}.sensor-connectivity-bar-track{border-bottom:0;justify-content:center;align-items:flex-end;width:100%;max-width:30px;height:125px;display:flex;position:relative}.sensor-connectivity-stack{border-radius:2px 2px 0 0;flex-direction:column;width:100%;display:flex;overflow:hidden}.sensor-connectivity-online{background:#16a34a;width:100%}.sensor-connectivity-offline{background:#dc2626;width:100%}.sensor-connectivity-missing{background:#cbd5e1;width:70%;height:1px}.sensor-connectivity-date{text-align:center;color:#64748b;white-space:nowrap;width:100%;height:24px;padding-top:12px;font-size:9px;font-weight:600;display:block}.sensor-connectivity-percent-overlay{pointer-events:none;width:100%;height:125px;position:absolute;top:8px;left:0;right:0;overflow:visible}.sensor-connectivity-percent-overlay path{fill:none;stroke:#575d67;stroke-opacity:.7;stroke-width:2px;stroke-dasharray:7 5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.sensor-connectivity-error{color:#b91c1c;padding:7px 0;font-size:11px}.sensor-connectivity-state{color:#8190a3;text-align:center;padding:38px 0;font-size:11px}@media (width<=680px){.sensor-connectivity-heading{align-items:flex-start}.sensor-connectivity-meta{gap:7px 11px}.sensor-connectivity-legend.average-online{color:#475569;font-weight:600}.sensor-connectivity-updated{width:100%;margin-left:0}.sensor-connectivity-panel{padding:11px}}.sensor-connectivity-column:focus-visible{outline-offset:2px;outline:2px solid #64748b}.sensor-connectivity-hover{z-index:5;color:#334155;pointer-events:none;white-space:nowrap;background:#f8fafcfa;border:1px solid #b8c0ca;border-radius:6px;flex-direction:column;gap:3px;min-width:135px;padding:8px 10px;font-size:10px;display:flex;position:absolute;top:11px;right:8px;box-shadow:0 3px 12px #0f172a26}.sensor-connectivity-hover strong{color:#111827;font-size:11px}.sensor-connectivity-average-line line{stroke:#111827;stroke-width:1.5px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.sensor-connectivity-average-label{z-index:3;color:#111827;white-space:nowrap;pointer-events:none;background:#fffffff0;border:1px solid #0f172a1f;border-radius:4px;align-items:center;width:max-content;max-width:calc(100% - 16px);padding:2px 6px;font-size:10px;font-weight:650;line-height:1.2;display:inline-flex;position:absolute;right:8px;box-shadow:0 1px 2px #0f172a0f}.page-container:has(.sensors-page){width:100%;max-width:none;margin:0;padding:12px 14px 20px}.sensors-page{width:100%;margin:0}.sensors-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.sensor-summary-card{background:#fff;border:1px solid #e0e6ee;border-radius:8px;flex-direction:column;justify-content:center;min-height:76px;padding:12px 14px;display:flex;box-shadow:0 1px 2px #0f172a06}.sensor-summary-card>span{color:#7a8798;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.sensor-summary-card>strong{color:#172033;margin-top:5px;font-size:23px;line-height:1}.sensor-total-row{justify-content:space-between;align-items:center;gap:18px;margin-top:5px;display:flex}.sensor-total-value{color:#172033;font-size:23px;line-height:1}.sensor-status-summary{align-items:center;gap:13px;display:flex}.sensor-status-item{align-items:baseline;gap:6px;display:flex}.sensor-status-item span{color:#94a3b8;text-transform:uppercase;font-size:9px;font-weight:700}.sensor-status-item strong{font-size:14px}.sensor-status-item.online strong{color:#15803d}.sensor-status-item.offline strong{color:#b91c1c}.sensor-status-divider{background:#e2e8f0;width:1px;height:20px}.sensor-filter-bar{background:#fff;border:1px solid #e0e6ee;border-radius:8px;align-items:center;gap:12px;min-height:50px;margin-bottom:10px;padding:6px 8px;display:flex;box-shadow:0 1px 2px #0f172a06}.sensor-search-field{flex:1;align-items:center;min-width:0;display:flex;position:relative}.sensor-search-field input{color:#334155;background:#f8fafc;border:1px solid #d8e0ea;border-radius:7px;outline:none;width:100%;height:36px;padding:0 65px 0 36px;font-size:11px}.sensor-search-field input::placeholder{color:#94a3b8}.sensor-search-field input:focus{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 3px #dbeafe}.sensor-search-icon{z-index:1;color:#64748b;pointer-events:none;font-size:17px;line-height:1;position:absolute;left:12px}.sensor-search-clear{color:#64748b;background:0 0;border:0;border-radius:5px;min-height:26px;padding:0 8px;font-size:9px;font-weight:700;position:absolute;right:7px}.sensor-search-clear:hover{color:#1d4ed8;background:#eff6ff}.sensor-filter-count{color:#7a8798;white-space:nowrap;flex:none;font-size:10px;font-weight:650}.sensor-regions{flex-direction:column;gap:10px;display:flex}.sensor-region{background:#fff;border:1px solid #ccd6e2;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.sensor-region-header{color:#fff;background:linear-gradient(90deg,#1e4977 0%,#315f94 100%);justify-content:space-between;align-items:center;gap:20px;min-height:42px;padding:0 10px;display:flex}.sensor-region-header>div{align-items:baseline;gap:10px;min-width:0;display:flex}.sensor-region-header h2{color:#fff;margin:0;font-size:15px;font-weight:750}.sensor-region-header>div>span,.sensor-region-count{color:#dbeafe;font-size:9px;font-weight:650}.sensor-region-count{background:#ffffff14;border:1px solid #ffffff2b;border-radius:999px;flex:none;padding:4px 8px}.sensor-region-content{flex-direction:column;display:flex}.sensor-pipeline-row{border-top:1px solid #e1e7ef;grid-template-columns:190px minmax(0,1fr);min-height:148px;display:grid}.sensor-pipeline-row:first-child{border-top:0}.sensor-pipeline-summary{color:#fff;background:linear-gradient(140deg,#2f67a6 0%,#28578f 100%);border-right:1px solid #d8e0ea;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:0;padding:12px;display:flex}.sensor-pipeline-summary>div:first-child{flex-direction:column;min-width:0;display:flex}.sensor-pipeline-label{color:#bfdbfe;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:750}.sensor-pipeline-summary strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:750;overflow:hidden}.sensor-carousel{background:#f4f7fb;flex-direction:column;min-width:0;padding:7px 8px 8px;display:flex}.sensor-carousel-toolbar{justify-content:flex-end;align-items:center;gap:8px;min-height:25px;margin-bottom:4px;display:flex}.sensor-carousel-toolbar>span{color:#7a8798;font-size:9px;font-weight:650}.sensor-carousel-controls{gap:4px;display:flex}.sensor-scroll-button{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;place-items:center;width:27px;height:25px;padding:0;font-size:19px;font-weight:700;line-height:1;display:grid}.sensor-scroll-button:hover:not(:disabled){color:#fff;background:#2f67a6;border-color:#2f67a6}.sensor-scroll-button:disabled{cursor:default;color:#cbd5e1;background:#f8fafc;border-color:#e2e8f0}.sensor-scroll-window{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a9b6c7 #e7edf4;width:100%;min-width:0;overflow:auto hidden}.sensor-scroll-window::-webkit-scrollbar{height:6px}.sensor-scroll-window::-webkit-scrollbar-track{background:#e7edf4;border-radius:999px}.sensor-scroll-window::-webkit-scrollbar-thumb{background:#a9b6c7;border-radius:999px}.sensor-card-track{align-items:stretch;gap:8px;display:flex}.sensor-live-card{scroll-snap-align:start;width:calc(20% - 6.4px);min-width:0;min-height:112px;color:inherit;text-align:left;background:#fff;border:1px solid #d6dde7;border-radius:8px;flex-direction:column;flex:0 0 calc(20% - 6.4px);padding:9px 10px;display:flex;box-shadow:0 2px 5px #0f172a0f}.sensor-live-card:hover{border-color:#93b5da;box-shadow:0 3px 9px #0f172a1a}.sensor-live-card.selected{border-color:#2563eb;box-shadow:0 0 0 2px #dbeafe}.sensor-live-card.sensor-status-online{border-top:3px solid #22c55e}.sensor-live-card.sensor-status-offline{border-top:3px solid #ef4444}.sensor-live-header{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;display:flex}.sensor-name-group{align-items:flex-start;gap:7px;min-width:0;display:flex}.sensor-name-group>div{flex-direction:column;min-width:0;display:flex}.sensor-name-group strong{color:#284a74;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;overflow:hidden}.sensor-name-group span:not(.sensor-status-dot){color:#94a3b8;margin-top:2px;font-size:8px}.sensor-status-dot{border-radius:50%;flex:none;width:8px;height:8px;margin-top:3px}.sensor-status-dot-online{background:#16a34a;box-shadow:0 0 0 3px #dcfce7}.sensor-status-dot-offline{background:#dc2626;box-shadow:0 0 0 3px #fee2e2}.sensor-status-label{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;border-radius:999px;max-width:100px;padding:3px 7px;font-size:8px;font-weight:750;overflow:hidden}.sensor-status-label-online{color:#15803d;background:#dcfce7}.sensor-status-label-offline{color:#b91c1c;background:#fee2e2}.sensor-live-value{align-items:baseline;gap:5px;padding:8px 0 6px;display:flex}.sensor-live-value strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:20px;font-weight:750;line-height:1;overflow:hidden}.sensor-live-value span{color:#64748b;font-size:9px;font-weight:650}.sensor-live-footer{border-top:1px solid #edf1f5;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:auto;padding-top:6px;display:grid}.sensor-live-footer>div{flex-direction:column;min-width:0;display:flex}.sensor-live-footer>div:last-child{text-align:right}.sensor-live-footer span{color:#94a3b8;letter-spacing:.03em;text-transform:uppercase;font-size:7px;font-weight:700}.sensor-live-footer strong{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;font-weight:650;overflow:hidden}.sensor-detail-backdrop{z-index:55;background:#0f172a29;border:0;padding:0;position:fixed;inset:74px 0 0 76px}.sensor-detail-drawer{z-index:60;background:#f5f7fa;border-left:1px solid #cbd5e1;flex-direction:column;width:min(520px,100vw - 76px);display:flex;position:fixed;top:74px;bottom:0;right:0;box-shadow:-8px 0 28px #0f172a2e}.sensor-detail-drawer-header{color:#fff;background:linear-gradient(90deg,#1e4977 0%,#315f94 100%);justify-content:space-between;align-items:center;gap:15px;min-height:83px;padding:14px 16px;display:flex}.sensor-detail-drawer-header>div{flex-direction:column;min-width:0;display:flex}.sensor-detail-drawer-header>div>span{color:#bfdbfe;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:750}.sensor-detail-drawer-header strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:18px;overflow:hidden}.sensor-detail-drawer-header small{color:#dbeafe;margin-top:3px;font-size:9px}.sensor-detail-drawer-header button{color:#fff;background:#ffffff14;border:1px solid #ffffff40;border-radius:7px;flex:none;place-items:center;width:31px;height:31px;padding:0;font-size:21px;line-height:1;display:grid}.sensor-detail-drawer-header button:hover{background:#ffffff29}.sensor-detail-drawer-content{flex:1;padding:12px;overflow-y:auto}.sensor-drawer-loading{color:#64748b;justify-content:center;align-items:center;gap:9px;min-height:160px;font-size:10px;display:flex}.sensor-drawer-section{background:#fff;border:1px solid #d8e0ea;border-radius:8px;margin-bottom:12px;overflow:hidden}.sensor-drawer-section-title{color:#334155;letter-spacing:.06em;text-transform:uppercase;background:#edf2f7;border-bottom:1px solid #d8e0ea;align-items:center;min-height:35px;padding:0 12px;font-size:9px;font-weight:800;display:flex}.sensor-drawer-fields{flex-direction:column;padding:2px 12px;display:flex}.sensor-drawer-field{border-bottom:1px solid #edf1f5;grid-template-columns:115px minmax(0,1fr);align-items:center;gap:12px;min-height:42px;display:grid}.sensor-drawer-field:last-child{border-bottom:0}.sensor-drawer-field>span{color:#7a8798;text-transform:uppercase;font-size:8px;font-weight:750}.sensor-drawer-field>strong{color:#334155;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-weight:650;overflow:hidden}.sensor-drawer-status{text-transform:uppercase;border-radius:999px;justify-self:end;align-items:center;gap:6px;width:fit-content;padding:4px 8px;display:inline-flex}.sensor-drawer-status i{border-radius:50%;width:6px;height:6px}.sensor-drawer-status-online{background:#dcfce7;color:#15803d!important}.sensor-drawer-status-online i{background:#16a34a}.sensor-drawer-status-offline{background:#fee2e2;color:#b91c1c!important}.sensor-drawer-status-offline i{background:#dc2626}.sensor-drawer-empty{color:#94a3b8;text-align:center;place-items:center;min-height:90px;padding:16px;font-size:10px;display:grid}.sensor-activity{border-bottom:1px solid #edf1f5;grid-template-columns:135px minmax(0,1fr);align-items:center;gap:20px;padding:18px;display:grid}.sensor-activity-radial{--activity-online:0%;background:conic-gradient(#16a34a 0 var(--activity-online), #dc2626 var(--activity-online) 100%);border-radius:50%;place-items:center;width:120px;height:120px;display:grid}.sensor-activity-radial-inner{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:86px;height:86px;display:flex;box-shadow:inset 0 0 0 1px #e2e8f0}.sensor-activity-radial-inner strong{color:#172033;font-size:24px;line-height:1}.sensor-activity-radial-inner span{color:#64748b;text-transform:uppercase;margin-top:5px;font-size:8px;font-weight:700}.sensor-activity-information{flex-direction:column;gap:9px;display:flex}.sensor-activity-information>span{color:#64748b;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:800}.sensor-activity-information>div{grid-template-columns:8px 1fr auto;align-items:center;gap:7px;display:grid}.sensor-activity-information>div>span:not(.sensor-activity-key){color:#64748b;font-size:9px}.sensor-activity-information>div>strong{color:#334155;font-size:10px}.sensor-activity-key{border-radius:50%;width:7px;height:7px}.sensor-activity-key.online{background:#16a34a}.sensor-activity-key.offline{background:#dc2626}.sensor-activity-error{color:#b45309;background:#fffbeb;border-bottom:1px solid #fde68a;padding:8px 12px;font-size:9px}@media (width<=1400px){.sensor-live-card{flex-basis:calc(25% - 6px);width:calc(25% - 6px)}}@media (width<=1200px){.sensor-live-card{flex-basis:calc(33.3333% - 5.33333px);width:calc(33.3333% - 5.33333px)}}@media (width<=1050px){.sensor-pipeline-row{grid-template-columns:170px minmax(0,1fr)}.sensor-live-card{flex-basis:calc(50% - 4px);width:calc(50% - 4px)}}@media (width<=800px){.page-container:has(.sensors-page){padding:12px 10px 18px}.sensors-summary-grid{grid-template-columns:1fr}.sensor-filter-bar{flex-direction:column;align-items:stretch;gap:7px}.sensor-filter-count{text-align:right;padding:0 2px}.sensor-pipeline-row{display:block}.sensor-pipeline-summary{border-bottom:1px solid #d8e0ea;border-right:0;min-height:66px}.sensor-detail-backdrop{top:62px;left:0}.sensor-detail-drawer{width:min(520px,100vw);top:62px}}@media (width<=600px){.sensor-carousel{padding:6px 7px 7px}.sensor-pipeline-summary{padding:10px}.sensor-live-card{flex-basis:100%;width:100%}.sensor-search-field input{padding-right:55px}.sensor-detail-drawer{width:100vw}}@media (width<=420px){.page-container:has(.sensors-page){padding:8px}.sensor-summary-card{min-height:70px;padding:10px}.sensor-total-row{align-items:flex-end}.sensor-status-summary{gap:8px}.sensor-status-item{flex-direction:column;gap:1px}.sensor-region-count{display:none}.sensor-live-footer{grid-template-columns:1fr}.sensor-live-footer>div:last-child{text-align:left}.sensor-activity{grid-template-columns:1fr;justify-items:center}.sensor-activity-information{width:100%}}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f5f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#f3f5f8;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.dashboard-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s;display:grid}.dashboard-shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar{color:#fff;background:#101827;border-right:1px solid #1f2937;flex-direction:column;width:248px;padding:24px 16px;transition:width .18s,padding .18s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar.collapsed{width:76px;padding:24px 10px}.sidebar-header{align-items:flex-start;display:flex;position:relative}.brand,.login-brand{align-items:center;gap:12px;display:flex}.brand{min-width:0;padding:0 8px 28px}.brand-content{white-space:nowrap;min-width:0;transition:opacity .12s,width .18s;overflow:hidden}.sidebar.collapsed .brand{padding-left:9px;padding-right:9px}.sidebar.collapsed .brand-content{opacity:0;pointer-events:none;width:0}.brand-mark{color:#fff;background:#2563eb;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:18px;font-weight:800;display:grid}.brand-mark.large{width:48px;height:48px;font-size:22px}.brand-name{font-size:17px;font-weight:750}.brand-subtitle{color:#94a3b8;margin-top:2px;font-size:12px}.sidebar-toggle{z-index:30;color:#64748b;background:#fff;border:1px solid #d7dee8;border-radius:50%;place-items:center;width:27px;height:27px;padding:0;font-size:20px;line-height:1;transition:color .12s,background .12s,transform .18s;display:grid;position:absolute;top:7px;right:-29px;box-shadow:0 1px 4px #0f172a1f}.sidebar-toggle:hover{color:#1d4ed8;background:#f8fafc}.sidebar-navigation{flex-direction:column;gap:5px;display:flex}.nav-item{color:#aeb8c8;border-radius:8px;align-items:center;gap:12px;min-height:46px;padding:0 12px;text-decoration:none;transition:all .12s;display:flex}.nav-item:hover{color:#fff;background:#192337}.nav-item.active{color:#fff;background:#1f2b42}.nav-icon{color:#64748b;flex:0 0 26px;width:26px;font-size:11px;font-weight:800}.nav-item.active .nav-icon{color:#60a5fa}.nav-label{white-space:nowrap;transition:opacity .12s,width .18s;overflow:hidden}.sidebar.collapsed .nav-item{justify-content:center;gap:0;padding:0}.sidebar.collapsed .nav-icon{text-align:center;flex-basis:auto;width:auto}.sidebar.collapsed .nav-label{opacity:0;pointer-events:none;width:0}.sidebar-footer{margin-top:auto}.user-card{align-items:center;gap:10px;margin-bottom:8px;padding:14px 8px;display:flex}.user-avatar{color:#fff;background:#334155;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.user-card-content{white-space:nowrap;flex-direction:column;min-width:0;transition:opacity .12s,width .18s;display:flex;overflow:hidden}.sidebar.collapsed .user-card{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .user-card-content{opacity:0;pointer-events:none;width:0}.user-card-content strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.user-card-content span{color:#94a3b8;text-transform:capitalize;margin-top:2px;font-size:11px}.primary-button,.secondary-button{border-radius:7px;min-height:40px;padding:0 16px;font-weight:700;transition:all .12s}.primary-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.primary-button:hover{background:#1d4ed8}.primary-button:disabled{cursor:not-allowed;opacity:.6}.secondary-button{color:#334155;background:#fff;border:1px solid #d7dee8}.secondary-button:hover{background:#f8fafc;border-color:#c1cad7}.full-width{width:100%}.sidebar .secondary-button{color:#cbd5e1;background:0 0;border-color:#334155}.sidebar .secondary-button:hover{color:#fff;background:#192337}.sidebar-signout-short{display:none}.sidebar.collapsed .sidebar-signout{width:100%;padding:0}.sidebar.collapsed .sidebar-signout-short{font-size:16px;display:inline}.sidebar.collapsed .sidebar-signout-label{display:none}.dashboard-main{grid-column:2;min-width:0}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:74px;padding:0 30px;display:flex;position:sticky;top:0}.topbar-title{font-size:14px;font-weight:750}.topbar-subtitle{color:#7b8798;margin-top:3px;font-size:11px}.topbar-status{color:#475569;align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #dcfce7}.page-container{max-width:1500px;margin:0 auto;padding:30px}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-heading h1{color:#111827;margin:3px 0 5px;font-size:28px;line-height:1.2}.page-heading p,.panel-heading p,.node-detail-header p{color:#7a8798;margin:0;font-size:13px;line-height:1.5}.eyebrow{color:#2563eb;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:800}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.metric-card,.panel{background:#fff;border:1px solid #e0e6ee;box-shadow:0 1px 2px #0f172a06}.metric-card{border-radius:9px;min-height:135px;padding:19px 20px}.metric-card>span{color:#64748b;font-size:12px;font-weight:650;display:block}.metric-card strong{color:#111827;margin:10px 0 7px;font-size:31px;line-height:1;display:block}.metric-card small{color:#94a3b8;font-size:11px}.panel{border-radius:9px;padding:21px}.panel-heading,.node-detail-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:19px;display:flex}.panel-heading h2,.node-detail-header h2{color:#1e293b;margin:0 0 4px;font-size:16px}.overview-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.health-badge,.event-badge{text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:inline-flex}.health-badge{min-height:26px;padding:0 10px}.health-badge.healthy{color:#15803d;background:#dcfce7}.health-badge.unhealthy{color:#b91c1c;background:#fee2e2}.detail-list{border-top:1px solid #edf1f5}.detail-list>div{border-bottom:1px solid #edf1f5;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px;min-height:51px;display:grid}.detail-list span{color:#7a8798;font-size:11px}.detail-list strong{overflow-wrap:anywhere;color:#334155;text-align:right;min-width:0;font-size:12px}.client-summary-list{flex-direction:column;display:flex}.client-summary{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:16px;min-height:59px;display:flex}.client-summary:last-child{border-bottom:0}.client-summary>div:first-child{flex-direction:column;display:flex}.client-summary strong{color:#27364b;font-size:13px}.client-summary span{color:#8b97a7;margin-top:3px;font-size:11px}.client-summary-metrics{gap:12px;display:flex}.client-summary-metrics span{background:#f5f7fa;border-radius:5px;margin:0;padding:5px 8px}.events-panel{margin-top:16px}.event-list{flex-direction:column;display:flex}.event-row{border-top:1px solid #edf1f5;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:66px;display:grid}.severity-indicator{background:#94a3b8;border-radius:50%;width:7px;height:7px}.severity-history{background:#64748b}.severity-ongoing{background:#ef4444}.severity-release{background:#22c55e}.event-main,.event-meta{flex-direction:column;display:flex}.event-main strong{color:#334155;font-size:12px}.event-main span,.event-meta span,.event-meta time{color:#8b97a7;margin-top:4px;font-size:10px}.event-meta{text-align:right}.hierarchy-layout{grid-template-columns:minmax(330px,.85fr) minmax(420px,1.15fr);gap:16px;display:grid}.hierarchy-navigation-panel,.node-detail-panel{min-height:630px}.hierarchy-tree details{margin:0}.hierarchy-tree summary{cursor:pointer;color:#344258;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;min-height:41px;font-size:12px;list-style:none;display:flex}.hierarchy-tree summary::-webkit-details-marker{display:none}.hierarchy-tree summary:after{content:"›";color:#9aa6b5;order:-1;width:10px;transition:all .1s;transform:rotate(0)}.hierarchy-tree details[open]>summary:after{transform:rotate(90deg)}.tree-symbol{border-radius:5px;place-items:center;width:21px;height:21px;font-size:9px;font-weight:800;display:grid}.client-symbol{color:#1d4ed8;background:#dbeafe}.region-symbol{color:#7e22ce;background:#f3e8ff}.pipeline-symbol{color:#0f766e;background:#ccfbf1}.tree-count{color:#64748b;text-align:center;background:#f1f5f9;border-radius:999px;min-width:22px;margin-left:auto;padding:2px 6px;font-size:9px}.tree-children{border-left:1px solid #e3e8ef;padding-left:19px}.tree-node-list{flex-direction:column;gap:3px;padding:3px 0 8px 20px;display:flex}.tree-node{color:#475569;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:15px;min-height:44px;padding:6px 9px;display:flex}.tree-node:hover{background:#f5f7fa}.tree-node.selected{background:#eff6ff;border-color:#bfdbfe}.tree-node>span:first-child{flex-direction:column;display:flex}.tree-node strong{font-size:11px}.tree-node small{color:#94a3b8;margin-top:2px;font-size:9px}.tree-node-value{color:#334155;text-align:right;font-size:10px;font-weight:700}.node-value-card{background:#f7f9fc;border:1px solid #e7ecf2;border-radius:8px;margin-bottom:20px;padding:25px}.node-value-card>span{color:#7a8798;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.node-value-card strong{color:#172033;font-size:30px}.node-value-card small{color:#64748b;font-size:14px}.monospace{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.event-toolbar{align-items:center;gap:14px;margin-bottom:16px;display:flex}.event-toolbar input,.login-form input{color:#334155;background:#fff;border:1px solid #d8e0ea;border-radius:7px;outline:none;width:100%;height:42px;padding:0 12px}.event-toolbar input:focus,.login-form input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #dbeafe}.event-toolbar span{color:#8b97a7;flex:none;font-size:11px}.event-table{overflow-x:auto}.event-table-header,.event-table-row{grid-template-columns:100px 130px 130px 140px minmax(220px,1fr) 165px;align-items:center;gap:12px;min-width:900px;display:grid}.event-table-header{color:#8b97a7;text-transform:uppercase;border-bottom:1px solid #dde4ec;min-height:38px;font-size:10px;font-weight:750}.event-table-row{color:#475569;border-bottom:1px solid #edf1f5;min-height:57px;font-size:11px}.event-badge{background:#eef2f7;min-height:22px;padding:0 8px}.event-badge.severity-ongoing{color:#b91c1c;background:#fee2e2}.event-badge.severity-release{color:#15803d;background:#dcfce7}.event-badge.severity-history{color:#475569;background:#e2e8f0}.role-list,.permission-list{flex-wrap:wrap;gap:6px;display:flex}.role-chip,.permission-chip{color:#475569;background:#eef2f7;border-radius:6px;align-items:center;min-height:26px;padding:0 9px;font-size:10px;font-weight:700;display:inline-flex}.permission-chip.effective{color:#1d4ed8;background:#dbeafe}.permissions-table{overflow-x:auto}.permissions-header,.permissions-row{grid-template-columns:180px minmax(250px,1fr) minmax(250px,1fr);gap:16px;min-width:780px;display:grid}.permissions-header{color:#8b97a7;text-transform:uppercase;padding:0 0 10px;font-size:10px;font-weight:750}.permissions-row{border-top:1px solid #edf1f5;align-items:center;min-height:65px}.permissions-row>strong{color:#334155;font-size:12px}.capitalize{text-transform:capitalize}.login-page{background:#fff;grid-template-columns:minmax(420px,.8fr) minmax(500px,1.2fr);min-height:100vh;display:grid}.login-panel{flex-direction:column;justify-content:center;padding:70px max(50px,9vw);display:flex}.login-product{color:#172033;font-size:18px;font-weight:800}.login-product-subtitle{color:#8290a3;margin-top:3px;font-size:11px}.login-copy{margin:55px 0 27px}.login-copy h1{color:#111827;margin:0 0 8px;font-size:29px}.login-copy p{color:#7a8798;margin:0;font-size:13px}.login-form{flex-direction:column;gap:17px;display:flex}.login-form label{color:#475569;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.login-form .primary-button{margin-top:4px}.form-error,.alert{border-radius:7px;padding:11px 13px;font-size:11px}.form-error,.error-alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert{margin-bottom:16px}.login-visual{color:#fff;background:linear-gradient(145deg,#111827 0%,#172554 100%);align-items:center;padding:70px;display:flex}.login-visual-content{max-width:620px}.login-visual .eyebrow{color:#93c5fd}.login-visual h2{max-width:560px;margin:16px 0 40px;font-size:clamp(30px,4vw,52px);line-height:1.05}.login-flow{grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px;display:grid}.login-flow span{color:#cbd5e1;text-align:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:7px;padding:15px 13px;font-size:11px}.page-state,.empty-state{color:#8b97a7;text-align:center;padding:24px;font-size:12px}.empty-state.large{place-items:center;min-height:400px;display:grid}.app-loading{color:#64748b;background:#f4f6f9;justify-content:center;align-items:center;gap:12px;min-height:100vh;font-size:12px;display:flex}.spinner{border:2px solid #d7dee8;border-top-color:#2563eb;border-radius:50%;width:19px;height:19px;animation:.7s linear infinite spin}.muted{color:#94a3b8;font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1050px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hierarchy-layout{grid-template-columns:1fr}.hierarchy-navigation-panel,.node-detail-panel{min-height:auto}}@media (width<=800px){.dashboard-shell,.dashboard-shell.sidebar-collapsed{display:block}.sidebar,.sidebar.collapsed{width:100%;height:auto;padding:12px;position:static}.sidebar-header{display:block}.brand,.sidebar.collapsed .brand{padding:4px 5px 12px}.sidebar.collapsed .brand-content{opacity:1;pointer-events:auto;width:auto}.sidebar-toggle{display:none}.sidebar-navigation{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.nav-item,.sidebar.collapsed .nav-item{justify-content:center;padding:0 6px;font-size:10px}.nav-icon,.sidebar.collapsed .nav-icon{display:none}.nav-label,.sidebar.collapsed .nav-label{opacity:1;pointer-events:auto;width:auto}.sidebar-footer{display:none}.dashboard-main{width:100%}.topbar{height:62px;padding:0 18px}.page-container{padding:20px 15px}.overview-grid,.settings-grid{grid-template-columns:1fr}.login-page{display:block}.login-panel{min-height:100vh;padding:40px 25px}.login-visual{display:none}}@media (width<=520px){.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{min-height:112px;padding:15px}.metric-card strong{font-size:26px}.page-heading{align-items:flex-end}.page-heading h1{font-size:24px}.topbar-subtitle,.topbar-status span:last-child{display:none}.panel{padding:16px}.detail-list>div{grid-template-columns:110px minmax(0,1fr)}.sidebar-navigation{gap:3px}}:root{--cloud-ink:#19324e;--cloud-blue:#245a90;--cloud-blue-deep:#163f6d;--cloud-accent:#2584c5;--cloud-bg:#f6f9fc;--cloud-muted:#71849a;--cloud-border:#e5ebf2;--cloud-hover:#edf5fc;--cloud-shadow:0 9px 35px #1a41690b;color:#213850;background:var(--cloud-bg)}body{color:var(--cloud-ink)}button,input,select,textarea{font-family:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cloud-accent);outline-offset:3px}::selection{color:var(--cloud-blue-deep);background:#d4ebfb}.cloud-shell{background:var(--cloud-bg);grid-template-columns:248px minmax(0,1fr)}.cloud-shell .sidebar{color:var(--cloud-ink);border-right:1px solid var(--cloud-border);z-index:22;background:#fff;padding:23px 14px 17px;box-shadow:2px 0 18px #214a7406}.cloud-shell .sidebar-header{border-bottom:1px solid #edf2f7;margin:0 5px 22px;padding-bottom:19px;display:block}.cloud-shell .cloud-brand{flex-direction:column;align-items:flex-start;gap:0;width:100%;min-height:65px;padding:0 7px;text-decoration:none;display:flex}.cloud-brand-logo{object-fit:contain;object-position:left center;width:170px;max-width:100%;height:62px;display:block}.cloud-brand-mark{object-fit:contain;width:38px;height:42px;display:none}.cloud-brand-product{color:var(--cloud-blue);letter-spacing:.36em;margin:-5px 0 0 44px;font-size:10px;font-weight:800}.cloud-shell .sidebar-toggle{color:var(--cloud-blue);border:1px solid #e2ebf4;top:13px;right:-27px;box-shadow:0 3px 15px #1c466e17}.cloud-nav-caption{color:#9cabb9;letter-spacing:.17em;margin:0 14px 11px;font-size:10px;font-weight:800}.cloud-shell .sidebar-navigation{gap:5px}.cloud-shell .nav-item{color:#63778d;border:1px solid #0000;border-radius:11px;gap:13px;min-height:45px;padding:0 13px;font-size:13px;font-weight:600}.cloud-shell .nav-item.active{color:var(--cloud-blue-deep);background:#eaf4fb;border-color:#dcebf8;font-weight:750}.cloud-shell .nav-icon{color:#8d9fb2;flex:0 0 20px;width:20px;display:flex}.cloud-shell .nav-icon svg{width:20px;height:20px}.cloud-shell .nav-item.active .nav-icon{color:var(--cloud-accent)}.cloud-shell .sidebar-footer{border-top:1px solid #edf2f7;padding-top:12px}.cloud-sidebar-signature{color:#93a4b5;align-items:center;gap:8px;padding:0 9px 9px;font-size:10px;display:flex}.cloud-sidebar-signature img{object-fit:contain;width:19px;height:23px}.cloud-shell .user-card{margin:0 0 6px;padding:9px}.cloud-shell .sidebar .secondary-button{color:#607890;background:#fff;border-color:#e4ebf2;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:37px;font-size:12px;display:flex}.cloud-shell .sidebar-signout svg{width:17px;height:17px}.cloud-shell .topbar{border-color:var(--cloud-border);background:#fffffff0;height:80px;padding:0 clamp(20px,3vw,42px)}.cloud-breadcrumb{color:#91a0b0;letter-spacing:.025em;margin-bottom:4px;font-size:10px;font-weight:650;display:block}.cloud-breadcrumb span{color:#c0ccd8;padding:0 6px}.cloud-shell .topbar-title{color:var(--cloud-ink);letter-spacing:-.035em;font-size:20px;font-weight:750;line-height:1.2}.cloud-shell .topbar-subtitle{color:var(--cloud-muted);margin-top:3px;font-size:11px}.cloud-topbar-right{align-items:center;gap:21px;display:flex}.cloud-topbar-right>img{object-fit:contain;opacity:.84;width:28px;height:36px;display:block}.cloud-workspace-pill{color:#6b839c;background:#fafcfe;border:1px solid #e4edf4;border-radius:100px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.cloud-workspace-dot{background:#77b9d7;border-radius:50%;width:7px;height:7px}.cloud-shell .page-container{isolation:isolate;flex-direction:column;width:100%;max-width:1680px;min-height:calc(100vh - 80px);padding:29px clamp(18px,3vw,42px) 22px;display:flex;position:relative}.cloud-shell .page-container:before{content:"";opacity:.025;z-index:-1;pointer-events:none;background:url(/vanmok-wordmark.webp) 50%/contain no-repeat;width:min(31vw,430px);height:155px;position:fixed;bottom:2vh;right:2vw}.cloud-page-content{flex:1;width:100%;min-width:0}.cloud-page-footer{color:#a1b0be;border-top:1px solid #e7edf4;align-items:center;gap:8px;margin-top:30px;padding:18px 4px 1px;font-size:10px;font-weight:550;display:flex}.cloud-page-footer img{object-fit:contain;opacity:.7;width:14px;height:20px}.cloud-page-footer span:nth-child(2){color:#64839e;font-weight:750}.cloud-footer-divider{color:#c0cbd8}.cloud-shell .page-heading h1,.cloud-shell .access-management-heading h1,.cloud-shell .sensor-map-heading h1{color:var(--cloud-ink);letter-spacing:-.035em}.cloud-shell :is(.page-heading p,.panel-heading p,.gateway-section-header,.access-management-heading p){color:var(--cloud-muted)}.cloud-shell :is(.metric-card,.panel,.sensor-summary-card,.gateway-summary-card,.gateway-browser,.gateway-workspace,.gateway-detail-card,.access-admin-panel,.pipeline-workspace,.pipeline-location-panel,.sensor-map-workspace,.sensor-live-card){border-color:var(--cloud-border);box-shadow:var(--cloud-shadow);border-radius:14px}.cloud-shell :is(.metric-card,.gateway-summary-card,.sensor-summary-card){border-top:2px solid #d5e9f7}.cloud-shell :is(.primary-button,.gateway-detail-tabs button.active,.plc-detail-tabs button.active){background-color:var(--cloud-blue);border-color:var(--cloud-blue)}.cloud-shell .primary-button:hover{background-color:var(--cloud-blue-deep);border-color:var(--cloud-blue-deep)}.cloud-shell :is(.eyebrow,.access-total){color:var(--cloud-blue)}.cloud-shell :is(.gateway-list-item.selected,.access-client-item.selected,.tree-node.selected){color:var(--cloud-blue-deep);background:#edf6fc;border-color:#cbe3f5}.cloud-shell :is(.gateway-list-item:hover,.access-client-item:hover,.tree-node:hover){background:#f3f8fc}.cloud-shell :is(.gateway-filter-bar,.sensor-filter-bar,.events-filters,.pipeline-events-toolbar,.pipeline-history-toolbar){border-color:var(--cloud-border)}.cloud-shell input:focus,.cloud-shell select:focus,.cloud-shell textarea:focus{border-color:#7bb6dd}.cloud-shell :is(.gateway-summary-card strong,.sensor-summary-card strong,.metric-card strong){color:var(--cloud-ink)}.cloud-shell :is(.gateway-detail-tabs,.plc-detail-tabs,.pipeline-tabs){border-color:var(--cloud-border)}.cloud-shell :is(.events-table-header,.gateway-connections-header,.plc-channel-table-header,.access-table th){color:#70869d}.cloud-shell :is(.gateway-list,.events-table-container,.gateway-connections-table,.access-table-scroll){scrollbar-color:#d2dfe9 transparent}.cloud-shell .spinner{border-top-color:var(--cloud-blue)}.cloud-shell.sidebar-collapsed .cloud-brand{justify-content:center;align-items:center;min-height:52px;padding:0}.cloud-shell.sidebar-collapsed .cloud-brand-logo,.cloud-shell.sidebar-collapsed .cloud-brand-product,.cloud-shell.sidebar-collapsed .cloud-nav-caption,.cloud-shell.sidebar-collapsed .cloud-sidebar-signature{display:none}.cloud-shell.sidebar-collapsed .cloud-brand-mark{display:block}.cloud-shell.sidebar-collapsed .sidebar-header{margin:0 0 18px}.cloud-shell.sidebar-collapsed .nav-item{justify-content:center;padding:0}.cloud-shell.sidebar-collapsed .nav-icon{flex-basis:20px;width:20px}.cloud-shell.sidebar-collapsed .nav-label{display:none}.cloud-shell.sidebar-collapsed .user-card{justify-content:center}.cloud-shell.sidebar-collapsed .sidebar-signout{padding:0}.cloud-shell.sidebar-collapsed .sidebar-signout-label{display:none}.cloud-shell .page-container:has(.events-page){height:calc(100dvh - 80px);min-height:0;padding:14px clamp(14px,2vw,28px);overflow:hidden}.cloud-shell .page-container:has(.events-page) .cloud-page-content{flex:1;min-height:0;display:flex}.cloud-shell .page-container:has(.events-page) .events-page{flex:1;min-height:0}.cloud-shell .page-container:has(.events-page) .cloud-page-footer{display:none}.cloud-shell .events-filters{background:var(--cloud-bg)}.cloud-shell .events-table-header{background:var(--cloud-blue-deep);color:#fff}.cloud-shell .events-table-header span{color:#fff}.cloud-access-page{background:#fff}.cloud-access-page .access-form-side{padding-top:47px}.cloud-access-page .access-form-wrap{width:min(100%,420px)}.cloud-access-brand{flex-direction:column;align-items:flex-start;gap:0;display:flex}.cloud-access-brand img{object-fit:contain;object-position:left;width:206px;height:77px;display:block}.cloud-access-brand span{color:var(--cloud-blue);letter-spacing:.37em;margin:-9px 0 0 53px;font-size:11px;font-weight:850;display:block}.cloud-access-page .access-heading{margin-top:clamp(42px,9vh,96px)}.cloud-access-page .access-heading h1{color:var(--cloud-ink);font-weight:730}.cloud-access-page .access-heading p{max-width:365px}.cloud-access-page .access-eyebrow{color:var(--cloud-accent)}.cloud-access-page .access-switch{background:#f0f5f9;border-radius:12px}.cloud-access-page .access-switch button.active{color:var(--cloud-blue);border-radius:9px}.cloud-access-page .access-form input:focus{border-color:#72b0d7;box-shadow:0 0 0 3px #d9eefb}.cloud-access-page .access-submit{border-color:var(--cloud-blue);background:var(--cloud-blue);box-shadow:0 8px 20px #1e609b1e}.cloud-access-page .access-submit:hover:not(:disabled){background:var(--cloud-blue-deep)}.cloud-access-page .access-password button,.cloud-access-page .access-secondary button{color:var(--cloud-blue)}.cloud-access-page .access-visual{background:linear-gradient(145deg,#12395f 0%,#102f50 52%,#1e5f88 100%)}.cloud-access-page .access-visual:before{opacity:.14;background-image:linear-gradient(#ffffff25 1px,#0000 1px),linear-gradient(90deg,#ffffff25 1px,#0000 1px);background-size:74px 74px}.cloud-access-page .access-visual:after{border-color:#8ac6e026;box-shadow:0 0 0 100px #ffffff05,0 0 0 200px #ffffff04}.cloud-access-page .access-visual-overlay{padding-top:44px}.cloud-access-page .access-visual-main h2{letter-spacing:-.05em;font-weight:700}.cloud-access-page .access-label{color:#98d3f5}.cloud-access-page .access-network{border-color:#ffffff25}.cloud-access-page .access-network i{background:#8fd1a7;box-shadow:0 0 0 4px #8fd1a71c}.cloud-access-mark{object-fit:contain;filter:brightness(0)invert();opacity:.9;width:31px;height:36px}@media (width<=900px){.cloud-shell .sidebar-navigation{flex-wrap:nowrap;gap:4px;display:flex;overflow-x:auto}.cloud-shell .nav-icon{display:flex}.cloud-shell .nav-label{opacity:1;width:auto;display:block}.cloud-shell .sidebar,.cloud-shell .sidebar.collapsed{width:100%;padding:12px 15px;position:static}.cloud-shell .sidebar-header{border-bottom:0;margin:0 0 9px;padding:0}.cloud-shell .cloud-brand{flex-direction:row;align-items:center;gap:8px;min-height:48px}.cloud-shell .cloud-brand-logo{width:126px;height:47px}.cloud-shell .cloud-brand-product{margin:0;font-size:9px}.cloud-shell .cloud-nav-caption,.cloud-shell .sidebar-footer,.cloud-shell .sidebar-toggle{display:none}.cloud-shell .nav-item{flex:none;min-height:39px;padding:0 12px;font-size:12px}.cloud-shell.sidebar-collapsed .cloud-brand-logo,.cloud-shell.sidebar-collapsed .cloud-brand-product{display:block}.cloud-shell.sidebar-collapsed .cloud-brand-mark{display:none}.cloud-shell.sidebar-collapsed .nav-item{padding:0 12px}.cloud-shell.sidebar-collapsed .nav-label{width:auto;display:block}.cloud-shell .page-container{min-height:calc(100vh - 180px)}.cloud-shell .page-container:has(.events-page){height:calc(100dvh - 180px)}}@media (width<=600px){.cloud-shell .topbar{height:70px;padding:0 17px}.cloud-shell .topbar-title{font-size:18px}.cloud-shell .page-container{padding:17px 13px}.cloud-topbar-right>img{display:none}.cloud-workspace-pill{padding:6px 9px;font-size:10px}.cloud-page-footer{flex-wrap:wrap;gap:5px}}@media (prefers-reduced-motion:reduce){.cloud-shell *,.cloud-access-page *{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--cloud-bg:#f5f7f9;--cloud-surface:#fff;--cloud-surface-muted:#f0f3f6;--cloud-ink:#304357;--cloud-muted:#697d90;--cloud-blue:#4a7094;--cloud-blue-deep:#365d82;--cloud-accent:#628daf;--cloud-border:#e1e7ed;--cloud-hover:#edf2f6;--cloud-shadow:0 2px 12px #1b2e3e06;--cloud-header-height:72px;--cloud-mobile-nav-height:0px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--cloud-bg:#151e28;--cloud-surface:#1e2a36;--cloud-surface-muted:#253340;--cloud-ink:#dde5ec;--cloud-muted:#abb9c7;--cloud-blue:#93b3cd;--cloud-blue-deep:#b3cbe0;--cloud-accent:#9ec0d7;--cloud-border:#354453;--cloud-hover:#2a3a48;--cloud-shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{background:var(--cloud-bg)}.cloud-shell{color:var(--cloud-ink);background:var(--cloud-bg);grid-template-columns:224px minmax(0,1fr)}.cloud-shell.sidebar-collapsed{grid-template-columns:68px minmax(0,1fr)}.cloud-shell .sidebar{background:var(--cloud-surface);width:224px;color:var(--cloud-ink);border-color:var(--cloud-border);padding:17px 12px 13px}.cloud-shell .sidebar.collapsed{width:68px;padding:17px 7px 13px}.cloud-shell .sidebar-header{border-color:var(--cloud-border);margin-bottom:16px;padding-bottom:13px}.cloud-shell .cloud-brand{min-height:60px}.cloud-shell .cloud-brand-logo{width:168px;height:59px}.cloud-shell .cloud-brand-mark{object-fit:contain;width:46px;height:46px}.cloud-shell .nav-item{color:var(--cloud-muted)}.cloud-shell .nav-item:hover{color:var(--cloud-ink);background:var(--cloud-hover)}.cloud-shell .nav-item.active{color:var(--cloud-blue-deep);background:var(--cloud-hover);border-color:var(--cloud-border)}.cloud-shell .nav-icon,.cloud-shell .nav-item.active .nav-icon{color:var(--cloud-blue)}.cloud-shell .sidebar-footer{border-color:var(--cloud-border)}.cloud-shell .cloud-nav-caption,.cloud-shell .cloud-theme-label{color:var(--cloud-muted)}.cloud-shell .sidebar-toggle{border-color:var(--cloud-border);background:var(--cloud-surface);color:var(--cloud-muted)}.cloud-shell .sidebar-toggle:hover{color:var(--cloud-ink);background:var(--cloud-hover)}.cloud-shell .topbar{height:var(--cloud-header-height);background:var(--cloud-surface);border-color:var(--cloud-border);padding-inline:clamp(14px,1.5vw,26px)}.cloud-shell .topbar-title{color:var(--cloud-ink);font-size:19px}.cloud-shell .topbar-subtitle,.cloud-shell .cloud-breadcrumb{color:var(--cloud-muted)}.cloud-shell .cloud-workspace-pill{color:var(--cloud-muted);background:var(--cloud-surface-muted);border-color:var(--cloud-border)}.cloud-shell .cloud-workspace-dot{background:#7eab9c}.cloud-shell .dashboard-main{min-width:0}.cloud-shell .page-container{width:100%;min-width:0;max-width:none;min-height:calc(100dvh - var(--cloud-header-height));margin:0;padding:clamp(10px,1.15vw,20px)}.cloud-shell .cloud-page-content{width:100%;min-width:0}.cloud-shell .cloud-page-footer{color:var(--cloud-muted);border-color:var(--cloud-border)}.cloud-shell .cloud-page-footer span:nth-child(2){color:var(--cloud-blue)}.cloud-shell .page-container:before{opacity:.017}.cloud-theme-label{letter-spacing:.14em;margin:0 9px 7px;font-size:9px;font-weight:750}.cloud-theme-selector{border:1px solid var(--cloud-border);background:var(--cloud-surface-muted);border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin:0 5px 12px;padding:3px;display:grid}.cloud-theme-selector button{min-width:0;min-height:34px;color:var(--cloud-muted);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 5px;font-size:11px;font-weight:650;display:flex}.cloud-theme-selector button:hover{color:var(--cloud-ink);background:var(--cloud-hover)}.cloud-theme-selector button.selected{color:var(--cloud-blue-deep);border-color:var(--cloud-border);background:var(--cloud-surface);box-shadow:0 1px 3px #192d3c12}.cloud-theme-selector svg{flex:none;width:17px;height:17px}.cloud-mobile-theme{display:none}.cloud-shell .cloud-sidebar-signature{color:var(--cloud-muted)}.cloud-shell .user-avatar{color:var(--cloud-blue-deep);background:var(--cloud-surface-muted)}.cloud-shell .user-card-content strong{color:var(--cloud-ink)}.cloud-shell .user-card-content span{color:var(--cloud-muted)}.cloud-shell .sidebar .secondary-button{color:var(--cloud-muted);background:var(--cloud-surface);border-color:var(--cloud-border)}.cloud-shell .sidebar .secondary-button:hover{color:var(--cloud-ink);background:var(--cloud-hover)}.cloud-shell.sidebar-collapsed .cloud-theme-label{display:none}.cloud-shell.sidebar-collapsed .cloud-theme-selector{gap:2px;margin:0 0 12px;padding:2px}.cloud-shell.sidebar-collapsed .cloud-theme-selector button{min-height:34px;padding:0 2px}.cloud-shell.sidebar-collapsed .cloud-theme-selector span{display:none}.cloud-shell.sidebar-collapsed .cloud-brand{min-height:52px}.cloud-shell.sidebar-collapsed .cloud-brand-mark{width:43px;height:43px}.cloud-shell .page-container:has(:is(.events-page,.gateways-page,.pipelines-page,.sensor-map-page)){height:calc(100dvh - var(--cloud-header-height));min-height:0;padding:clamp(8px,.8vw,14px);overflow:hidden}.cloud-shell .page-container:has(:is(.events-page,.gateways-page,.pipelines-page,.sensor-map-page)) .cloud-page-content{flex-direction:column;height:100%;min-height:0;display:flex}.cloud-shell .page-container:has(:is(.events-page,.gateways-page,.pipelines-page,.sensor-map-page)) .cloud-page-footer{display:none}.cloud-shell .page-container:has(:is(.events-page,.gateways-page,.pipelines-page,.sensor-map-page)) :is(.events-page,.gateways-page,.pipelines-page,.sensor-map-page){flex:auto;width:100%;min-height:0}:is(.cloud-shell .page-container:has(.sensors-page),.cloud-shell .page-container:has(.sensor-detail-page),.cloud-shell .page-container:has(.access-management)){width:100%;max-width:none}.cloud-shell :is(.pipelines-layout,.sensor-map-layout,.gateways-layout){width:100%;min-width:0}.cloud-shell .pipelines-layout,.cloud-shell .sensor-map-layout{grid-template-columns:clamp(235px,18vw,310px) minmax(0,1fr)}.cloud-shell .gateways-layout{grid-template-columns:clamp(220px,17vw,305px) minmax(0,1fr)}.cloud-shell :is(.gateway-summary-grid,.sensors-summary-grid,.metric-grid){gap:clamp(8px,.8vw,14px)}.cloud-shell :is(.metric-card,.panel,.sensor-summary-card,.gateway-summary-card,.gateway-browser,.gateway-workspace,.gateway-detail-card,.access-admin-panel,.pipeline-workspace,.pipeline-location-panel,.sensor-map-workspace,.sensor-live-card,.pipeline-browser){border-color:var(--cloud-border);box-shadow:var(--cloud-shadow)}.cloud-shell :is(.metric-card,.gateway-summary-card,.sensor-summary-card){border-top-color:var(--cloud-border)}.cloud-shell :is(.pipeline-browser-heading,.gateway-browser-header,.sensor-region-header,.events-table-header,.plc-monitoring-summary-header){background:var(--cloud-blue-deep)}.cloud-shell :is(.primary-button,.access-submit){background-color:#4a7094;border-color:#4a7094}.cloud-shell :is(.primary-button,.access-submit):hover:not(:disabled){background-color:#365d82;border-color:#365d82}.cloud-shell :is(input,select,textarea){accent-color:var(--cloud-blue)}.cloud-shell :is(.events-table-container,.gateway-list,.gateway-connections-table,.access-table-scroll,.pipeline-browser){scrollbar-width:thin;scrollbar-color:#a9b6c3 transparent}html[data-theme=dark] .cloud-shell,html[data-theme=dark] .cloud-shell .dashboard-main,html[data-theme=dark] .cloud-shell .page-container{color:var(--cloud-ink);background:var(--cloud-bg)}html[data-theme=dark] .cloud-shell .topbar,html[data-theme=dark] .cloud-shell .sidebar{background:var(--cloud-surface)}html[data-theme=dark] .cloud-shell .cloud-brand-logo{filter:brightness(1.4)saturate(.9)}html[data-theme=dark] .cloud-shell :is(.metric-card,.panel,.sensors-summary-card,.sensor-summary-card,.sensor-live-card,.sensor-card,.sensor-region-card,.sensor-pipeline-summary,.sensor-filter-bar,.sensor-region-content,.sensor-detail-page,.sensor-detail-card,.sensor-detail-drawer,.sensor-map-workspace,.sensor-map-browser,.sensor-map-all,.sensor-map-metrics>div,.gateway-summary-card,.gateway-filter-bar,.gateway-browser,.gateway-workspace,.gateway-detail-card,.gateway-connections-table,.gateway-list,.pipeline-browser,.pipeline-workspace,.pipeline-location-panel,.pipeline-sensor-card,.pipeline-history,.pipeline-events,.pipeline-history-series,.pipeline-history-charts,.pipeline-events-table,.plc-channel-table,.events-table-container,.events-table-row,.access-admin-panel,.access-client-sidebar,.access-table-scroll){background:var(--cloud-surface);border-color:var(--cloud-border);color:var(--cloud-ink);box-shadow:none}html[data-theme=dark] .cloud-shell :is(.gateway-list-item:hover,.gateway-list-item.selected,.pipeline-tree-item:hover,.pipeline-tree-item.selected,.sensor-map-all.selected,.sensor-map-region-row.selected,.access-client-item:hover,.access-client-item.selected,.tree-node:hover,.tree-node.selected,.events-table-row:hover){background:var(--cloud-hover);color:var(--cloud-ink);border-color:var(--cloud-border)}html[data-theme=dark] .cloud-shell :is(.gateway-detail-tabs,.plc-detail-tabs,.pipeline-tabs,.gateway-connections-header,.plc-channel-table-header,.pipeline-section-heading,.sensor-map-header,.sensor-detail-section-header,.access-table th,.access-table td,.events-table-row){border-color:var(--cloud-border)}html[data-theme=dark] .cloud-shell :is(.gateway-list-item,.pipeline-tree-item,.sensor-map-region-focus,.sensor-map-all,.access-client-item,.event-row,.events-table-row),html[data-theme=dark] .cloud-shell :is(.page-heading h1,.access-management-heading h1,.sensor-map-heading h1,.panel-heading h2,.node-detail-header h2,.gateway-detail-header h2,.pipeline-title h1,.sensor-map-popup-heading strong,.access-admin-panel-heading h2,.access-client-title h2,.pipeline-browser strong,.gateway-summary-card strong,.sensor-summary-card strong,.metric-card strong,.sensor-map-metrics strong,.access-table td strong){color:var(--cloud-ink)}html[data-theme=dark] .cloud-shell :is(.gateway-section-header,.gateway-list-item span,.gateway-connections-table span,.plc-channel-table-header span,.pipeline-sensor-card span,.sensor-map-heading small,.events-table-row>span,.events-table-row>div,.access-table td,.access-admin-panel p,.access-form label,.sensor-detail-page label,.pipeline-browser span){color:var(--cloud-muted)}html[data-theme=dark] .cloud-shell :is(.gateway-filter-bar input,.sensor-filter-bar input,.pipeline-browser-search input,.events-filter input,.events-filter select,.access-form input,.access-user-toolbar input,input:not([type=checkbox]),select,textarea){color:var(--cloud-ink);background:var(--cloud-surface-muted);border-color:var(--cloud-border)}html[data-theme=dark] .cloud-shell :is(input,textarea)::placeholder{color:#9aabba;opacity:1}html[data-theme=dark] .cloud-shell :is(.gateway-detail-card,.sensor-map-metrics>div,.sensor-pipeline-summary,.access-admin-note,.role-chip,.permission-chip,.client-summary-metrics span,.node-value-card){background:var(--cloud-surface-muted)}html[data-theme=dark] .cloud-shell :is(.events-filters,.pipeline-history-toolbar,.pipeline-events-toolbar,.sensor-filter-bar){background:var(--cloud-bg)}html[data-theme=dark] .cloud-shell .events-table-header{color:#e5edf5;background:#304b64}html[data-theme=dark] .cloud-shell .events-table-header span{color:#e5edf5;border-color:#415e77}html[data-theme=dark] .cloud-shell :is(.pipeline-browser-heading,.gateway-browser-header,.sensor-region-header){color:#edf3f8;background:#304b64}html[data-theme=dark] .cloud-shell .gateway-list{background:var(--cloud-surface)}html[data-theme=dark] .cloud-shell :is(.gateway-detail-tabs button,.plc-detail-tabs button,.pipeline-tabs button){color:var(--cloud-muted);background:0 0}html[data-theme=dark] .cloud-shell :is(.gateway-detail-tabs button.active,.plc-detail-tabs button.active,.pipeline-tabs button.active){color:#edf4f9;background:#416783;border-color:#416783}html[data-theme=dark] .cloud-shell :is(.recharts-cartesian-axis-tick text,.recharts-label,.recharts-legend-item-text,.recharts-text){fill:#b3c1ce!important;color:#b3c1ce!important}html[data-theme=dark] .cloud-shell :is(.recharts-cartesian-grid line,.recharts-cartesian-axis line,.recharts-cartesian-axis-tick line){stroke:#455565!important}html[data-theme=dark] .cloud-shell :is(.recharts-tooltip-wrapper>div,.recharts-default-tooltip){color:#dde6ec!important;background:#253440!important;border-color:#4c5c6c!important}html[data-theme=dark] .cloud-shell .sensor-map-leaflet{background:#2b3946}html[data-theme=dark] .cloud-shell .cloud-page-footer{border-color:var(--cloud-border)}html[data-theme=dark] .cloud-shell .page-container:before{opacity:.045;filter:brightness(1.55)}html[data-theme=dark] .cloud-access-page{background:var(--cloud-bg);color:var(--cloud-ink)}html[data-theme=dark] .cloud-access-page .access-form-side,html[data-theme=dark] .cloud-access-page .access-form-wrap{background:var(--cloud-bg)}html[data-theme=dark] .cloud-access-page :is(.access-heading h1,.access-brand strong,.access-form label){color:var(--cloud-ink)}html[data-theme=dark] .cloud-access-page :is(.access-heading p,.access-field-help,.access-secondary,.access-footer){color:var(--cloud-muted)}html[data-theme=dark] .cloud-access-page .cloud-access-brand img{filter:brightness(1.4)saturate(.9)}html[data-theme=dark] .cloud-access-page :is(.access-form input,.access-form select,.access-switch){background:var(--cloud-surface);border-color:var(--cloud-border);color:var(--cloud-ink)}html[data-theme=dark] .cloud-access-page .access-switch button.active{color:var(--cloud-ink);background:var(--cloud-surface-muted);box-shadow:none}html[data-theme=dark] .cloud-access-page .access-visual{background:linear-gradient(145deg,#202f3e,#1d3143)}html[data-theme=dark] .cloud-access-page .access-submit{background:#456f90;border-color:#456f90}.cloud-shell .gateways-page{--vanmok-navy:#304357;--vanmok-blue:#4a7094;--vanmok-blue-medium:#628daf;--vanmok-blue-dark:#365d82;--vanmok-blue-soft:#edf2f6;--vanmok-blue-border:#d8e4ed;--vanmok-surface:#fff;--vanmok-surface-soft:#f4f6f8;--vanmok-surface-muted:#edf1f5;--vanmok-border:#e1e7ed;--vanmok-border-light:#e8edf1;--vanmok-text:#304357;--vanmok-text-secondary:#697d90;--vanmok-text-muted:#8292a2}html[data-theme=dark] .cloud-shell .gateways-page{--vanmok-navy:#dce5ed;--vanmok-blue:#93b3cd;--vanmok-blue-medium:#88aac4;--vanmok-blue-dark:#b3cbe0;--vanmok-blue-soft:#2a3a48;--vanmok-blue-border:#405365;--vanmok-surface:#1e2a36;--vanmok-surface-soft:#253340;--vanmok-surface-muted:#2a3946;--vanmok-border:#354453;--vanmok-border-light:#354453;--vanmok-text:#dde5ec;--vanmok-text-secondary:#abb9c7;--vanmok-text-muted:#99aaba}html[data-theme=dark] .cloud-shell :is(.sensor-region,.sensor-carousel,.sensor-scroll-button,.sensor-drawer-section,.sensor-activity-radial-inner,.pipeline-browser-search,.pipeline-tree-region,.pipeline-tabs,.pipeline-section,.pipeline-history-chart,.gateway-header-telemetry,.gateway-list-item,.gateway-connection-row,.plc-channel-row,.sensor-detail-section,.events-table-state,.access-code code,.access-table code,.access-row-action,.sensor-map-no-coordinates){color:var(--cloud-ink);background:var(--cloud-surface);border-color:var(--cloud-border)}html[data-theme=dark] .cloud-shell :is(.gateway-connection-row:nth-child(odd),.plc-channel-row:nth-of-type(odd),.pipeline-tree-region.contains-selected,.pipeline-tree-region.expanded>.pipeline-tree-region-toggle){background:var(--cloud-surface-muted)}html[data-theme=dark] .cloud-shell :is(.sensor-detail-back,.pipeline-range-buttons button,.pipeline-history-dates>button,.sensor-search-field input,.gateway-search-field input,.pipeline-history-dates input,.pipeline-events-toolbar input,.pipeline-browser-search input,.sensor-map-no-coordinates){background:var(--cloud-surface-muted);color:var(--cloud-ink);border-color:var(--cloud-border)}html[data-theme=dark] .cloud-shell :is(.pipeline-section-heading,.gateway-header-telemetry strong,.sensor-detail-section strong,.sensor-live-card strong,.pipeline-sensor-card strong,.plc-channel-row strong,.events-table-state){color:var(--cloud-ink)}html[data-theme=dark] .cloud-shell :is(.pipeline-history-toolbar,.pipeline-events-toolbar,.pipeline-browser-search,.sensor-drawer-section){border-color:var(--cloud-border)}@media (width<=1100px){.cloud-shell .pipelines-layout,.cloud-shell .sensor-map-layout{grid-template-columns:240px minmax(0,1fr)}.cloud-shell .gateways-layout{grid-template-columns:225px minmax(0,1fr)}}@media (width<=900px){:root{--cloud-mobile-nav-height:112px}.cloud-shell,.cloud-shell.sidebar-collapsed{display:block}.cloud-shell .sidebar,.cloud-shell .sidebar.collapsed{width:100%;height:var(--cloud-mobile-nav-height);box-shadow:none;padding:8px 12px 5px;position:relative}.cloud-shell .sidebar-header,.cloud-shell.sidebar-collapsed .sidebar-header{border:0;justify-content:space-between;align-items:center;margin:0 0 5px;padding:0;display:flex}.cloud-shell .cloud-brand{flex-direction:row;align-items:center;gap:8px;width:auto;min-height:43px;padding:0}.cloud-shell .cloud-brand-logo{width:120px;height:44px}.cloud-shell .cloud-brand-product{margin:0}.cloud-shell .cloud-mobile-theme{display:flex}.cloud-shell .cloud-theme-selector-mobile{min-width:108px;margin:0}.cloud-shell .cloud-theme-selector-mobile button{min-height:33px;font-size:10px}.cloud-shell .cloud-theme-selector-mobile span{display:inline}.cloud-shell .sidebar-footer,.cloud-shell .cloud-nav-caption,.cloud-shell .sidebar-toggle{display:none}.cloud-shell .sidebar-navigation{scrollbar-width:none;gap:5px;padding-bottom:3px;display:flex;overflow:auto hidden}.cloud-shell .sidebar-navigation::-webkit-scrollbar{display:none}.cloud-shell .nav-item,.cloud-shell.sidebar-collapsed .nav-item{flex:none;gap:7px;min-height:43px;padding:0 11px;font-size:12px}.cloud-shell .nav-icon,.cloud-shell.sidebar-collapsed .nav-icon{flex:0 0 18px;width:18px;display:flex}.cloud-shell .nav-icon svg{width:18px;height:18px}.cloud-shell .nav-label,.cloud-shell.sidebar-collapsed .nav-label{opacity:1;width:auto;display:inline}.cloud-shell.sidebar-collapsed .cloud-brand-logo,.cloud-shell.sidebar-collapsed .cloud-brand-product{display:block}.cloud-shell.sidebar-collapsed .cloud-brand-mark{display:none}.cloud-shell .dashboard-main{width:100%}.cloud-shell .page-container{min-height:calc(100dvh - var(--cloud-header-height) - var(--cloud-mobile-nav-height))}.cloud-shell .page-container:has(:is(.events-page,.gateways-page,.pipelines-page,.sensor-map-page)){height:calc(100dvh - var(--cloud-header-height) - var(--cloud-mobile-nav-height))}}@media (width<=800px){.cloud-shell .page-container:has(:is(.gateways-page,.pipelines-page,.sensor-map-page)){height:auto;min-height:calc(100dvh - var(--cloud-header-height) - var(--cloud-mobile-nav-height));overflow:visible}.cloud-shell .page-container:has(:is(.gateways-page,.pipelines-page,.sensor-map-page)) .cloud-page-content{height:auto;display:block;overflow:visible}.cloud-shell .page-container:has(:is(.gateways-page,.pipelines-page,.sensor-map-page)) :is(.gateways-page,.pipelines-page,.sensor-map-page){height:auto;overflow:visible}.cloud-shell .pipelines-layout,.cloud-shell .sensor-map-layout,.cloud-shell .gateways-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){:root{--cloud-header-height:64px;--cloud-mobile-nav-height:106px}.cloud-shell .sidebar,.cloud-shell .sidebar.collapsed{padding:7px 9px 4px}.cloud-shell .topbar{height:var(--cloud-header-height);padding-inline:12px}.cloud-shell .page-container{padding:9px}.cloud-shell .cloud-theme-selector-mobile{min-width:88px}.cloud-shell .cloud-theme-selector-mobile button{gap:3px;padding:0 3px}.cloud-shell .cloud-theme-selector-mobile svg{width:15px;height:15px}.cloud-shell .cloud-brand-logo{width:107px}.cloud-shell .cloud-brand-product{letter-spacing:.16em;font-size:8px}.cloud-shell .cloud-workspace-pill{display:none}.cloud-shell .topbar-subtitle{display:block}.cloud-shell .page-container:has(.events-page){padding:7px}}:root{--cloud-bg:#f5f7f9;--cloud-surface:#fff;--cloud-surface-muted:#edf2f6;--cloud-ink:#26394a;--cloud-muted:#576b7d;--cloud-blue:#3d6685;--cloud-blue-deep:#355b76;--cloud-border:#d5e0e9;--cloud-hover:#eaf0f5;--cloud-selection:#e2edf5;--cloud-selected-ink:#284f70;--cloud-header-bg:#355b76;--cloud-header-ink:#fff;--cloud-header-muted:#d8e8f2;--cloud-control:#fff;--cloud-primary:#355b76;--cloud-link:#305e80;--cloud-focus:#5a9bc6;--cloud-positive:#266a49;--cloud-positive-bg:#e1f2e9;--cloud-negative:#9a4141;--cloud-negative-bg:#fae8e6;--cloud-warning:#825a1e;--cloud-warning-bg:#f8eed7;--cloud-scroll-thumb:#9aafc0}html[data-theme=dark]{--cloud-bg:#131c26;--cloud-surface:#1e2b37;--cloud-surface-muted:#283946;--cloud-ink:#e6edf3;--cloud-muted:#b3c3cf;--cloud-blue:#aecde2;--cloud-blue-deep:#c4dbea;--cloud-border:#45596a;--cloud-hover:#304456;--cloud-selection:#365269;--cloud-selected-ink:#f0f6fa;--cloud-header-bg:#344f65;--cloud-header-ink:#f4f8fb;--cloud-header-muted:#c5d8e5;--cloud-control:#253745;--cloud-primary:#3e627e;--cloud-link:#b0d5ed;--cloud-focus:#9bcae9;--cloud-positive:#a7ddbc;--cloud-positive-bg:#264639;--cloud-negative:#f1b2af;--cloud-negative-bg:#533737;--cloud-warning:#f1d09c;--cloud-warning-bg:#51442e;--cloud-scroll-thumb:#607b90}html[data-theme] .cloud-shell,html[data-theme] .cloud-access-page{color:var(--cloud-ink)}html[data-theme] .cloud-shell .sidebar,html[data-theme] .cloud-shell .topbar,html[data-theme] .cloud-shell .panel,html[data-theme] .cloud-shell .metric-card{color:var(--cloud-ink);border-color:var(--cloud-border)}html[data-theme] .cloud-shell :is(.page-heading h1,.panel-heading h2,.gateway-detail-header h2,.pipeline-section-heading strong,.pipeline-browser-heading strong,.sensor-connectivity-heading h2,.sensor-detail-section-header strong,.access-admin-panel-heading h2,.access-client-title h2,.access-management-heading h1){color:var(--cloud-ink)}html[data-theme] .cloud-shell :is(.page-heading p,.panel-heading p,.gateway-section-header span,.sensor-map-heading small,.gateway-detail-card>span,.gateway-header-telemetry>span,.pipeline-section-heading>span,.access-admin-panel-heading p,.access-role-item p,.access-management-heading p,.sensor-detail-section label,.muted){color:var(--cloud-muted)}html[data-theme] .cloud-shell :is(.metric-card,.panel,.sensor-summary-card,.sensor-live-card,.gateway-summary-card,.pipeline-section,.pipeline-sensor-card,.gateway-browser,.gateway-workspace,.access-admin-panel,.sensor-detail-section,.sensor-detail-drawer,.sensor-region,.sensor-carousel,.sensor-map-workspace,.pipeline-browser){border-color:var(--cloud-border)}html[data-theme] .cloud-shell :is(input,select,textarea,button){accent-color:var(--cloud-focus)}html[data-theme] .cloud-shell :is(button,input,select,textarea,a):focus-visible,html[data-theme] .cloud-access-page :is(button,input,select,a):focus-visible{outline:2px solid var(--cloud-focus);outline-offset:2px}html[data-theme] .cloud-shell :is(.pipeline-browser-content,.pipeline-tab-content,.gateway-workspace,.gateway-list,.gateway-connections-table,.access-table-scroll,.sensor-scroll-window){scrollbar-color:var(--cloud-scroll-thumb) transparent}html[data-theme] .cloud-shell :is(.gateway-detail-tabs,.plc-detail-tabs,.pipeline-tabs){background:var(--cloud-surface);border-color:var(--cloud-border)}html[data-theme] .cloud-shell :is(.gateway-detail-tabs,.plc-detail-tabs,.pipeline-tabs) button{color:var(--cloud-muted);background:0 0;border-color:#0000}html[data-theme] .cloud-shell :is(.gateway-detail-tabs,.plc-detail-tabs,.pipeline-tabs) button:hover:not(.active){color:var(--cloud-ink);background:var(--cloud-hover)}html[data-theme] .cloud-shell :is(.gateway-detail-tabs,.plc-detail-tabs,.pipeline-tabs) button.active{color:var(--cloud-selected-ink);background:var(--cloud-selection);border-bottom-color:var(--cloud-blue)}html[data-theme] .cloud-shell :is(.pipeline-browser-heading,.gateway-browser-header,.sensor-region-header,.pipeline-title){background:var(--cloud-header-bg);color:var(--cloud-header-ink)}html[data-theme] .cloud-shell :is(.pipeline-browser-heading,.gateway-browser-header,.sensor-region-header,.pipeline-title) :is(strong,h1,h2){color:var(--cloud-header-ink)}html[data-theme] .cloud-shell :is(.pipeline-browser-heading,.gateway-browser-header,.sensor-region-header,.pipeline-title) span{color:var(--cloud-header-muted)}html[data-theme] .cloud-shell :is(.pipeline-browser-heading,.gateway-browser-header,.sensor-region-header,.pipeline-title) :is(button,a){color:var(--cloud-header-ink)}html[data-theme] .cloud-shell .sensor-connectivity-panel{color:var(--cloud-ink);background:var(--cloud-surface);border-color:var(--cloud-border);box-shadow:var(--cloud-shadow)}html[data-theme] .cloud-shell .sensor-connectivity-panel :is(.sensor-connectivity-heading h2,.sensor-connectivity-legend strong,.sensor-connectivity-hover strong){color:var(--cloud-ink)}html[data-theme] .cloud-shell .sensor-connectivity-panel :is(.sensor-connectivity-legend,.sensor-connectivity-updated,.sensor-connectivity-state,.sensor-connectivity-date){color:var(--cloud-muted)}html[data-theme] .cloud-shell .sensor-connectivity-periods{background:var(--cloud-surface-muted);border-color:var(--cloud-border)}html[data-theme] .cloud-shell .sensor-connectivity-periods button{color:var(--cloud-ink)}html[data-theme] .cloud-shell .sensor-connectivity-periods button:hover:not(.active){background:var(--cloud-hover)}html[data-theme] .cloud-shell .sensor-connectivity-periods button.active{color:var(--cloud-header-ink);background:var(--cloud-header-bg)}html[data-theme] .cloud-shell .sensor-connectivity-column.hovered{background:var(--cloud-hover)}html[data-theme] .cloud-shell .sensor-connectivity-bars:after,html[data-theme] .cloud-shell .sensor-connectivity-column.date-tick:after{background:var(--cloud-muted)}html[data-theme] .cloud-shell .sensor-connectivity-column.minor-tick:after,html[data-theme] .cloud-shell .sensor-connectivity-missing{background:var(--cloud-border)}html[data-theme] .cloud-shell .sensor-connectivity-hover,html[data-theme] .cloud-shell .sensor-connectivity-average-label{color:var(--cloud-ink);background:var(--cloud-control);border-color:var(--cloud-border)}html[data-theme] .cloud-shell .sensor-connectivity-percent-overlay path{stroke:var(--cloud-muted);stroke-opacity:.84}html[data-theme] .cloud-shell .sensor-connectivity-average-line line{stroke:var(--cloud-ink)}html[data-theme] .cloud-shell .sensor-connectivity-legend>span.online-percent{border-top-color:var(--cloud-muted)}html[data-theme] .cloud-shell .sensor-connectivity-legend>span.connected,html[data-theme] .cloud-shell .sensor-connectivity-online{background:#4b9e78}html[data-theme] .cloud-shell .sensor-connectivity-legend>span.disconnected,html[data-theme] .cloud-shell .sensor-connectivity-offline{background:#c97777}html[data-theme] .cloud-shell .sensor-connectivity-error{color:var(--cloud-negative)}html[data-theme] .cloud-shell .sensor-filter-bar,html[data-theme] .cloud-shell .sensor-search-field input,html[data-theme] .cloud-shell .sensor-pipeline-summary{color:var(--cloud-ink);background:var(--cloud-surface);border-color:var(--cloud-border)}html[data-theme] .cloud-shell :is(.sensor-filter-count,.sensor-carousel-toolbar,.sensor-pipeline-label,.sensor-status-item span,.sensor-live-card small){color:var(--cloud-muted)}html[data-theme] .cloud-shell .sensor-pipeline-summary strong{color:var(--cloud-ink)}html[data-theme] .cloud-shell .pipeline-browser{background:var(--cloud-surface)}html[data-theme] .cloud-shell .pipeline-browser-search,html[data-theme] .cloud-shell .pipeline-browser-search input{color:var(--cloud-ink);background:var(--cloud-control);border-color:var(--cloud-border)}html[data-theme] .cloud-shell :is(.pipeline-tree-region,.pipeline-tree-pipeline,.pipeline-tree-region-toggle,.pipeline-tree-region-copy strong,.pipeline-tree-pipeline-copy strong){color:var(--cloud-ink)}html[data-theme] .cloud-shell .pipeline-tree-region{background:var(--cloud-surface);border-color:#0000}html[data-theme] .cloud-shell .pipeline-tree-region:hover,html[data-theme] .cloud-shell .pipeline-tree-region.contains-selected{background:var(--cloud-surface-muted);border-color:var(--cloud-border)}html[data-theme] .cloud-shell .pipeline-tree-region-toggle{background:0 0}html[data-theme] .cloud-shell .pipeline-tree-region-toggle:hover,html[data-theme] .cloud-shell .pipeline-tree-region.expanded>.pipeline-tree-region-toggle{background:var(--cloud-hover)}html[data-theme] .cloud-shell .pipeline-tree-pipeline{background:0 0;border-color:#0000}html[data-theme] .cloud-shell .pipeline-tree-pipeline:hover{background:var(--cloud-hover);color:var(--cloud-ink)}html[data-theme] .cloud-shell .pipeline-tree-pipeline.selected{color:var(--cloud-selected-ink);background:var(--cloud-selection);border-color:var(--cloud-border)}html[data-theme] .cloud-shell .pipeline-tree-pipeline.selected strong{color:var(--cloud-selected-ink)}html[data-theme] .cloud-shell :is(.pipeline-tree-region-copy small,.pipeline-tree-pipeline-copy small,.pipeline-tree-chevron){color:var(--cloud-muted)}html[data-theme] .cloud-shell .pipeline-tree-count{color:var(--cloud-ink);background:var(--cloud-surface-muted)}html[data-theme] .cloud-shell :is(.pipeline-tree-region-icon,.pipeline-tree-pipeline-icon){color:var(--cloud-selected-ink);background:var(--cloud-selection)}html[data-theme] .cloud-shell .pipeline-tree-pipelines:before,html[data-theme] .cloud-shell .pipeline-tree-branch:before{background:var(--cloud-border)}html[data-theme] .cloud-shell .pipeline-workspace{background:var(--cloud-surface)}html[data-theme] .cloud-shell .pipeline-title h1{color:var(--cloud-header-ink)}html[data-theme] .cloud-shell .pipeline-title span,html[data-theme] .cloud-shell .pipeline-title>div:last-child strong{color:var(--cloud-header-muted)}html[data-theme] .cloud-shell :is(.pipeline-section,.pipeline-sensor-card,.pipeline-history-chart,.pipeline-history-series,.pipeline-history-charts,.pipeline-history-toolbar,.pipeline-events-table){color:var(--cloud-ink);background:var(--cloud-surface);border-color:var(--cloud-border)}html[data-theme] .cloud-shell .pipeline-section-heading{color:var(--cloud-ink);background:var(--cloud-surface-muted);border-color:var(--cloud-border)}html[data-theme] .cloud-shell .pipeline-section-heading strong{color:var(--cloud-ink)}html[data-theme] .cloud-shell .pipeline-section-heading span{color:var(--cloud-muted)}html[data-theme] .cloud-shell :is(.pipeline-sensor-card strong,.pipeline-sensor-card-header strong,.pipeline-history-toolbar strong,.pipeline-history-series strong,.pipeline-events-toolbar strong){color:var(--cloud-ink)}html[data-theme] .cloud-shell :is(.pipeline-history-dates input,.pipeline-range-buttons button,.pipeline-history-dates>button,.pipeline-events-toolbar input,.pipeline-history-toolbar select,.pipeline-history-toolbar input){background:var(--cloud-control);border-color:var(--cloud-border);color:var(--cloud-ink)}html[data-theme] .cloud-shell :is(.pipeline-range-buttons button:hover,.pipeline-history-dates>button:hover){background:var(--cloud-hover)}html[data-theme] .cloud-shell :is(.pipeline-history .pipeline-history-series,.pipeline-history .pipeline-history-charts,.pipeline-unified-chart,.pipeline-unified-plot-viewport){color:var(--cloud-ink);background:var(--cloud-surface)}html[data-theme] .cloud-shell :is(.pipeline-history-series-actions,.pipeline-history .pipeline-history-series-list label,.pipeline-unified-chart-header,.pipeline-axis-settings-unit){border-color:var(--cloud-border)}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series-list label:hover{background:var(--cloud-hover)}html[data-theme] .cloud-shell :is(.pipeline-history .pipeline-history-series-list small,.pipeline-unified-chart-title span,.pipeline-unified-empty,.pipeline-history .pipeline-history-charts .pipeline-history-state,.pipeline-history-loading-days,.pipeline-axis-settings-fields label,.pipeline-history-dates label span){color:var(--cloud-muted)}html[data-theme] .cloud-shell :is(.pipeline-unified-chart-title strong,.pipeline-axis-settings-heading strong,.pipeline-axis-settings-unit-heading strong,.pipeline-history-loading-percentage){color:var(--cloud-ink)}html[data-theme] .cloud-shell :is(.pipeline-history-series-actions input,.pipeline-history-series-actions button,.pipeline-unified-navigation button,.pipeline-axis-settings-heading button,.pipeline-axis-settings-unit-heading button,.pipeline-axis-settings-fields input){color:var(--cloud-ink);background:var(--cloud-control);border-color:var(--cloud-border)}html[data-theme] .cloud-shell :is(.pipeline-history-series-actions button:hover,.pipeline-unified-navigation button:hover:not(:disabled),.pipeline-axis-settings-heading button:hover,.pipeline-axis-settings-unit-heading button:hover){background:var(--cloud-hover);border-color:var(--cloud-focus)}html[data-theme] .cloud-shell .pipeline-history-overview{background:var(--cloud-surface-muted);border-color:var(--cloud-border)}html[data-theme] .cloud-shell .pipeline-history-overview-track{background:var(--cloud-surface);border-color:var(--cloud-border)}html[data-theme] .cloud-shell .pipeline-history-overview-track svg line{stroke:var(--cloud-border)}html[data-theme] .cloud-shell .pipeline-history-overview-window{border-color:var(--cloud-focus);background:color-mix(in srgb, var(--cloud-focus) 13%, transparent)}html[data-theme] .cloud-shell .pipeline-unified-plot-viewport{scrollbar-color:var(--cloud-scroll-thumb) var(--cloud-surface)}html[data-theme] .cloud-shell .pipeline-unified-grid{stroke:var(--cloud-border)}html[data-theme] .cloud-shell .pipeline-unified-baseline,html[data-theme] .cloud-shell .pipeline-unified-axis line{stroke:var(--cloud-muted)}html[data-theme] .cloud-shell :is(.pipeline-unified-axis .pipeline-unified-axis-title,.pipeline-unified-plot-viewport .pipeline-unified-axis-title){fill:var(--cloud-ink)}html[data-theme] .cloud-shell :is(.pipeline-unified-axis .pipeline-unified-tick,.pipeline-unified-plot-viewport .pipeline-unified-tick){fill:var(--cloud-muted)}html[data-theme] .cloud-shell :is(.pipeline-unified-tooltip,.pipeline-axis-settings){color:var(--cloud-ink);background:var(--cloud-control);border-color:var(--cloud-border);box-shadow:var(--cloud-shadow)}html[data-theme] .cloud-shell .pipeline-axis-settings-error{color:var(--cloud-negative)}html[data-theme] .cloud-shell .pipeline-history-spinner{border-color:var(--cloud-border);border-top-color:var(--cloud-blue)}html[data-theme] .cloud-shell .gateways-page{--vanmok-navy:var(--cloud-ink);--vanmok-blue:var(--cloud-blue);--vanmok-blue-medium:var(--cloud-link);--vanmok-blue-dark:var(--cloud-link);--vanmok-blue-soft:var(--cloud-selection);--vanmok-blue-border:var(--cloud-border);--vanmok-surface:var(--cloud-surface);--vanmok-surface-soft:var(--cloud-control);--vanmok-surface-muted:var(--cloud-surface-muted);--vanmok-border:var(--cloud-border);--vanmok-border-light:var(--cloud-border);--vanmok-text:var(--cloud-ink);--vanmok-text-secondary:var(--cloud-muted);--vanmok-text-muted:var(--cloud-muted)}html[data-theme] .cloud-shell :is(.gateway-browser,.gateway-list,.gateway-workspace,.gateway-filter-bar,.gateway-connections-table,.gateway-header-telemetry,.gateway-detail-card,.plc-channel-row){color:var(--cloud-ink);border-color:var(--cloud-border);background:var(--cloud-surface)}html[data-theme] .cloud-shell .gateway-list-item{color:var(--cloud-ink);background:var(--cloud-surface);border-color:var(--cloud-border)}html[data-theme] .cloud-shell .gateway-list-item:hover{background:var(--cloud-hover)}html[data-theme] .cloud-shell .gateway-list-item.selected,html[data-theme] .cloud-shell .plc-page .gateway-list-item.selected{color:var(--cloud-selected-ink);background:var(--cloud-selection);box-shadow:inset 3px 0 0 var(--cloud-blue)}html[data-theme] .cloud-shell .gateway-list-title strong,html[data-theme] .cloud-shell .gateway-detail-card strong,html[data-theme] .cloud-shell .gateway-detail-header h2,html[data-theme] .cloud-shell .gateway-section-header strong{color:var(--cloud-ink)}html[data-theme] .cloud-shell .gateway-list-item.selected .gateway-list-title strong{color:var(--cloud-selected-ink)}html[data-theme] .cloud-shell :is(.gateway-list-title span,.gateway-list-details span,.gateway-detail-card>span,.gateway-header-telemetry>span,.gateway-section-header span,.gateway-empty){color:var(--cloud-muted)}html[data-theme] .cloud-shell .gateway-list-details span,html[data-theme] .cloud-shell .gateway-list-item.selected .gateway-list-details span{background:var(--cloud-surface-muted);color:var(--cloud-ink)}html[data-theme] .cloud-shell .gateway-header-telemetry,html[data-theme] .cloud-shell .gateway-detail-card{background:var(--cloud-surface-muted);border-color:var(--cloud-border)}html[data-theme] .cloud-shell .gateway-header-telemetry strong{color:var(--cloud-ink)}html[data-theme] .cloud-shell :is(.gateway-connections-header,.plc-channel-table-header){color:var(--cloud-ink);background:var(--cloud-surface-muted);border-color:var(--cloud-border)}html[data-theme] .cloud-shell :is(.gateway-connections-header span,.plc-channel-table-header span){color:var(--cloud-ink)}html[data-theme] .cloud-shell :is(.gateway-connection-row,.plc-channel-row){color:var(--cloud-ink);background:var(--cloud-surface);border-color:var(--cloud-border)}html[data-theme] .cloud-shell :is(.gateway-connection-row:nth-child(odd),.plc-channel-row:nth-of-type(odd)){background:var(--cloud-surface-muted)}html[data-theme] .cloud-shell :is(.gateway-connection-row:hover,.plc-channel-row:hover){color:var(--cloud-ink);background:var(--cloud-hover)}html[data-theme] .cloud-shell .gateway-sensor-button,html[data-theme] .cloud-shell .plc-channel-name{color:var(--cloud-link)}html[data-theme] .cloud-shell .gateway-sensor-button:hover,html[data-theme] .cloud-shell :is(.gateway-connection-row>strong,.gateway-instrument-reading,.plc-channel-value){color:var(--cloud-ink)}html[data-theme] .cloud-shell :is(.gateway-measurement-bad,.plc-channel-value.unavailable){color:var(--cloud-muted)}html[data-theme] .cloud-shell .gateway-channel-badge{color:var(--cloud-selected-ink);background:var(--cloud-selection);border-color:var(--cloud-border)}html[data-theme] .cloud-shell :is(.plc-monitoring-badge.unassigned,.plc-monitoring-badge.unknown){color:var(--cloud-ink);background:var(--cloud-surface-muted)}html[data-theme] .cloud-shell .plc-monitoring-badge.leak{color:var(--cloud-warning);background:var(--cloud-warning-bg)}html[data-theme] .cloud-shell .plc-monitoring-badge.communication{color:var(--cloud-selected-ink);background:var(--cloud-selection)}html[data-theme] .cloud-shell .plc-monitoring-badge.pressure{color:var(--cloud-positive);background:var(--cloud-positive-bg)}html[data-theme] .cloud-shell .events-filters,html[data-theme] .cloud-shell .events-table-container,html[data-theme] .cloud-shell .events-table-row,html[data-theme] .cloud-shell .events-table-state{color:var(--cloud-ink);border-color:var(--cloud-border);background:var(--cloud-surface)}html[data-theme] .cloud-shell .events-filters{background:var(--cloud-bg)}html[data-theme] .cloud-shell .events-filter>span,html[data-theme] .cloud-shell .events-result-meta span{color:var(--cloud-muted)}html[data-theme] .cloud-shell :is(.events-filter select,.events-filter input){color:var(--cloud-ink);background:var(--cloud-control);border-color:var(--cloud-border)}html[data-theme] .cloud-shell .events-table-header{background:var(--cloud-header-bg);color:var(--cloud-header-ink)}html[data-theme] .cloud-shell .events-table-header span{color:var(--cloud-header-ink);border-color:var(--cloud-border)}html[data-theme] .cloud-shell .events-table-row:hover{background:var(--cloud-hover)}html[data-theme] .cloud-shell .events-table-row :is(.events-cell-primary,.events-date-value,.events-details){color:var(--cloud-ink)}html[data-theme] .cloud-shell .access-management :is(.access-admin-panel,.access-client-sidebar,.access-table-scroll){background:var(--cloud-surface);color:var(--cloud-ink);border-color:var(--cloud-border)}html[data-theme] .cloud-shell .access-management :is(.access-client-item,.access-role-item,.access-table td,.access-table th){color:var(--cloud-ink);border-color:var(--cloud-border)}html[data-theme] .cloud-shell .access-client-item{color:var(--cloud-ink);background:0 0}html[data-theme] .cloud-shell .access-client-item:hover{color:var(--cloud-ink);background:var(--cloud-hover)}html[data-theme] .cloud-shell .access-client-item.selected{color:var(--cloud-selected-ink);background:var(--cloud-selection);border-color:var(--cloud-border)}html[data-theme] .cloud-shell .access-client-item>small,html[data-theme] .cloud-shell :is(.access-total,.access-role-icon.admin,.permission-chip.effective){color:var(--cloud-selected-ink);background:var(--cloud-selection)}html[data-theme] .cloud-shell :is(.access-role-item b,.access-opc-edit>strong,.access-table td strong,.access-client-title h2,.access-role-hint){color:var(--cloud-ink)}html[data-theme] .cloud-shell :is(.access-table th,.access-client-detail p,.access-admin-note,.access-opc-edit>span,.access-role-item p){color:var(--cloud-muted)}html[data-theme] .cloud-shell .access-admin-note{background:var(--cloud-surface-muted)}html[data-theme] .cloud-shell :is(.access-user-toolbar input,.access-form input,.access-form select,.access-code code,.access-table code,.access-row-action){color:var(--cloud-ink);background:var(--cloud-control);border-color:var(--cloud-border)}html[data-theme] .cloud-shell .access-row-action{color:var(--cloud-link)}html[data-theme] .cloud-shell .access-row-action:hover{background:var(--cloud-hover)}html[data-theme] .cloud-shell .access-role-tooltip{background:var(--cloud-surface-muted);color:var(--cloud-ink);border:1px solid var(--cloud-border)}html[data-theme] .cloud-shell .access-role-tooltip strong{color:var(--cloud-ink)}html[data-theme] .cloud-shell .access-state.active{color:var(--cloud-positive);background:var(--cloud-positive-bg)}html[data-theme] .cloud-shell .access-state.inactive{color:var(--cloud-negative);background:var(--cloud-negative-bg)}html[data-theme] .cloud-shell .access-state.expired{color:var(--cloud-warning);background:var(--cloud-warning-bg)}html[data-theme] .cloud-shell :is(.sensor-map-browser,.sensor-map-all,.sensor-map-workspace,.sensor-map-metrics>div,.sensor-detail-page,.sensor-detail-section,.sensor-drawer-section){color:var(--cloud-ink);background:var(--cloud-surface);border-color:var(--cloud-border)}html[data-theme] .cloud-shell :is(.sensor-map-all:hover,.sensor-map-all.selected,.sensor-map-region-row:hover,.sensor-map-region-row.selected,.sensor-map-region-focus:hover){color:var(--cloud-selected-ink);background:var(--cloud-selection)}html[data-theme] .cloud-shell :is(.sensor-map-region-focus,.sensor-map-heading h1,.sensor-map-popup-value,.sensor-map-metrics strong,.sensor-detail-section strong){color:var(--cloud-ink)}html[data-theme] .cloud-shell :is(.sensor-map-heading>span,.sensor-map-heading small,.sensor-map-metrics span,.sensor-map-footer){color:var(--cloud-muted)}html[data-theme] .cloud-shell :is(.sensor-map-legend,.sensor-map-no-coordinates){background:var(--cloud-control);border-color:var(--cloud-border);color:var(--cloud-ink)}html[data-theme] .cloud-shell .sensor-map-legend :is(span,strong){color:var(--cloud-ink)}html[data-theme] .cloud-shell .sensor-map-popup-button,html[data-theme] .cloud-shell .primary-button{color:#fff;background:var(--cloud-primary);border-color:var(--cloud-primary)}html[data-theme] .cloud-shell .sensor-map-popup-button:hover,html[data-theme] .cloud-shell .primary-button:hover:not(:disabled){background:var(--cloud-header-bg)}html[data-theme] .cloud-shell :is(.sensor-detail-back,.sensor-scroll-button,.pipeline-history-dates>button,.pipeline-range-buttons button){color:var(--cloud-ink);border-color:var(--cloud-border)}html[data-theme] .cloud-shell :is(.sensor-detail-back:hover,.sensor-scroll-button:hover:not(:disabled)){background:var(--cloud-hover)}html[data-theme] .cloud-shell .sensor-detail-drawer :is(.sensor-drawer-section-title,.sensor-drawer-section-title strong,.sensor-drawer-section strong){color:var(--cloud-ink)}html[data-theme] .cloud-shell .sensor-detail-drawer :is(.sensor-drawer-section p,.sensor-drawer-section small,.sensor-drawer-section span){color:var(--cloud-muted)}html[data-theme] .cloud-shell :is(.recharts-cartesian-axis-tick text,.recharts-text,.recharts-legend-item-text){fill:var(--cloud-muted)!important;color:var(--cloud-muted)!important}html[data-theme] .cloud-shell :is(.recharts-cartesian-axis line,.recharts-cartesian-axis-tick line,.recharts-cartesian-grid line){stroke:var(--cloud-border)!important}html[data-theme] .cloud-shell :is(.recharts-default-tooltip,.recharts-tooltip-wrapper>div){background:var(--cloud-control)!important;border-color:var(--cloud-border)!important;color:var(--cloud-ink)!important}html[data-theme] .cloud-shell :is(.recharts-default-tooltip .recharts-tooltip-label,.recharts-default-tooltip .recharts-tooltip-item,.recharts-tooltip-item-name,.recharts-tooltip-item-value){color:var(--cloud-ink)!important}html[data-theme] .cloud-access-page :is(.access-form input,.access-form select){color:var(--cloud-ink);background:var(--cloud-control);border-color:var(--cloud-border)}html[data-theme] .cloud-access-page :is(.access-heading h1,.access-form label,.access-brand strong){color:var(--cloud-ink)}html[data-theme] .cloud-access-page :is(.access-heading p,.access-field-help,.access-secondary,.access-footer){color:var(--cloud-muted)}html[data-theme] .cloud-access-page .access-switch{background:var(--cloud-surface-muted)}html[data-theme] .cloud-access-page .access-switch button{color:var(--cloud-muted)}html[data-theme] .cloud-access-page .access-switch button.active{color:var(--cloud-selected-ink);background:var(--cloud-selection)}html[data-theme] .cloud-access-page .access-submit{color:#fff;background:var(--cloud-primary);border-color:var(--cloud-primary)}html[data-theme] .cloud-shell .leaflet-popup-content-wrapper,html[data-theme] .cloud-shell .leaflet-popup-tip{color:#26394a;background:#fff}html[data-theme] .cloud-shell .leaflet-popup-content-wrapper :is(.sensor-map-popup,.sensor-map-popup-heading strong,.sensor-map-popup-value,.pipeline-map-popup,.pipeline-map-popup-heading strong,.pipeline-map-popup-value strong){color:#26394a}@media (prefers-contrast:more){html[data-theme] .cloud-shell,html[data-theme] .cloud-access-page{--cloud-muted:var(--cloud-ink)}html[data-theme] .cloud-shell :is(button,a,input,select){border-color:var(--cloud-border)}}html[data-theme] .cloud-shell .pipeline-history{color:var(--cloud-ink)}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-toolbar{border:1px solid var(--cloud-border);background:var(--cloud-surface);box-shadow:var(--cloud-shadow);border-radius:8px;gap:12px;padding:10px 12px}html[data-theme] .cloud-shell .pipeline-history .pipeline-range-buttons{gap:6px}html[data-theme] .cloud-shell .pipeline-history :is(.pipeline-range-buttons button,.pipeline-history-dates input){border-radius:6px;min-height:32px;font-size:11px;font-weight:600}html[data-theme] .cloud-shell .pipeline-history .pipeline-range-buttons button:hover:not(:disabled){color:var(--cloud-selected-ink);background:var(--cloud-selection);border-color:var(--cloud-focus)}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-dates label span{color:var(--cloud-muted);letter-spacing:.02em;font-size:10px}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-layout{gap:10px}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series,html[data-theme] .cloud-shell .pipeline-history .pipeline-history-charts{border:1px solid var(--cloud-border);background:var(--cloud-surface);box-shadow:var(--cloud-shadow);border-radius:8px}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series-heading{border-bottom:1px solid var(--cloud-border);min-height:45px;color:var(--cloud-ink);background:var(--cloud-surface-muted);text-transform:none;padding:0 12px;font-size:11px;font-weight:700}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series-heading strong{color:var(--cloud-ink)}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series-actions{background:var(--cloud-surface);gap:8px;padding:10px}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series-actions input{border-radius:6px;min-height:33px;font-size:11px}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series-actions button{border-radius:6px;min-height:28px;padding:4px 11px;font-size:10px}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series-list{scrollbar-color:var(--cloud-scroll-thumb) transparent}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series-list label{min-height:39px;color:var(--cloud-ink);background:var(--cloud-surface);border-color:var(--cloud-border);gap:9px;padding:8px 11px}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series-list label:hover{color:var(--cloud-ink);background:var(--cloud-hover)}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series-list label:has(input:checked){color:var(--cloud-selected-ink);background:var(--cloud-selection)}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series-list .pipeline-series-label{font-size:11px;font-weight:550}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series-list small{color:var(--cloud-muted);font-size:10px}html[data-theme] .cloud-shell .pipeline-unified-chart{color:var(--cloud-ink);background:var(--cloud-surface)}html[data-theme] .cloud-shell .pipeline-unified-chart-header{min-height:57px;color:var(--cloud-ink);background:var(--cloud-surface);border-color:var(--cloud-border);gap:10px;padding:10px 12px}html[data-theme] .cloud-shell .pipeline-unified-chart-title{gap:4px;min-width:0}html[data-theme] .cloud-shell .pipeline-unified-chart-title strong{color:var(--cloud-ink);font-size:12px;font-weight:750}html[data-theme] .cloud-shell .pipeline-unified-chart-title span{color:var(--cloud-muted);font-size:10px}html[data-theme] .cloud-shell .pipeline-unified-navigation{flex-wrap:wrap;justify-content:flex-end;gap:6px}html[data-theme] .cloud-shell .pipeline-unified-navigation>button{border-radius:6px;height:32px;font-size:10px;font-weight:650}html[data-theme] .cloud-shell .pipeline-unified-zoom{border:1px solid var(--cloud-border);background:var(--cloud-surface-muted);border-radius:7px;flex:none;align-items:center;gap:3px;padding:3px;display:inline-flex}html[data-theme] .cloud-shell .pipeline-unified-zoom button{width:30px;height:26px;color:var(--cloud-ink);background:0 0;border:1px solid #0000;border-radius:5px;padding:0;font-size:17px;font-weight:600}html[data-theme] .cloud-shell .pipeline-unified-zoom button:hover:not(:disabled){color:var(--cloud-selected-ink);background:var(--cloud-selection);border-color:var(--cloud-border)}html[data-theme] .cloud-shell .pipeline-unified-zoom button:last-child{border-left-color:var(--cloud-border);width:auto;padding:0 9px;font-size:10px}html[data-theme] .cloud-shell .pipeline-unified-zoom span{min-width:45px;color:var(--cloud-ink);text-align:center;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}html[data-theme] .cloud-shell .pipeline-history-overview{background:var(--cloud-surface-muted);padding:10px 12px}html[data-theme] .cloud-shell .pipeline-history-overview-track{background:var(--cloud-surface);border-radius:6px;height:72px}html[data-theme] .cloud-shell .pipeline-unified-plot-viewport{background:var(--cloud-surface);overflow:hidden}html[data-theme] .cloud-shell .pipeline-unified-plot-viewport svg{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%}html[data-theme] .cloud-shell .pipeline-unified-plot-viewport svg.pipeline-unified-plot-panning{cursor:grabbing}html[data-theme] .cloud-shell .pipeline-unified-axis-stack{background:var(--cloud-surface-muted)}html[data-theme] .cloud-shell .pipeline-unified-axis line{stroke:var(--cloud-muted)}html[data-theme] .cloud-shell .pipeline-unified-tooltip{background:var(--cloud-control);border-radius:8px}html[data-theme] .cloud-shell .pipeline-axis-settings{background:var(--cloud-surface);border-radius:8px}html[data-theme] .cloud-shell .pipeline-axis-settings-heading strong{font-size:12px}html[data-theme] .cloud-shell .pipeline-axis-settings-unit-heading strong{font-size:11px}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-charts .pipeline-history-state{color:var(--cloud-muted);background:var(--cloud-surface)}@media (width<=980px){html[data-theme] .cloud-shell .pipeline-unified-chart-header{flex-wrap:wrap;align-items:flex-start}html[data-theme] .cloud-shell .pipeline-unified-navigation{justify-content:flex-start;width:100%}}@media (width<=680px){html[data-theme] .cloud-shell .pipeline-history .pipeline-history-layout{grid-template-columns:minmax(0,1fr);overflow-y:auto}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-series{height:auto;min-height:165px;max-height:190px}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-charts{height:440px;min-height:440px}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-dates{flex-wrap:wrap;align-items:flex-start}html[data-theme] .cloud-shell .pipeline-history .pipeline-history-toolbar{align-items:flex-start}html[data-theme] .cloud-shell .pipeline-unified-chart-title span{font-size:9px}}