.industrial-shell{background:linear-gradient(135deg,#f6f8fd,#f9fbff 58%,#eff4fa)}.workspace-notice{color:#4255c6;background:#f0f3ff;border:1px solid #c9d4fc;border-radius:10px;margin:-9px 0 18px;padding:12px 14px;font-size:12px;font-weight:700}.section-toolbar,.dashboard-studio-head,.scada-intro{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.section-toolbar>div,.dashboard-studio-head>div,.scada-intro>div{gap:5px;display:grid}.section-toolbar small,.dashboard-studio-head p,.scada-intro p,.form-heading small{color:#768298;font-size:12px;line-height:1.5}.form-heading{gap:4px;display:grid}.friendly-form{margin-bottom:18px}.overview-stats-five{grid-template-columns:repeat(5,1fr)}.stat-glyph{color:#5062d9;background:#eef0ff;border-radius:9px;place-items:center;width:28px;height:28px;font-size:14px;margin:0 0 13px!important;display:grid!important}.mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mapping-card{background:#fff;border:1px solid #e0e5ee;border-radius:13px;padding:17px;box-shadow:0 4px 14px #18234809}.mapping-head{justify-content:space-between;gap:14px;margin-bottom:16px;display:flex}.mapping-head>div{gap:3px;display:grid}.mapping-head span{color:#748096;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.mapping-head strong{font-size:15px}.mapping-head small{color:#8993a6;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.mapping-head>b{color:#3e51c7;align-self:center;font-size:19px}.mapping-controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mapping-controls label{color:#6e798d;gap:5px;font-size:10px;font-weight:800;display:grid}.mapping-controls input,.mapping-controls select{color:#374258;background:#fbfcff;border:1px solid #dde3ee;border-radius:8px;width:100%;padding:9px 10px;font-size:12px}.mapping-controls .check-row{grid-column:span 2}.mapping-footer{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding-top:12px;display:flex}.mapping-footer small{color:#8a95a7;font-size:10px}.dashboard-studio-head h2,.scada-intro h2,.rule-builder h2,.document-editor h2{letter-spacing:-.04em;margin:0;font-size:26px}.inline-create{align-items:center;gap:9px;display:flex}.inline-create input{background:#fff;border:1px solid #dce2ee;border-radius:9px;min-width:200px;padding:10px 12px}.dashboard-picker{gap:9px;margin-bottom:16px;display:flex;overflow:auto}.dashboard-picker button{color:#536077;text-align:left;background:#fff;border:1px solid #dfe4ee;border-radius:10px;grid-template-columns:auto 1fr;column-gap:9px;min-width:170px;padding:11px 13px;display:grid}.dashboard-picker button.active{color:#4053c7;background:#f0f2ff;border-color:#8290eb;box-shadow:0 5px 15px #5264df1f}.dashboard-picker button span{background:#e8ebff;border-radius:7px;grid-row:span 2;place-items:center;width:25px;height:25px;display:grid}.dashboard-picker strong{font-size:12px}.dashboard-picker small{color:#8a95a6;font-size:10px}.dashboard-builder{grid-template-columns:245px minmax(0,1fr);gap:16px;display:grid}.widget-library,.dashboard-canvas{background:#fff;border:1px solid #e0e5ef;border-radius:13px;box-shadow:0 5px 18px #18234809}.widget-library{padding:17px}.widget-library>strong{margin-bottom:12px;font-size:13px;display:block}.widget-library label{color:#6e798d;gap:6px;font-size:10px;font-weight:800;display:grid}.widget-library select{color:#354057;background:#fbfcff;border:1px solid #dce2ed;border-radius:8px;width:100%;padding:9px;font-size:11px}.widget-types{grid-template-columns:1fr 1fr;gap:7px;margin:13px 0;display:grid}.widget-types button{color:#637087;text-transform:capitalize;background:#fff;border:1px solid #e0e4ed;border-radius:8px;align-items:center;gap:7px;padding:9px;font-size:11px;font-weight:700;display:flex}.widget-types button.selected{color:#4255c8;background:#eff1ff;border-color:#8996e9}.full{width:100%}.library-note{color:#788499;background:#f4f6fb;border-radius:8px;margin-top:14px;padding:10px;font-size:10px;line-height:1.5}.dashboard-canvas{min-height:540px;padding:18px}.canvas-top{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px;padding-bottom:14px;display:flex}.canvas-top>div:first-child{gap:3px;display:grid}.canvas-top strong{font-size:16px}.canvas-top small{color:#8792a4;font-size:10px}.real-dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:13px;display:grid}.live-widget{background:linear-gradient(160deg,#fff,#fafbff);border:1px solid #e1e6ef;border-radius:11px;gap:7px;min-height:154px;padding:15px;display:grid;position:relative}.live-widget.small{grid-column:span 4}.live-widget.wide{grid-column:span 8;min-height:250px}.live-widget p{color:#8792a5;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:10px;font-weight:800}.live-widget h3{color:#414d65;margin:0;font-size:13px}.live-widget>small{color:#8b95a5;margin-top:auto;font-size:10px}.widget-remove{color:#728097;background:#f0f2f7;border:0;border-radius:6px;width:22px;height:22px;font-size:17px;line-height:1;position:absolute;top:9px;right:9px}.widget-number{color:#25355e;letter-spacing:-.04em;margin-top:10px;font-size:29px;display:block}.widget-number small{color:#768399;font-size:12px}.live-chart{width:100%;height:130px;margin-top:6px}.compact-gauge{border:11px solid #e7ebf2;border-top-color:#50be8c;border-bottom:0;border-radius:120px 120px 0 0;align-content:center;place-items:center;width:118px;height:60px;margin:12px auto;display:grid}.compact-gauge strong{font-size:20px}.compact-gauge span{color:#168363;font-size:10px}.widget-status{color:#607087;align-items:center;gap:8px;margin-top:15px;font-size:12px;font-weight:800;display:flex}.widget-status i{background:#a5adbc;border-radius:50%;width:9px;height:9px}.widget-status.online i{background:#31ba83;box-shadow:0 0 0 3px #e2f7ee}.widget-table{grid-template-columns:1fr auto;gap:8px;margin:11px 0;font-size:11px;display:grid}.widget-table dt{color:#7c889d}.widget-table dd{color:#3f4d65;margin:0;font-weight:800}.scada-studio{grid-template-columns:210px minmax(0,1fr) 240px;gap:14px;display:grid}.asset-library,.asset-inspector,.scada-canvas{background:#fff;border:1px solid #dfe5ef;border-radius:13px;box-shadow:0 5px 18px #18234809}.asset-library,.asset-inspector{padding:15px}.asset-palette{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:15px;display:grid}.asset-palette button{color:#708099;text-transform:capitalize;background:#fff;border:1px solid #e1e6ef;border-radius:8px;justify-items:center;gap:4px;padding:8px 3px;font-size:9px;display:grid}.asset-palette button.selected{color:#4558c9;background:#eff1ff;border-color:#8391eb}.asset-palette svg{width:25px;height:25px}.asset-create,.asset-inspector form{gap:10px;display:grid}.asset-create label,.asset-inspector label{color:#718096;gap:5px;font-size:10px;font-weight:800;display:grid}.asset-create input,.asset-create select,.asset-inspector input,.asset-inspector select{color:#354057;background:#fbfcff;border:1px solid #dce2ed;border-radius:8px;width:100%;padding:9px;font-size:11px}.scada-canvas{background:linear-gradient(135deg,#f9fbff,#eef3fb);min-height:600px;position:relative;overflow:hidden}.scada-grid{opacity:.45;background-image:linear-gradient(#dbe4f0 1px,#0000 1px),linear-gradient(90deg,#dbe4f0 1px,#0000 1px);background-size:22px 22px;position:absolute;top:0;bottom:0;left:0;right:0}.canvas-label{color:#8190a7;letter-spacing:.12em;font-size:10px;font-weight:900;position:absolute;top:17px;left:18px}.scada-node{z-index:2;color:#35435c;text-align:left;background:#fff;border:1px solid #cfd8e7;border-radius:10px;align-items:center;gap:8px;min-width:138px;padding:9px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 20px #20345a1a}.scada-node.selected{border-color:#6374df;box-shadow:0 0 0 3px #e1e5ff}.scada-node>span{color:#5364d9;background:#edf0ff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.scada-node svg{width:26px;height:26px}.scada-node div{flex:1;gap:3px;display:grid}.scada-node strong{font-size:10px}.scada-node small{color:#8b96a8;font-size:9px}.scada-node>i{background:#a8b1be;border-radius:50%;width:8px;height:8px}.scada-node>i.online{background:#33bb84}.scada-legend{color:#708096;background:#ffffffe6;border:1px solid #e1e6ef;border-radius:8px;gap:12px;padding:8px 10px;font-size:10px;display:flex;position:absolute;bottom:15px;left:18px}.scada-legend span{align-items:center;gap:5px;display:flex}.scada-legend i{background:#aab2bf;border-radius:50%;width:7px;height:7px}.scada-legend i.online{background:#31ba83}.asset-large{color:#5264d8;background:#eef1ff;border-radius:18px;place-items:center;width:88px;height:88px;margin:7px auto;display:grid}.asset-large svg,.asset-empty svg{width:58px;height:58px}.asset-empty{color:#8a95a7;text-align:center;justify-items:center;padding-top:60px;display:grid}.asset-empty h3{color:#47546b;margin:12px 0 5px;font-size:14px}.asset-empty p{font-size:11px;line-height:1.5}.rule-builder{background:#fff;border:1px solid #e0e5ef;border-radius:14px;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:20px;padding:24px;display:grid;box-shadow:0 5px 18px #18234809}.rule-builder-copy p{color:#758197;max-width:290px;font-size:12px;line-height:1.6}.rule-builder form{gap:13px;display:grid}.rule-condition-row,.rule-details{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.rule-details{grid-template-columns:1fr 1fr}.rule-condition-row label,.rule-details label{color:#6e798d;gap:5px;font-size:10px;font-weight:800;display:grid}.rule-condition-row select,.rule-condition-row input,.rule-details input,.rule-details select{color:#354057;background:#fbfcff;border:1px solid #dce2ed;border-radius:8px;width:100%;padding:9px;font-size:11px}.rule-details .wide{grid-column:span 2}.rule-summary{color:#5e6e8a;background:#f2f5ff;border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.55}.rule-summary strong{color:#4357c9}.rule-list{gap:10px;margin-top:17px;display:grid}.rule-list article{background:#fff;border:1px solid #e0e5ef;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;padding:17px;display:flex}.rule-list h3{margin:8px 0 4px;font-size:14px}.rule-list p,.rule-list small{color:#758197;margin:0;font-size:11px}.document-editor{background:#fff;border:1px solid #e0e5ef;border-radius:14px;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:24px;padding:25px;display:grid;box-shadow:0 5px 18px #18234809}.document-editor>div p:not(.eyebrow){color:#748096;font-size:12px;line-height:1.6}.document-editor form{align-content:start;display:grid}.integration-info-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.integration-info-grid span{background:#fafbfe;border:1px solid #e5e8f0;border-radius:9px;gap:5px;padding:12px;display:grid}.integration-info-grid small{color:#8792a5;font-size:10px}.integration-info-grid strong{color:#46536c;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.client-access-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.client-card,.export-card{background:#fff;border:1px solid #e0e5ef;border-radius:14px;padding:23px;box-shadow:0 5px 18px #18234809}.client-card h2,.export-card h2{letter-spacing:-.035em;margin:5px 0 12px;font-size:20px}.client-card>p,.export-card p:not(.eyebrow){color:#748096;font-size:12px;line-height:1.6}.export-card{max-width:650px}.export-card .primary-button{margin-top:8px}.dashboard-mode-switch{background:linear-gradient(110deg,#f8faff,#f0f3ff);border:1px solid #dce3f0;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 18px;padding:16px 18px;display:flex}.dashboard-mode-switch h2{letter-spacing:-.025em;margin:0;font-size:18px}.project-topbar-actions{align-items:center;gap:14px;display:flex}.project-clock,.client-clock{font-variant-numeric:tabular-nums}.project-clock{color:#69768c;font-size:11px;font-weight:700}.client-clock{white-space:nowrap}.client-access-intro{background:linear-gradient(110deg,#fafbff,#f0f4ff);border:1px solid #dde5f0;border-radius:14px;margin-bottom:16px;padding:19px 21px}.client-access-intro h2{letter-spacing:-.035em;margin:4px 0 6px;font-size:21px}.client-access-intro p:not(.eyebrow){color:#708096;max-width:650px;margin:0;font-size:12px;line-height:1.55}.client-publish-card{gap:13px;display:grid}.client-card-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.client-card-heading svg{background:#fff;border:1px solid #e1e6ee;border-radius:8px;flex:none;padding:5px}.client-link-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;display:grid}.client-link-row code{color:#4b5fbe;text-overflow:ellipsis;white-space:nowrap;background:#f7f9fd;border:1px solid #dce3ef;border-radius:8px;padding:10px;font-size:10px;overflow:hidden}.client-card-actions{gap:8px;display:flex}.client-assignment,.client-branding{border-top:1px solid #e7ebf2;padding-top:11px}.client-assignment summary,.client-branding summary{color:#4b5fd1;cursor:pointer;font-size:11px;font-weight:800}.client-assignment form,.client-branding form{gap:9px;margin-top:12px;display:grid}.client-assignment label,.client-branding label{color:#6f7c91;gap:5px;font-size:10px;font-weight:800;display:grid}.client-assignment input,.client-branding input{color:#344159;background:#fbfcff;border:1px solid #dce3ed;border-radius:8px;width:100%;padding:9px;font-size:11px}.client-branding small{color:#8793a5;font-size:10px;line-height:1.45}.client-logo-preview{object-fit:contain;background:#fff;border:1px solid #e1e6ed;border-radius:8px;max-width:150px;max-height:72px;padding:6px}.client-branding input[type=file]{background:#fff;padding:6px}html[data-theme=dark] .client-access-intro{background:linear-gradient(110deg,#111c2e,#172640);border-color:#2d4161}html[data-theme=dark] .client-access-intro p:not(.eyebrow),html[data-theme=dark] .client-branding small{color:#aab8cf}html[data-theme=dark] .client-link-row code,html[data-theme=dark] .client-card-heading svg,html[data-theme=dark] .client-logo-preview{color:#b9c8ff;background:#0d1728;border-color:#304360}html[data-theme=dark] .client-assignment,html[data-theme=dark] .client-branding{border-color:#2b3d5a}.client-header-logo{object-fit:contain;background:#fff;border:1px solid #e0e5ed;border-radius:8px;width:34px;height:34px;margin-left:4px}html[data-theme=dark] .client-header-logo{background:#0d1728;border-color:#334866}.invoice-calculation{background:#f8faff;border:1px solid #dce5f1;border-radius:11px;margin-top:16px;padding:15px}.invoice-calculation p{color:#718097;margin:0;font-size:11px;line-height:1.5}.invoice-calculation dl{grid-template-columns:repeat(3,1fr);gap:9px;margin:11px 0 0;display:grid}.invoice-calculation dl div{background:#fff;border:1px solid #e2e8f1;border-radius:8px;padding:9px}.invoice-calculation dt{color:#7f8ca1;font-size:10px}.invoice-calculation dd{color:#34425c;margin:4px 0 0;font-size:14px;font-weight:800}html[data-theme=dark] .invoice-calculation,html[data-theme=dark] .invoice-calculation dl div{background:#111c2e;border-color:#2c3e5b}html[data-theme=dark] .invoice-calculation p,html[data-theme=dark] .invoice-calculation dt{color:#a8b6cb}html[data-theme=dark] .invoice-calculation dd{color:#edf3ff}@media (max-width:700px){.invoice-calculation dl{grid-template-columns:1fr 1fr}}.publish-dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c16288c;place-items:center;padding:28px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.publish-dialog{color:#1b263d;background:#fff;border:1px solid #dbe3f0;border-radius:18px;width:min(680px,100%);padding:30px;position:relative;box-shadow:0 28px 70px #07112647}.publish-dialog h2{letter-spacing:-.05em;margin:9px 0 12px;font-size:31px}.publish-dialog-intro{color:#697991;max-width:590px;margin:0 0 26px;font-size:14px;line-height:1.6}.publish-dialog-close{color:#64738d;background:#f1f4f9;border:0;border-radius:10px;width:39px;height:39px;font-size:28px;line-height:1;position:absolute;top:20px;right:20px}.publish-qr-card{background:#f8faff;border:1px solid #dce4ef;border-radius:14px;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:28px;padding:22px;display:grid}.publish-qr{background:#fff;border:1px solid #d9e1ee;border-radius:11px;place-items:center;padding:11px;display:grid}.publish-qr-card h3{margin:0 0 7px;font-size:18px}.publish-qr-card p{color:#728099;margin:0 0 16px;font-size:12px}.publish-url-label{color:#4f5d72;margin:25px 0 8px;font-size:11px;font-weight:800;display:block}.publish-link-row{grid-template-columns:minmax(0,1fr) auto;gap:9px;display:grid}.publish-link-row code{color:#4b5fd1;text-overflow:ellipsis;white-space:nowrap;background:#f8faff;border:1px solid #d7e0ed;border-radius:10px;padding:13px 14px;font-size:12px;overflow:hidden}.publish-protection{background:#fbfcff;border:1px solid #dbe3ef;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-top:19px;padding:17px;display:flex}.publish-protection strong{margin-bottom:4px;font-size:13px;display:block}.publish-protection p{color:#748299;margin:0;font-size:11px;line-height:1.5}.toggle-control{flex:none;display:block}.toggle-control input{opacity:0;pointer-events:none;position:absolute}.toggle-control span{background:#5264df;border-radius:999px;width:42px;height:24px;padding:3px;display:block}.toggle-control span:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;display:block;transform:translate(18px);box-shadow:0 1px 3px #18223940}.publish-security-note{color:#5e6d94;background:#edf1ff;border-radius:10px;margin-top:16px;padding:13px 15px;font-size:11px;line-height:1.55}.publish-security-note strong{color:#4557be}.publish-message{color:#3d57bf;margin:12px 0 0;font-size:11px;font-weight:700}.publish-dialog footer{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.publish-dialog footer .primary-button{padding-inline-start:17px;padding-inline-end:17px}html[data-theme=dark] .publish-dialog{color:#edf3ff;background:#111c2e;border-color:#334866}html[data-theme=dark] .publish-dialog-close{color:#c8d5ef;background:#1b2a45}html[data-theme=dark] .publish-dialog-intro,html[data-theme=dark] .publish-qr-card p,html[data-theme=dark] .publish-protection p{color:#aab8cf}html[data-theme=dark] .publish-qr-card,html[data-theme=dark] .publish-protection{background:#14213a;border-color:#2e4262}html[data-theme=dark] .publish-qr{background:#fff;border-color:#dce4ef}html[data-theme=dark] .publish-link-row code{color:#aebdff;background:#0d1728;border-color:#304360}html[data-theme=dark] .publish-security-note{color:#b6c3e0;background:#1a2a49}@media (max-width:620px){.publish-dialog-backdrop{align-items:start;padding:10px}.publish-dialog{padding:24px 18px}.publish-dialog h2{font-size:26px}.publish-qr-card{grid-template-columns:1fr;gap:16px}.publish-qr-card>div:last-child{text-align:center}.publish-link-row{grid-template-columns:1fr}.publish-link-row .primary-button{width:100%}.publish-dialog footer{grid-template-columns:1fr 1fr;display:grid}.publish-dialog footer button{width:100%}}.dashboard-mode-switch>div:first-child p:last-child{color:#65738b;max-width:620px;margin:5px 0 0;font-size:12px;line-height:1.5}.dashboard-editor{grid-template-columns:268px minmax(520px,1fr) 280px;align-items:start;gap:14px;display:grid}.dashboard-library,.widget-inspector,.dashboard-workbench{background:#fff;border:1px solid #dce4ef;border-radius:14px;box-shadow:0 5px 18px #1823480a}.dashboard-library,.widget-inspector{padding:16px}.dashboard-library label,.widget-inspector label{color:#68758b;gap:6px;font-size:10px;font-weight:800;display:grid}.dashboard-library select,.widget-inspector input,.widget-inspector select{color:#344159;background:#fbfcff;border:1px solid #d9e1ed;border-radius:8px;width:100%;padding:9px;font-size:11px}.library-heading{gap:3px;margin-bottom:14px;display:grid}.library-heading p,.widget-inspector>p{margin:0}.dashboard-widget-library{gap:7px;margin:13px 0;display:grid}.dashboard-widget-library button{color:#536176;text-align:left;background:#fff;border:1px solid #e0e5ed;border-radius:9px;align-items:center;gap:10px;padding:9px;display:flex}.dashboard-widget-library button.selected{color:#4055c9;background:#eff2ff;border-color:#8493eb;box-shadow:0 3px 9px #5264df1a}.dashboard-widget-library b{color:#5366d8;background:#eef1ff;border-radius:8px;place-items:center;width:29px;height:29px;font-size:15px;display:grid}.dashboard-widget-library span{gap:2px;display:grid}.dashboard-widget-library strong{font-size:11px}.dashboard-widget-library small{color:#8390a4;font-size:9px}.dashboard-workbench{min-width:0;overflow:hidden}.workbench-toolbar{border-bottom:1px solid #e7ebf2;justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 16px;display:flex}.workbench-toolbar>div:first-child{gap:3px;display:grid}.workbench-toolbar strong{font-size:15px}.workbench-toolbar small{color:#8290a4;font-size:10px}.workbench-toolbar>.button-group{flex-wrap:wrap;justify-content:flex-end}.preview-switch{background:#edf1f7;border-radius:8px;padding:3px;display:flex}.preview-switch button{color:#708097;background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:800}.preview-switch button.active{color:#4558cf;background:#fff;box-shadow:0 1px 4px #19264b1f}.dashboard-preview{background:#f3f6fb;padding:16px;overflow:auto}.dashboard-preview.mobile{background:#e9edf5;padding:18px max(18px,50% - 195px)}.dashboard-preview.mobile .dashboard-grid-editor{min-width:354px}.dashboard-grid-editor{background-image:linear-gradient(#dfe7f2 1px,#0000 1px),linear-gradient(90deg,#dfe7f2 1px,#0000 1px);background-position:14px 14px;background-size:calc(8.33333% - 2.33333px) 44px;border:1px dashed #d2dcea;border-radius:11px;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:44px;gap:9px;min-height:590px;padding:14px;display:grid;position:relative}.dashboard-widget-card{cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(150deg,#fff,#f9fbff);border:1px solid #dce4ef;border-radius:10px;grid-template-rows:auto 1fr auto;min-width:0;min-height:0;padding:12px;display:grid;position:relative;box-shadow:0 3px 9px #1f30580d}.dashboard-widget-card:active{cursor:grabbing}.dashboard-widget-card.selected{border-color:#7181e6;box-shadow:0 0 0 2px #e1e5ff,0 8px 20px #4659cd1f}.dashboard-widget-card header{align-items:flex-start;gap:7px;min-width:0;display:flex}.widget-drag-handle{color:#8794a9;cursor:grab;padding:2px;font-size:16px;line-height:1}.dashboard-widget-card header>div{flex:1;min-width:0}.dashboard-widget-card p{color:#8490a5;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:9px;font-weight:800;overflow:hidden}.dashboard-widget-card h3{color:#34425d;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 8px;font-size:12px;overflow:hidden}.dashboard-widget-card footer{justify-content:space-between;align-items:center;gap:6px;margin-top:6px;display:flex}.dashboard-widget-card footer small{color:#8a96a8;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.widget-resize-handle{color:#7181d8;cursor:nwse-resize;background:0 0;border:0;font-size:17px;line-height:1}.dashboard-empty-editor{color:#718098;text-align:center;grid-column:1/-1;align-self:center;justify-items:center;padding:75px 25px;display:grid}.dashboard-empty-editor span{color:#5365d8;background:#e7ebff;border-radius:12px;place-items:center;width:44px;height:44px;font-size:21px;display:grid}.dashboard-empty-editor h3{color:#34425d;margin:15px 0 6px}.dashboard-empty-editor p{max-width:420px;margin:0;font-size:12px;line-height:1.55}.widget-inspector>p:not(.eyebrow){color:#758398;font-size:12px;line-height:1.55}.widget-inspector-form{gap:11px;margin-top:12px;display:grid}.series-editor{gap:6px;display:grid}.series-editor>div{background:#fafbfe;border:1px solid #e3e8f0;border-radius:7px;grid-template-columns:25px minmax(0,1fr) 24px;align-items:center;gap:6px;padding:6px;display:grid}.series-editor input[type=color]{background:0 0;border:0;border-radius:5px;width:25px;height:24px;padding:1px}.series-editor span{color:#526077;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.series-editor button{color:#718096;background:#f0f2f6;border:0;border-radius:5px;width:22px;height:22px;font-size:16px}.series-editor small,.inspector-data-note{color:#8491a5;font-size:10px;line-height:1.45}.professional-chart{min-height:100px;padding:2px 0;position:relative}.professional-chart svg{width:100%;height:112px;overflow:visible}.professional-chart>div{color:#8894a7;justify-content:space-between;font-size:8px;display:flex}.chart-grid{stroke:#e4e9f1;stroke-width:1px}.chart-reference{stroke:#e49438;stroke-width:1.2px;stroke-dasharray:3 2}.chart-reference-label{color:#bf711f;font-size:8px;position:absolute;top:7px;right:0}.chart-empty{color:#8793a6;text-align:center;place-items:center;min-height:90px;font-size:10px;display:grid}.professional-gauge{align-content:center;justify-items:center;gap:8px;min-height:100px;display:grid}.gauge-track{border:12px solid #e5eaf2;border-top-color:#5264df;border-bottom:0;border-radius:140px 140px 0 0;align-content:center;place-items:center;width:132px;height:66px;display:grid}.gauge-track strong{font-size:18px}.gauge-track small,.professional-gauge>span{color:#758398;font-size:9px}.difference-value{align-content:center;gap:5px;min-height:100px;display:grid}.difference-value strong{color:#3549a8;letter-spacing:-.05em;font-size:29px}.difference-value span{color:#79869a;font-size:10px;line-height:1.4}.widget-data-table{align-content:start;gap:4px;font-size:10px;display:grid;overflow:auto}.widget-data-table>div{border-bottom:1px solid #edf0f5;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:6px 0;display:grid}.widget-data-table span{color:#59677c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.widget-data-table i,.widget-series-legend i{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.widget-data-table strong{color:#35425a}.widget-data-table small{color:#8b96a7;grid-column:1/-1}.widget-series-legend{color:#78869a;flex-wrap:wrap;gap:5px 10px;padding-top:5px;font-size:9px;display:flex}.widget-series-legend span{align-items:center;display:flex}.widget-series-legend i{margin-right:4px}.dashboard-widget-card .widget-number{margin:10px 0 0;font-size:26px}html[data-theme=dark] .dashboard-library,html[data-theme=dark] .widget-inspector,html[data-theme=dark] .dashboard-workbench,html[data-theme=dark] .dashboard-widget-card{color:#e7edf8;background:#111c2e;border-color:#2c3e5b}html[data-theme=dark] .dashboard-preview{background:#0d1728}html[data-theme=dark] .dashboard-preview.mobile{background:#101d31}html[data-theme=dark] .dashboard-grid-editor{background-image:linear-gradient(#263a56 1px,#0000 1px),linear-gradient(90deg,#263a56 1px,#0000 1px);border-color:#334866}html[data-theme=dark] .dashboard-widget-library button,html[data-theme=dark] .series-editor>div{color:#dfe7f7;background:#172640;border-color:#2d4161}html[data-theme=dark] .dashboard-widget-library small,html[data-theme=dark] .dashboard-widget-card p,html[data-theme=dark] .dashboard-widget-card footer small,html[data-theme=dark] .workbench-toolbar small,html[data-theme=dark] .difference-value span,html[data-theme=dark] .professional-gauge>span{color:#a7b6cd}html[data-theme=dark] .dashboard-widget-card h3,html[data-theme=dark] .widget-data-table strong{color:#edf3ff}html[data-theme=dark] .preview-switch{background:#0d1728}html[data-theme=dark] .preview-switch button.active{color:#cad5ff;background:#263959}html[data-theme=dark] .chart-grid{stroke:#2c3e5b}@media (max-width:1220px){.dashboard-editor{grid-template-columns:245px minmax(0,1fr)}.widget-inspector{grid-column:1/-1}.widget-inspector-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.series-editor{grid-column:span 3}}@media (max-width:800px){.dashboard-editor{display:block}.dashboard-library,.widget-inspector{margin-bottom:14px}.workbench-toolbar{display:grid}.dashboard-preview.mobile{padding:16px}.widget-inspector-form{grid-template-columns:1fr}.series-editor{grid-column:auto}.dashboard-grid-editor{min-width:620px}.dashboard-preview{overflow:auto}.workbench-toolbar>.button-group{justify-content:flex-start}}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] body,html[data-theme=dark] .industrial-shell,html[data-theme=dark] .client-live-shell{color:#e7edf8;background:#0b1220}html[data-theme=dark] .project-sidebar,html[data-theme=dark] .project-topbar,html[data-theme=dark] .topbar,html[data-theme=dark] .client-live-header,html[data-theme=dark] .project-switcher,html[data-theme=dark] .summary-row div,html[data-theme=dark] .project-card,html[data-theme=dark] .mapping-card,html[data-theme=dark] .gateway-card,html[data-theme=dark] .configuration-card,html[data-theme=dark] .dashboard-picker button,html[data-theme=dark] .widget-library,html[data-theme=dark] .dashboard-canvas,html[data-theme=dark] .live-widget,html[data-theme=dark] .asset-library,html[data-theme=dark] .asset-inspector,html[data-theme=dark] .scada-canvas,html[data-theme=dark] .rule-builder,html[data-theme=dark] .document-editor,html[data-theme=dark] .client-card,html[data-theme=dark] .export-card,html[data-theme=dark] .client-widget,html[data-theme=dark] .client-events-live,html[data-theme=dark] .client-scada-canvas,html[data-theme=dark] .client-selected-asset,html[data-theme=dark] .client-scada-asset,html[data-theme=dark] .scada-node,html[data-theme=dark] .empty-panel{color:#e7edf8;box-shadow:none;background:#111c2e;border-color:#293954}html[data-theme=dark] .dashboard-mode-switch{background:linear-gradient(110deg,#111c2e,#172640);border-color:#304365}html[data-theme=dark] .secondary-button,html[data-theme=dark] .project-sidebar nav button:hover,html[data-theme=dark] .project-sidebar nav button.active,html[data-theme=dark] .client-mode,html[data-theme=dark] .segmented,html[data-theme=dark] .asset-palette button,html[data-theme=dark] .widget-types button,html[data-theme=dark] .client-mode button.active{color:#dbe5ff;background:#192741;border-color:#364b70}html[data-theme=dark] .project-sidebar nav button,html[data-theme=dark] .breadcrumb,html[data-theme=dark] .muted,html[data-theme=dark] .page-heading p:not(.eyebrow),html[data-theme=dark] .dashboard-studio-head p,html[data-theme=dark] .scada-intro p,html[data-theme=dark] .client-live-heading p:not(.eyebrow),html[data-theme=dark] .client-live-status,html[data-theme=dark] .project-clock,html[data-theme=dark] .client-widget p,html[data-theme=dark] .client-widget>small,html[data-theme=dark] .live-widget p,html[data-theme=dark] .live-widget>small,html[data-theme=dark] .asset-inspector label,html[data-theme=dark] .asset-create label,html[data-theme=dark] .mapping-controls label,html[data-theme=dark] .rule-builder-copy p,html[data-theme=dark] .document-editor>div p:not(.eyebrow),html[data-theme=dark] .client-selected-asset p:not(.eyebrow),html[data-theme=dark] .client-brand small{color:#aab8cf}html[data-theme=dark] .project-sidebar nav button.active,html[data-theme=dark] .breadcrumb a,html[data-theme=dark] .dashboard-picker button.active,html[data-theme=dark] .client-mode button.active{color:#9facff}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .mapping-controls input,html[data-theme=dark] .mapping-controls select,html[data-theme=dark] .widget-library select,html[data-theme=dark] .asset-create input,html[data-theme=dark] .asset-create select,html[data-theme=dark] .asset-inspector input,html[data-theme=dark] .asset-inspector select,html[data-theme=dark] .rule-condition-row input,html[data-theme=dark] .rule-condition-row select,html[data-theme=dark] .rule-details input,html[data-theme=dark] .rule-details select,html[data-theme=dark] .inline-create input{color:#e7edf8;background:#0c1628;border-color:#364b70}html[data-theme=dark] .scada-canvas{background:linear-gradient(135deg,#101d31,#0c1628)}html[data-theme=dark] .scada-grid,html[data-theme=dark] .client-scada-grid{background-image:linear-gradient(#314562 1px,#0000 1px),linear-gradient(90deg,#314562 1px,#0000 1px)}html[data-theme=dark] .live-widget h3,html[data-theme=dark] .widget-number,html[data-theme=dark] .client-metric,html[data-theme=dark] .client-widget dd,html[data-theme=dark] .scada-node,html[data-theme=dark] .client-scada-asset{color:#edf3ff}html[data-theme=dark] .scada-legend,html[data-theme=dark] .client-scada-legend{color:#b9c5d8;background:#111c2ef0;border-color:#324461}html[data-theme=dark] .status-pill.muted{color:#c4cee0;background:#26354d}@media (max-width:700px){.project-clock{display:none}.dashboard-mode-switch{flex-direction:column;align-items:flex-start}.project-topbar-actions{gap:8px}.client-clock{display:none}}.dashboard-editor{grid-template-columns:238px minmax(680px,1fr) 296px;gap:18px}.dashboard-workbench{min-height:710px}.dashboard-preview{background:#f1f5fa;padding:22px}.dashboard-grid-editor{background-size:calc(8.33333% - 2.33333px) 48px;grid-auto-rows:48px;gap:12px;min-height:650px}.dashboard-widget-card{border-radius:14px;padding:16px}.dashboard-widget-card h3{font-size:14px}.dashboard-widget-card p{font-size:10px}.operational-chart{min-height:255px;padding:8px 0 0}.operational-chart svg{width:100%;height:236px;display:block;overflow:visible}.operational-chart .chart-grid{stroke:#dbe4f0;stroke-width:1px}.operational-chart .chart-axis{stroke:#8592a6;stroke-width:1.1px}.operational-chart .chart-axis-label{fill:#6f7c90;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px}.operational-chart .chart-axis-title{fill:#506079;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:17px;font-weight:700}.operational-chart .chart-reference{stroke:#d87c24;stroke-width:1.5px;stroke-dasharray:7 5}.operational-chart .chart-reference-text{fill:#b96617;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;font-weight:700}.chart-range-control{justify-content:flex-end;gap:2px;margin:0 2px 4px;display:flex}.chart-range-control button{color:#63728a;background:0 0;border:0;border-radius:7px;min-width:42px;padding:7px 9px;font-size:11px;font-weight:800}.chart-range-control button.active{color:#3348bd;background:#fff;box-shadow:0 2px 7px #253a7626}.chart-caption{color:#7a879a;justify-content:space-between;gap:12px;padding:0 4px;font-size:10px;font-weight:700;display:flex}html[data-theme=dark] .operational-chart .chart-grid{stroke:#2f4566}html[data-theme=dark] .operational-chart .chart-axis{stroke:#5c6e8a}html[data-theme=dark] .operational-chart .chart-axis-label{fill:#aebbd0}html[data-theme=dark] .operational-chart .chart-axis-title{fill:#d9e4f6}html[data-theme=dark] .chart-range-control button.active{color:#dce5ff;background:#283b5b}html[data-theme=dark] .chart-caption{color:#aab9cf}@media (max-width:1360px){.dashboard-editor{grid-template-columns:230px minmax(500px,1fr)}.widget-inspector{grid-column:1/-1}.widget-inspector-form{grid-template-columns:repeat(3,minmax(0,1fr))}.series-editor{grid-column:span 3}}@media (max-width:800px){.dashboard-editor{display:block}.dashboard-workbench{min-height:auto}.operational-chart svg{min-width:620px}.operational-chart{overflow:auto}.dashboard-widget-card:has(.operational-chart){min-height:290px}}.client-widget:has(.client-operational-chart){min-height:330px}.client-operational-chart{min-height:240px;margin-top:4px}.client-operational-chart svg{width:100%;height:228px;display:block;overflow:visible}.client-chart-grid{stroke:#dce4ef;stroke-width:1px}.client-chart-axis{stroke:#8996aa;stroke-width:1.1px}.client-chart-label{fill:#6f7b8f;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px}.client-range-control{justify-content:flex-end;gap:2px;margin-bottom:3px;display:flex}.client-range-control button{color:#65758d;background:0 0;border:0;border-radius:7px;min-width:42px;padding:7px 9px;font-size:11px;font-weight:800}.client-range-control button.active{color:#294ac5;background:#f7f9fd;box-shadow:0 2px 7px #253a761f}.client-chart-caption{color:#7b889c;justify-content:space-between;gap:12px;font-size:10px;font-weight:700;display:flex}.client-chart-empty{color:#75839a;text-align:center;place-items:center;min-height:150px;font-size:12px;display:grid}html[data-theme=dark] .client-chart-grid{stroke:#304664}html[data-theme=dark] .client-chart-axis{stroke:#5e7190}html[data-theme=dark] .client-chart-label{fill:#afbdd1}html[data-theme=dark] .client-range-control button.active{color:#dce6ff;background:#263b5b}html[data-theme=dark] .client-chart-caption,html[data-theme=dark] .client-chart-empty{color:#aab8ce}.chart-hover-tooltip rect,.client-chart-hover-tooltip rect{fill:#132440;stroke:#526caa;stroke-width:1px;filter:drop-shadow(0 4px 8px #0a162c38)}.chart-tooltip-value,.client-chart-tooltip-value{fill:#f8fbff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:800}.chart-tooltip-time,.client-chart-tooltip-time{fill:#c5d2e9;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:11px;font-weight:600}@media (max-width:800px){.client-operational-chart{overflow:auto}.client-operational-chart svg{min-width:620px}.client-widget:has(.client-operational-chart){min-height:345px}}@media (min-width:1400px){.content-pad:has(.dashboard-mode-switch){padding:26px 30px 46px}.dashboard-editor{grid-template-columns:210px minmax(820px,1fr) 280px;gap:16px}.dashboard-workbench{min-height:820px}.dashboard-preview{min-height:750px;padding:26px}.dashboard-grid-editor{background-size:calc(8.33333% - 2.33333px) 54px;grid-auto-rows:54px;min-height:700px}}.dashboard-library{position:relative}.dashboard-widget-picker{display:block}.dashboard-widget-picker>summary{text-align:center;list-style:none;display:block}.dashboard-widget-picker>summary::-webkit-details-marker{display:none}.dashboard-widget-picker[open] .widget-picker-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07101f85;place-items:center;padding:28px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.widget-picker-panel{background:#fff;border:1px solid #dfe5ef;border-radius:18px;width:min(1180px,100vw - 56px);max-height:calc(100vh - 56px);padding:28px;overflow:auto;box-shadow:0 28px 80px #0a16324d}.widget-picker-panel>header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.widget-picker-panel h2{color:#1d2a44;letter-spacing:-.04em;margin:0;font-size:25px}.widget-picker-panel p:not(.eyebrow){color:#687690;margin:7px 0 0;font-size:12px;line-height:1.5}.widget-picker-panel header label{color:#6a778d;gap:5px;min-width:245px;font-size:10px;font-weight:800;display:grid}.widget-picker-panel select,.widget-picker-search{color:#283650;background:#fbfcff;border:1px solid #d7dfec;border-radius:9px;width:100%;padding:10px 12px}.widget-picker-search{margin:20px 0 12px;font-size:14px}.widget-picker-categories{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.widget-picker-categories button{color:#5b6a83;background:#f6f8fc;border:1px solid #dce3ee;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800}.widget-picker-categories button.active{color:#4057cf;background:#e8eeff;border-color:#b9c8ff}.widget-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.widget-picker-grid button{color:#182640;text-align:left;background:#fff;border:1px solid #e0e6ef;border-radius:14px;grid-template-columns:1fr;justify-items:start;gap:8px;min-height:176px;padding:20px;display:grid}.widget-picker-grid button:hover{background:#f7f8ff;border-color:#9cacfa;box-shadow:0 8px 20px #4154be1a}.widget-picker-grid b{color:#465ad3;background:#eef2ff;border-radius:11px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.widget-picker-grid strong{font-size:16px}.widget-picker-grid small{color:#60708b;font-size:12px;line-height:1.45}.widget-picker-panel footer{color:#77869b;text-align:center;padding-top:18px;font-size:11px}.dashboard-operator-status{background:#e0e6ef;border-bottom:1px solid #e0e6ef;grid-template-columns:1.15fr .8fr .8fr;gap:1px;margin:0;display:grid}.dashboard-operator-status>div,.dashboard-operator-status time{background:#fbfcff;gap:4px;min-width:0;padding:12px 15px;display:grid}.dashboard-operator-status strong{color:#2d3c58;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.dashboard-operator-status small,.dashboard-operator-status time span{color:#77859a;font-size:10px}.dashboard-operator-status time{font-style:normal}.dashboard-operator-status time strong{font-size:11px}.dashboard-operator-status .status-pill{justify-self:start;padding:3px 7px;font-size:9px}html[data-theme=dark] .widget-picker-panel{background:#111d31;border-color:#2f4565}.widget-picker-panel h2{color:#e8f0ff}html[data-theme=dark] .widget-picker-panel p:not(.eyebrow),html[data-theme=dark] .widget-picker-grid small,html[data-theme=dark] .dashboard-operator-status small,html[data-theme=dark] .dashboard-operator-status time span{color:#a8b8d0}html[data-theme=dark] .widget-picker-panel select,html[data-theme=dark] .widget-picker-search,html[data-theme=dark] .widget-picker-grid button{color:#e5edfb;background:#15243a;border-color:#334967}html[data-theme=dark] .widget-picker-grid button:hover{background:#1a2c49}html[data-theme=dark] .dashboard-operator-status{background:#2c405d;border-color:#2c405d}html[data-theme=dark] .dashboard-operator-status>div,html[data-theme=dark] .dashboard-operator-status time{background:#111d31}html[data-theme=dark] .dashboard-operator-status strong{color:#e6efff}.rule-builder{align-items:start}.rule-logic{background:#f8faff;border:1px solid #dfe5ef;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:11px;display:flex}.rule-logic>span{color:#60708a;font-size:11px;font-weight:800}.rule-logic select{color:#31405b;background:#fff;border:1px solid #d9e1ed;border-radius:7px;min-width:190px;padding:8px}.rule-condition-stack{gap:9px;display:grid}.rule-condition-card{background:#fff;border:1px solid #dfe5ee;border-radius:10px;grid-template-columns:105px 1fr 1fr minmax(92px,.45fr) minmax(92px,.45fr) auto;align-items:end;gap:9px;padding:13px;display:grid;position:relative}.rule-condition-card>strong{color:#4c5fca;align-self:center;font-size:11px}.rule-condition-card label{color:#718097;gap:5px;font-size:9px;font-weight:800;display:grid}.rule-condition-card select,.rule-condition-card input{color:#34425d;background:#fbfcff;border:1px solid #d9e1ed;border-radius:7px;width:100%;padding:8px;font-size:10px}.rule-condition-card .text-button{color:#b54b5c;background:0 0;border:0;font-size:10px;font-weight:800}.rule-details{border-top:1px solid #e8edf3;margin-top:3px;padding-top:14px}.rule-list article{border-left:4px solid #cfd8ef}.rule-list article:has(.healthy){border-left-color:#36b984}.rule-list article>div{min-width:0}.rule-list h3{font-size:15px}.rule-list p{margin-bottom:4px}.rule-summary{border-left:3px solid #697ae2}.rule-builder>form>.primary-button{justify-self:start;min-width:178px}@media (max-width:1050px){.widget-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rule-condition-card{grid-template-columns:90px 1fr 1fr 1fr auto}}@media (max-width:760px){.widget-picker-panel{width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:18px}.widget-picker-panel>header{flex-direction:column;align-items:stretch}.widget-picker-panel header label{min-width:0}.widget-picker-grid,.dashboard-operator-status{grid-template-columns:1fr}.rule-condition-card{grid-template-columns:1fr 1fr}.rule-condition-card>strong{grid-column:span 2}.rule-condition-card .text-button{justify-self:start}.rule-builder{grid-template-columns:1fr}}.dashboard-layout-message{color:#4458c9;background:#f1f4ff;border-bottom:1px solid #cfd8fa;margin:0;padding:9px 15px;font-size:10px;font-weight:800}html[data-theme=dark] .dashboard-layout-message{color:#b7caff;background:#162545;border-color:#334d80}.widget-size-presets{background:#f8faff;border:1px solid #dfe5ef;border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px;padding:8px;display:flex}.widget-size-presets span{color:#728098;width:100%;font-size:9px;font-weight:800}.widget-size-presets button{color:#5264b9;background:#fff;border:1px solid #d6deef;border-radius:6px;padding:5px 6px;font-size:9px;font-weight:800}.widget-size-presets button:hover{background:#eef1ff;border-color:#8fa0ef}html[data-theme=dark] .widget-size-presets{background:#14223a;border-color:#304565}html[data-theme=dark] .widget-size-presets button{color:#bdd0ff;background:#1b2d49;border-color:#385078}.scada-studio,.asset-library,.asset-inspector,.asset-create,.asset-create label{min-width:0}.asset-create{width:100%}.asset-create input,.asset-create select{width:100%;min-width:0}.asset-library{overflow:hidden}@media (max-width:1250px){.scada-studio{grid-template-columns:220px minmax(0,1fr)}.asset-inspector{grid-column:1/-1}.asset-inspector form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.asset-inspector .asset-large,.asset-inspector .eyebrow{grid-column:span 3}.asset-inspector .two-col{grid-column:span 2}}@media (max-width:900px){.scada-studio{grid-template-columns:1fr}.asset-create{grid-template-columns:1fr 1fr;align-items:end}.asset-create .full{grid-column:1/-1}.asset-inspector form{grid-template-columns:1fr 1fr}.asset-inspector .asset-large,.asset-inspector .eyebrow,.asset-inspector .two-col{grid-column:span 2}}.widget-picker-actions{align-items:end;gap:12px;display:flex}.widget-picker-close{color:#53627d;background:#f6f8fc;border:1px solid #d9e1ed;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;font-size:24px;line-height:1;display:grid}.widget-picker-close:hover{color:#4057cf;background:#eef1ff;border-color:#8fa0ef}.widget-picker-panel header label{min-width:245px}.mapped-fields-control{background:#f8faff;border:1px solid #dfe5ef;border-radius:9px;gap:6px;padding:10px;display:grid}.mapped-fields-control strong{color:#4153bf;font-size:11px}.mapped-fields-control>small{color:#718097;font-size:10px;line-height:1.45}.widget-size-presets small{color:#728098;width:100%;font-size:9px;line-height:1.35}.operational-chart{min-height:310px}.operational-chart svg{shape-rendering:geometricprecision;height:286px}.dashboard-widget-card:has(.operational-chart){min-height:325px}.widget-data-table{min-height:160px}html[data-theme=dark] .mapped-fields-control{background:#14223a;border-color:#304565}.widget-picker-close{color:#bdd0ff;background:#1b2d49;border-color:#385078}@media (max-width:760px){.widget-picker-actions{align-items:stretch;width:100%}.widget-picker-panel header label{flex:1;min-width:0}.operational-chart{overflow:auto}.operational-chart svg{min-width:700px}.dashboard-widget-card:has(.operational-chart){min-height:345px}}.battery-visual{justify-content:center;align-items:center;gap:14px;min-height:150px;display:flex}.battery-icon{background:#fffdf3;border:4px solid #f0c52e;border-radius:12px;gap:5px;width:126px;height:66px;padding:8px;display:flex;position:relative;box-shadow:0 7px 16px #b4840c29}.battery-icon:after{content:"";background:#f0c52e;border-radius:0 5px 5px 0;width:10px;height:25px;position:absolute;top:19px;right:-15px}.battery-icon span{background:#f4d34b;border-radius:4px;flex:1;display:block}.battery-icon span:last-of-type{background:#edf0f5}.battery-icon i{display:none;position:absolute;top:auto;bottom:auto;left:auto;right:auto}.battery-visual>div:last-child{gap:5px;display:grid}.battery-visual strong{color:#3b475c;font-size:20px}.battery-visual strong small{color:#718096;font-size:11px}.battery-visual>div:last-child>span{color:#7b8798;font-size:10px;line-height:1.35}html[data-theme=dark] .battery-icon{background:#172640;border-color:#e3b82f}html[data-theme=dark] .battery-icon span:last-of-type{background:#34445e}html[data-theme=dark] .battery-visual strong{color:#edf3ff}.projects-header-actions{align-items:center;gap:14px;display:flex}.projects-header-actions time{color:#6f7d91;background:#fff;border:1px solid #dfe5ef;border-radius:9px;gap:3px;padding:8px 11px;font-size:10px;font-style:normal;display:grid}.projects-header-actions time strong{color:#33425b;font-size:11px}.project-card-detailed{gap:0;display:grid}.project-card-detailed .project-card-top{margin-bottom:14px}.project-client-summary{color:#78859a;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px;padding:13px 0;font-size:10px;display:grid}.project-client-summary>strong{color:#4050a8;grid-column:1/-1;font-size:11px}.project-client-summary span{gap:2px;display:grid}.project-client-summary b{color:#35435a;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}html[data-theme=dark] .projects-header-actions time{color:#adbad0;background:#111c2e;border-color:#354b6d}html[data-theme=dark] .projects-header-actions time strong,html[data-theme=dark] .project-client-summary b{color:#e6efff}html[data-theme=dark] .project-client-summary{color:#aebbd0;border-color:#2d4160}@media (max-width:700px){.projects-header-actions{flex-direction:column;align-items:stretch}.project-client-summary{grid-template-columns:1fr}}.billing-formula{color:#63708a;background:#f3f6ff;border:1px solid #d8e0fb;border-radius:10px;gap:6px;margin-top:18px;padding:13px;font-size:10px;line-height:1.5;display:grid}.billing-formula strong{color:#4356c8;font-size:11px}.billing-field-picker{background:#fafbfe;border:1px solid #dce3ee;border-radius:10px;gap:8px;padding:13px;display:grid}.billing-field-picker legend{color:#4d5870;padding:0 4px;font-size:11px;font-weight:800}.billing-field-picker p{color:#7b8799;margin:0;font-size:10px;line-height:1.45}.billing-field-picker>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.billing-field-picker label{background:#fff;border:1px solid #e0e5ee;border-radius:7px;align-items:center;gap:7px;padding:8px 9px;color:#526078!important;font-size:10px!important;font-weight:700!important;display:flex!important}.billing-field-picker input{width:auto!important;padding:0!important}.billing-field-picker small,.billing-reading-note{color:#8190a4;font-size:10px;line-height:1.5}.billing-reading-note{margin-top:11px;display:block}@media (max-width:700px){.billing-field-picker>div{grid-template-columns:1fr}}.danger-button{color:#ad3548;background:#fff;border:1px solid #e4b9c0;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:800}.danger-button:hover:not(:disabled){background:#fff2f4;border-color:#c94d5f}.delete-projects-dialog{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f193080;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.delete-projects-dialog>div{color:#2d3850;background:#fff;border:1px solid #dfe4ed;border-radius:15px;gap:14px;width:min(500px,100%);padding:26px;display:grid;box-shadow:0 30px 80px #0a142e47}.delete-projects-dialog h2{letter-spacing:-.04em;margin:-5px 0 0;font-size:24px}.delete-projects-dialog p:not(.eyebrow){color:#657289;margin:0;font-size:12px;line-height:1.6}.delete-projects-dialog label{color:#4d5870;gap:8px;font-size:11px;font-weight:800;display:grid}.delete-projects-dialog input{color:#25304a;width:100%;font:inherit;background:#fff;border:1px solid #dbe1eb;border-radius:8px;padding:10px 11px}.project-location{grid-column:1/-1}.project-client-summary .project-location b{overflow-wrap:anywhere}@media (max-width:700px){.project-location{grid-column:auto}.delete-projects-dialog>div{padding:22px 18px}}html[data-theme=dark] .delete-projects-dialog>div{color:#e7edf8;background:#111c2e;border-color:#304365}html[data-theme=dark] .delete-projects-dialog p:not(.eyebrow),html[data-theme=dark] .delete-projects-dialog label{color:#b7c3d7}html[data-theme=dark] .delete-projects-dialog input{color:#e7edf8;background:#0c1628;border-color:#364b70}html[data-theme=dark] .danger-button{color:#ffb8c3;background:#241922;border-color:#75424d}.activity-card-head{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;gap:10px;display:flex}.activity-card-head .eyebrow{margin-bottom:12px}.activity-card-head>span{color:#5264cc;background:#eef2ff;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800}.activity-list{gap:0;display:grid}.activity-uplink{border-bottom:1px solid #edf0f5;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0;display:grid}.activity-uplink:last-child{border-bottom:0}.activity-uplink i{background:#2bb882;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #e4f8f0}.activity-uplink span{gap:3px;min-width:0;display:grid}.activity-uplink strong{color:#34415b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.activity-uplink small{color:#8490a2;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.activity-uplink em{color:#6474ad;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:10px;font-style:normal;font-weight:700;overflow:hidden}@media (max-width:700px){.activity-uplink{grid-template-columns:auto minmax(0,1fr)}.activity-uplink em{text-align:left;grid-column:2;max-width:none}}html[data-theme=dark] .activity-card-head{border-color:#2b3d59}html[data-theme=dark] .activity-uplink{border-color:#293954}html[data-theme=dark] .activity-uplink strong{color:#e6edfb}html[data-theme=dark] .activity-uplink small{color:#a8b6cb}.client-notification-menu{position:relative}.client-notification-bell{color:#5366d9;background:#fff;border:1px solid #d8e1f0;border-radius:10px;place-items:center;width:38px;height:38px;font-size:17px;display:grid;position:relative}.client-notification-bell.has-alerts{color:#c96b13;background:#fff6e8;border-color:#f0b25e;box-shadow:0 0 0 4px #eb8b1c21}.client-notification-bell b{color:#fff;background:#d83d58;border-radius:999px;min-width:18px;padding:2px 4px;font-size:9px;line-height:1.2;position:absolute;top:-7px;right:-7px}.client-notification-panel{z-index:80;color:#253552;background:#fff;border:1px solid #dce5f2;border-radius:14px;width:min(440px,100vw - 24px);max-height:min(640px,100vh - 70px);padding:16px;position:absolute;top:48px;right:0;overflow:auto;box-shadow:0 20px 50px #0f1e3c3b}.client-notification-panel>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.client-notification-panel h2{color:#21304c;margin:3px 0;font-size:18px}.client-notification-panel header small{color:#74829a;font-size:11px}.client-notification-panel>header>button{color:#70809b;background:0 0;border:0;font-size:24px}.client-notification-actions{flex-wrap:wrap;gap:7px;margin:13px 0;display:flex}.client-notification-actions .secondary-button{padding:7px 9px;font-size:10px}.client-push-state{color:#465bc5;background:#eef3ff;border-radius:7px;margin:0 0 9px;padding:8px;font-size:10px;font-weight:700}.client-notification-list{gap:8px;display:grid}.client-notification-item{color:#253552;text-align:left;background:#fff;border:1px solid #e2e7ef;border-left-width:4px;border-radius:9px;grid-template-columns:auto minmax(0,1fr);gap:9px;width:100%;padding:10px;display:grid}.client-notification-item.warning{border-left-color:#e6a033}.client-notification-item.alarm,.client-notification-item.critical{border-left-color:#d84b5b}.client-notification-item.read{opacity:.62}.client-notification-item>i{color:#b56815;background:#fff1dc;border-radius:50%;place-items:center;width:22px;height:22px;font-style:normal;font-weight:900;display:grid}.client-notification-item.alarm>i,.client-notification-item.critical>i{color:#c23d51;background:#fff0f2}.client-notification-item span{gap:3px;min-width:0;display:grid}.client-notification-item strong,.client-notification-item small,.client-notification-item em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.client-notification-item strong{font-size:11px}.client-notification-item small{color:#697995;font-size:10px}.client-notification-item em{color:#566883;font-size:9px;font-style:normal}.client-notification-item time{color:#8491a5;grid-column:2;font-size:9px}.client-notification-empty{color:#728098;text-align:center;margin:6px 0;font-size:11px}.client-scada-asset.client-scada-attention.warning{border-color:#e6a033;box-shadow:0 0 0 4px #e6a03329}.client-scada-asset.client-scada-attention.alarm,.client-scada-asset.client-scada-attention.critical{border-color:#d84b5b;box-shadow:0 0 0 4px #d84b5b29}.client-scada-alert-badge{color:#a75b0b;background:#fff1d9;border-radius:999px;padding:3px 5px;font-size:8px;font-weight:900;position:absolute;top:8px;right:9px}.client-scada-alert-badge.alarm,.client-scada-alert-badge.critical{color:#b83248;background:#ffecef}.client-selected-alert{color:#8c5514;background:#fff8eb;border:1px solid #f1c57b;border-radius:9px;gap:4px;margin:12px 0;padding:10px;font-size:10px;display:grid}.client-selected-alert.alarm,.client-selected-alert.critical{color:#a63044;background:#fff1f3;border-color:#f0a4af}.client-selected-alert span,.client-selected-alert small{color:inherit}.scada-machine-card.scada-attention.warning{border-color:#dfa23e;box-shadow:0 0 0 4px #dfa23e29}.scada-machine-card.scada-attention.alarm,.scada-machine-card.scada-attention.critical{border-color:#dc5668;box-shadow:0 0 0 4px #dc566829}.scada-alert-badge{color:#9c5e12;background:#fff1d9;border-radius:999px;padding:3px 5px;font-size:8px;font-weight:900;position:absolute;top:7px;right:8px}.scada-alert-badge.alarm,.scada-alert-badge.critical{color:#b83248;background:#ffecef}@media (max-width:700px){.client-notification-panel{width:calc(100vw - 24px);max-height:calc(100vh - 78px);position:fixed;top:62px;right:12px}.client-notification-actions>*{flex:1}.client-notification-item{padding:9px}.client-notification-item time{white-space:normal}.client-live-status{gap:7px}}html[data-theme=dark] .client-notification-bell{color:#b8c8ff;background:#14233b;border-color:#3b5275}html[data-theme=dark] .client-notification-bell.has-alerts{color:#ffd495;background:#2d2518;border-color:#b8792a}html[data-theme=dark] .client-notification-panel,html[data-theme=dark] .client-notification-item{color:#e8effb;background:#111e32;border-color:#314767}html[data-theme=dark] .client-notification-panel h2{color:#e8effb}html[data-theme=dark] .client-notification-panel header small,html[data-theme=dark] .client-notification-item small,html[data-theme=dark] .client-notification-item em,html[data-theme=dark] .client-notification-item time,html[data-theme=dark] .client-notification-empty{color:#aebdd2}html[data-theme=dark] .client-notification-item>i{color:#ffd18b;background:#3a2b17}html[data-theme=dark] .client-notification-item.alarm>i,html[data-theme=dark] .client-notification-item.critical>i{color:#ffbac5;background:#3c1f2b}html[data-theme=dark] .client-push-state{color:#b6c9ff;background:#1a2d4d}html[data-theme=dark] .client-selected-alert{color:#ffd89a;background:#2e271a;border-color:#8e6829}html[data-theme=dark] .client-selected-alert.alarm,html[data-theme=dark] .client-selected-alert.critical{color:#ffc4cd;background:#3a202b;border-color:#82424e}.rule-actions{background:#f8faff;border:1px solid #dfe5ef;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:13px;display:grid}.rule-actions legend{color:#60708a;letter-spacing:.08em;padding:0 4px;font-size:10px;font-weight:900}.rule-actions label{color:#43516a;cursor:pointer;background:#fff;border:1px solid #e0e5ee;border-radius:8px;align-items:flex-start;gap:8px;padding:9px;display:flex}.rule-actions input{width:auto;margin:2px 0 0}.rule-actions span{gap:2px;display:grid}.rule-actions b{font-size:11px}.rule-actions small{color:#7b879a;font-size:9px;line-height:1.35}.rule-email-fields{background:#fbfcff;border:1px solid #dfe5ef;border-radius:10px;grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.rule-email-fields label{color:#60708a;gap:5px;font-size:10px;font-weight:800;display:grid}.rule-email-fields input{color:#34425d;background:#fff;border:1px solid #d9e1ed;border-radius:7px;width:100%;padding:9px;font-size:11px}.rule-email-fields small{color:#77849a;grid-column:span 2;font-size:10px;line-height:1.45}.rule-form-error{color:#b23f50;background:#fff1f2;border:1px solid #f4c4c9;border-radius:8px;margin:0;padding:10px 12px;font-size:11px;font-weight:700}.rule-list .button-group{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:760px){.rule-actions,.rule-email-fields{grid-template-columns:1fr}.rule-email-fields small{grid-column:auto}.rule-list article{flex-direction:column;align-items:flex-start}.rule-list .button-group{width:100%}}html[data-theme=dark] .rule-actions{background:#16233a;border-color:#304260}html[data-theme=dark] .rule-actions label{color:#e5ecfa;background:#101b2e;border-color:#344764}html[data-theme=dark] .rule-actions legend,html[data-theme=dark] .rule-actions small,html[data-theme=dark] .rule-email-fields label,html[data-theme=dark] .rule-email-fields small{color:#aab9cf}html[data-theme=dark] .rule-email-fields{background:#16233a;border-color:#304260}html[data-theme=dark] .rule-email-fields input{color:#e5ecfa;background:#0d1728;border-color:#344764}html[data-theme=dark] .rule-form-error{color:#ffc6cf;background:#3a1d29;border-color:#713b4a}.rule-email-fields .wide{grid-column:1/-1}.rule-email-fields textarea{resize:vertical;color:#34425d;width:100%;min-height:104px;font:inherit;background:#fff;border:1px solid #d9e1ed;border-radius:7px;padding:9px;font-size:11px;line-height:1.5}:root[data-theme=dark] .rule-email-fields textarea{color:#e5ecfa;background:#0d1728;border-color:#344764}@media (max-width:760px){.rule-email-fields .wide{grid-column:auto}}.scada-node>i.offline{background:#e05b72}.asset-link-help{color:#7a879a;margin-top:2px;font-size:10px;font-weight:600;line-height:1.4}:root[data-theme=dark] .asset-link-help{color:#a9bad4}.integration-workspace{gap:18px;display:grid}.integration-toolbar{background:linear-gradient(120deg,#f7f9ff,#eef2ff);border:1px solid #dfe5ef;border-radius:14px;justify-content:space-between;align-items:flex-end;gap:20px;padding:24px;display:flex;box-shadow:0 5px 18px #18234809}.integration-toolbar h2{color:#26334d;letter-spacing:-.04em;margin:4px 0 7px;font-size:23px}.integration-toolbar p:not(.eyebrow){color:#68758b;max-width:650px;margin:0;font-size:12px;line-height:1.55}.integration-toolbar .primary-button{flex:none}.integration-create-card{max-width:900px}.integration-webhook-result{background:#f4f6ff;border:1px solid #aab8ff;border-left:4px solid #596ce5;border-radius:14px;grid-template-columns:minmax(0,1fr);gap:14px;padding:22px;display:grid;box-shadow:0 8px 22px #3d52b81a}.integration-webhook-result h3{color:#303f77;margin:4px 0 7px;font-size:18px}.integration-webhook-result p:not(.eyebrow){color:#60708e;margin:0;font-size:12px;line-height:1.55}.integration-webhook-copy{align-items:stretch;gap:10px;display:flex}.integration-webhook-copy code{color:#4055c5;white-space:normal;overflow-wrap:anywhere;background:#fff;border:1px solid #cfd8fb;border-radius:9px;flex:1;min-width:0;padding:12px 13px;font-size:11px;line-height:1.45;display:block;overflow:auto}.integration-webhook-copy .primary-button{white-space:nowrap}@media (max-width:700px){.integration-toolbar{flex-direction:column;align-items:stretch;padding:19px}.integration-toolbar .primary-button{width:100%}.integration-webhook-result{padding:18px}.integration-webhook-copy{flex-direction:column;align-items:stretch}.integration-webhook-copy .primary-button{width:100%}}html[data-theme=dark] .integration-toolbar{background:linear-gradient(120deg,#111d31,#172744);border-color:#304565}html[data-theme=dark] .integration-toolbar h2{color:#e8efff}html[data-theme=dark] .integration-toolbar p:not(.eyebrow){color:#adbbd0}html[data-theme=dark] .integration-webhook-result{background:#14223d;border-color:#405a9c}html[data-theme=dark] .integration-webhook-result h3{color:#dce6ff}html[data-theme=dark] .integration-webhook-result p:not(.eyebrow){color:#b5c4dd}html[data-theme=dark] .integration-webhook-copy code{color:#aec5ff;background:#0d1728;border-color:#38517e}
.dashboard-rebuild-intro{margin-bottom:14px}.dashboard-navigation{justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 16px;display:flex}.dashboard-navigation>div{min-width:0}.dashboard-navigation>.secondary-button{flex:none}.dashboard-navigation .eyebrow{margin:0 0 8px;display:block}.dashboard-editor-rebuilt{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.dashboard-editor-rebuilt.inspector-closed{grid-template-columns:minmax(0,1fr)}.dashboard-editor-rebuilt .dashboard-workbench{min-width:0}.workbench-toolbar-rebuilt{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #dfe6f1;border-radius:14px 14px 0 0;align-items:flex-start;position:sticky;top:8px;box-shadow:0 8px 22px #1e2c4f12}.workbench-toolbar-rebuilt>div:first-child{min-width:160px}.workbench-toolbar-rebuilt .eyebrow{color:#5264c8;margin:0 0 4px;font-size:9px}.workbench-toolbar-rebuilt strong{font-size:17px;display:block}.dashboard-delivery-controls{background:#fbfcff;border-bottom:1px solid #e0e6ef;flex-wrap:wrap;gap:14px;padding:11px 15px;display:flex}.dashboard-delivery-controls .check-row{color:#60708a;gap:7px;font-size:10px;font-weight:800}.dashboard-delivery-controls .check-row input{width:14px;height:14px}.widget-inspector-drawer{border-radius:14px;max-height:calc(100vh - 32px);position:sticky;top:8px;overflow:auto}.widget-inspector-drawer>header{background:#f8faff;border-bottom:1px solid #e1e6ef;justify-content:space-between;align-items:center;margin:-1px -1px 14px;padding:14px 15px;display:flex}.widget-inspector-drawer>header .eyebrow{margin:0}.dashboard-create-backdrop{z-index:110}.dashboard-create-dialog{background:#fff;border:1px solid #dae2ef;border-radius:18px;gap:18px;width:min(600px,100vw - 32px);max-height:calc(100vh - 32px);padding:27px;display:grid;overflow:auto;box-shadow:0 30px 90px #0c1b394d}.dashboard-create-dialog>header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.dashboard-create-dialog h2{color:#1e2d48;letter-spacing:-.04em;margin:0;font-size:25px}.dashboard-create-dialog p:not(.eyebrow){color:#687892;margin:7px 0 0;font-size:12px;line-height:1.55}.dashboard-create-dialog form{gap:14px;display:grid}.dashboard-create-dialog form>label,.dashboard-create-dialog fieldset{color:#55637a;gap:7px;font-size:11px;font-weight:800;display:grid}.dashboard-create-dialog input,.dashboard-create-dialog textarea,.dashboard-create-dialog select{color:#2f3c55;width:100%;font:inherit;background:#fbfcff;border:1px solid #d8e0ec;border-radius:9px;padding:10px 11px}.dashboard-create-dialog textarea{resize:vertical}.dashboard-create-dialog fieldset{background:#f8faff;border:1px solid #dce4ef;border-radius:10px;padding:12px}.dashboard-create-dialog fieldset legend{color:#5467ca;padding:0 4px}.dashboard-create-dialog fieldset small,.dashboard-create-dialog label small{color:#7a889d;font-size:10px;font-weight:600;line-height:1.45}.dashboard-create-dialog footer{justify-content:flex-end;gap:9px;padding-top:4px;display:flex}.widget-picker-panel em{color:#a14f5b;font-size:10px;font-style:normal;font-weight:800}.series-editor>div{grid-template-columns:auto minmax(110px,1fr) minmax(80px,.7fr) 58px 72px auto;align-items:center}.series-editor>div>span{gap:2px;min-width:0;display:grid}.series-editor>div>span strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.series-editor>div>span small{color:#8491a4;font-size:9px}.series-editor>div>input:not([type=color]),.series-editor>div>select{color:#4f5e78;background:#fff;border:1px solid #dce4ef;border-radius:6px;min-width:0;padding:6px;font-size:9px}.series-visibility{white-space:nowrap;align-items:center;gap:4px;color:#627189!important;font-size:9px!important;display:flex!important}.series-visibility input{width:auto!important}.series-disabled{opacity:.55}.gauge-threshold-editor{background:#f8faff;border:1px solid #dce4ef;border-radius:9px;gap:8px;padding:10px;display:grid}.gauge-threshold-editor>strong{color:#5263bf;font-size:10px}.gauge-threshold-editor>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.gauge-threshold-editor label{color:#718097;gap:4px;font-size:9px;font-weight:800;display:grid}.gauge-threshold-editor input{color:#3f4e69;background:#fff;border:1px solid #dce4ef;border-radius:6px;width:100%;min-width:0;padding:7px;font-size:10px}.gauge-threshold-editor small{color:#7a879a;font-size:9px;line-height:1.4}.dashboard-picker-item{flex:none;position:relative}.dashboard-picker-item>.dashboard-picker-delete{z-index:2;color:#b64c5b;opacity:.82;background:#fff;border:1px solid #e7c6cd;border-radius:7px;place-items:center;width:24px;min-width:24px;height:24px;padding:0;font-size:18px;line-height:1;transition:opacity .15s,border-color .15s,background .15s;display:grid;position:absolute;top:5px;right:5px}.dashboard-picker-item:hover>.dashboard-picker-delete,.dashboard-picker-item:focus-within>.dashboard-picker-delete{opacity:1}.dashboard-picker-item>.dashboard-picker-delete:hover{background:#fff2f4;border-color:#d27583}.dashboard-delete-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0d193085;place-items:center;padding:22px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.dashboard-delete-dialog{color:#2b3851;background:#fff;border:1px solid #dce4ef;border-radius:17px;gap:15px;width:min(500px,100%);padding:27px;display:grid;box-shadow:0 30px 90px #0a163252}.dashboard-delete-dialog .eyebrow{color:#b34858;margin:0;font-size:10px}.dashboard-delete-dialog h2{letter-spacing:-.045em;margin:0;font-size:25px}.dashboard-delete-dialog p:not(.eyebrow){color:#66758c;margin:0;font-size:12px;line-height:1.6}.dashboard-delete-dialog .dashboard-delete-note{color:#876628;background:#fff9ed;border:1px solid #f0d8a7;border-radius:9px;padding:10px 11px;font-size:10px}.dashboard-delete-dialog footer{justify-content:flex-end;gap:9px;padding-top:3px;display:flex}html[data-theme=dark] .dashboard-picker-item>.dashboard-picker-delete{color:#ffb4bf;background:#241923;border-color:#724450}html[data-theme=dark] .dashboard-picker-item>.dashboard-picker-delete:hover{background:#3a222b}html[data-theme=dark] .dashboard-delete-dialog{color:#e7efff;background:#111d31;border-color:#304565}html[data-theme=dark] .dashboard-delete-dialog p:not(.eyebrow){color:#b1bfd4}html[data-theme=dark] .dashboard-delete-dialog .dashboard-delete-note{color:#e8cb84;background:#332916;border-color:#705620}.dashboard-rebuild-intro .button-group .secondary-button,.dashboard-navigation>.secondary-button{display:none}.dashboard-picker-item>.dashboard-picker-delete{opacity:1;box-shadow:0 3px 9px #7527351f}.dashboard-picker-item>.dashboard-picker-delete:focus-visible{outline-offset:2px;outline:3px solid #c5485947}.dashboard-picker-item>.dashboard-picker-delete{border-radius:7px;width:auto;min-width:58px;padding:0 8px;font-size:0;font-weight:800}.dashboard-picker-item>.dashboard-picker-delete:after{content:"Delete";font-size:10px;line-height:1}.dashboard-picker-item>button:first-child{padding-right:72px}.dashboard-cleanup-panel{background:linear-gradient(135deg,#fffafb,#fff);border:1px solid #f0d2d6;border-radius:15px;gap:13px;margin:0 0 18px;padding:18px;display:grid}.dashboard-cleanup-panel>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dashboard-cleanup-panel .eyebrow{color:#b24757;margin:0 0 5px}.dashboard-cleanup-panel h2{color:#3a3342;letter-spacing:-.03em;margin:0;font-size:19px}.dashboard-cleanup-panel p:not(.eyebrow){color:#776977;max-width:720px;margin:5px 0 0;font-size:11px;line-height:1.5}.dashboard-cleanup-list{gap:8px;display:grid}.dashboard-cleanup-list article{background:#fff;border:1px solid #eedfe2;border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;display:grid}.dashboard-cleanup-list article>span{color:#bd4d5b;background:#fff0f2;border-radius:8px;place-items:center;width:31px;height:31px;font-size:16px;display:grid}.dashboard-cleanup-list article>div{gap:2px;min-width:0;display:grid}.dashboard-cleanup-list strong{color:#384159;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.dashboard-cleanup-list small{color:#7d889b;font-size:10px}.dashboard-cleanup-list .danger-button{min-width:126px;padding:8px 10px;font-size:10px}html[data-theme=dark] .dashboard-cleanup-panel{background:linear-gradient(135deg,#241923,#111d31);border-color:#633943}html[data-theme=dark] .dashboard-cleanup-panel h2,html[data-theme=dark] .dashboard-cleanup-list strong{color:#eef3ff}html[data-theme=dark] .dashboard-cleanup-panel p:not(.eyebrow),html[data-theme=dark] .dashboard-cleanup-list small{color:#b5bfd0}html[data-theme=dark] .dashboard-cleanup-list article{background:#142138;border-color:#4c3445}html[data-theme=dark] .dashboard-cleanup-list article>span{color:#ffb0ba;background:#36202b}@media (max-width:620px){.dashboard-cleanup-panel>header{display:grid}.dashboard-cleanup-list article{grid-template-columns:32px minmax(0,1fr)}.dashboard-cleanup-list .danger-button{grid-column:1/-1;width:100%}}.project-main>.content-pad{width:100%;max-width:1560px;margin-inline-start:auto;margin-inline-end:auto;padding:28px clamp(24px,3vw,48px) 58px}.project-main .page-heading{margin-bottom:24px}.dashboard-rebuild-intro{border-radius:16px;justify-content:space-between;align-items:center;gap:24px;min-height:132px;padding:23px 27px;display:flex}.dashboard-rebuild-intro>div:first-child{max-width:760px}.dashboard-rebuild-intro h2{letter-spacing:-.04em;margin:5px 0 7px;font-size:27px}.dashboard-rebuild-intro p:not(.eyebrow){margin:0;line-height:1.5}.dashboard-navigation{margin-bottom:14px}.dashboard-navigation .dashboard-picker{flex-wrap:wrap;gap:12px;display:flex}.dashboard-navigation .dashboard-picker-item{min-width:230px;max-width:310px}.dashboard-editor-rebuilt{gap:18px}.workbench-toolbar-rebuilt{padding:18px 20px}.workbench-toolbar-rebuilt .button-group{justify-content:flex-end;gap:8px}.dashboard-operator-status{min-height:106px}@media (max-width:980px){.project-main>.content-pad{padding:24px}.dashboard-rebuild-intro{flex-direction:column;align-items:flex-start;min-height:0}.dashboard-rebuild-intro .button-group{width:auto}.dashboard-navigation .dashboard-picker-item{flex:240px;min-width:210px;max-width:none}.workbench-toolbar-rebuilt{padding:15px}}@media (max-width:620px){.project-main>.content-pad{padding:18px 14px 40px}.dashboard-rebuild-intro{padding:19px}.dashboard-rebuild-intro h2{font-size:23px}.dashboard-navigation .dashboard-picker-item{flex-basis:100%;min-width:0}.workbench-toolbar-rebuilt{padding:13px}.workbench-toolbar-rebuilt .button-group{justify-content:flex-start}.dashboard-operator-status{min-height:0}}.sensor-visual{align-items:center;gap:11px;min-height:135px;padding:9px;display:flex}.sensor-visual>span{color:#5365d9;background:#f0f3ff;border-radius:17px;place-items:center;width:58px;height:58px;display:grid}.sensor-visual svg{width:37px;height:37px}.sensor-visual>div{gap:4px;display:grid}.sensor-visual strong{color:#34445f;letter-spacing:-.045em;font-size:27px}.sensor-visual strong small{color:#718096;font-size:12px}.sensor-visual>div>small{color:#7c899b;font-size:10px}.sensor-visual.alert>span{color:#d65855;background:#fff0ef}.battery-title{align-items:center;gap:7px;display:flex}.battery-title svg{color:#d2a516;width:27px;height:27px}.battery-icon span{background:#edf0f5}.battery-icon span.filled{background:#f4d34b}.widget-event-log{gap:5px;min-height:150px;display:grid}.widget-event-log>div{border-bottom:1px solid #edf0f5;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 0;display:grid}.widget-event-log i{background:#4b8de7;border-radius:50%;width:8px;height:8px}.widget-event-log i.warning{background:#e5a434}.widget-event-log i.alarm,.widget-event-log i.critical{background:#d95161}.widget-event-log span{gap:2px;min-width:0;display:grid}.widget-event-log strong{color:#3d4a62;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.widget-event-log small{color:#8490a2;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.widget-event-log em{color:#6575a6;font-size:9px;font-style:normal;font-weight:800}.invoice-widget{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0;display:grid}.invoice-widget>div{background:#fbfcff;border:1px solid #e1e7f0;border-radius:8px;gap:4px;padding:9px;display:grid}.invoice-widget dt{color:#7a879c;font-size:9px}.invoice-widget dd{color:#344361;margin:0;font-size:13px;font-weight:800}.invoice-widget>div:last-child{background:#f1f4ff;border-color:#cbd5ff}.invoice-widget-empty{color:#866529;background:#fff8e9;border-radius:8px;margin:12px 0;padding:10px;font-size:10px;line-height:1.5}.professional-gauge.critical{color:#d84d5d}.professional-gauge.alarm{color:#e27e32}.professional-gauge.warning{color:#d7a427}.professional-gauge.healthy{color:#28a77a}.professional-gauge .gauge-track{border-color:#0000}.client-battery{gap:8px;max-width:260px;padding:9px 0;display:grid}.client-battery>div{border:3px solid #d3aa29;border-radius:9px;width:138px;height:52px;padding:5px;position:relative}.client-battery>div:after{content:"";background:#d3aa29;border-radius:0 3px 3px 0;width:7px;height:18px;position:absolute;top:15px;right:-10px}.client-battery>div i{background:#f1cf48;border-radius:4px;height:100%;display:block}.client-battery strong{color:#344361;font-size:23px}.client-battery strong small{color:#77869b;font-size:11px}.client-battery>span{color:#748196;font-size:10px}.client-widget-events{gap:5px;margin-top:10px;display:grid}.client-widget-events>div{border-bottom:1px solid #e8edf4;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 0;display:grid}.client-widget-events i{background:#4786dc;border-radius:50%;width:8px;height:8px}.client-widget-events i.warning{background:#dfa632}.client-widget-events i.alarm,.client-widget-events i.critical{background:#d95363}.client-widget-events span{gap:2px;min-width:0;display:grid}.client-widget-events strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.client-widget-events small{color:#8290a3;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.client-widget-events em{color:#6576a5;font-size:9px;font-style:normal;font-weight:800}.client-invoice{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid!important}.client-invoice span{background:#fbfcff;border:1px solid #e1e7f0;border-radius:8px;gap:3px;padding:9px;display:grid}.client-invoice dt{color:#79879b;font-size:10px}.client-invoice dd{color:#30405e;margin:0;font-size:14px;font-weight:800}.client-invoice-empty{color:#866529;background:#fff8e9;border-radius:8px;margin-top:10px;padding:10px;font-size:10px;line-height:1.5}.client-sensor{align-items:center;gap:10px;margin-top:12px;display:flex}.client-sensor b{color:#5264d3;background:#f0f3ff;border-radius:14px;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.client-sensor strong{color:#33425e;font-size:25px}.client-sensor strong small{color:#75849a;font-size:11px}html[data-theme=dark] .workbench-toolbar-rebuilt,html[data-theme=dark] .dashboard-delivery-controls,html[data-theme=dark] .widget-inspector-drawer>header,html[data-theme=dark] .dashboard-create-dialog{color:#e8f0ff;background:#111d31;border-color:#304565}html[data-theme=dark] .dashboard-create-dialog h2,html[data-theme=dark] .sensor-visual strong,html[data-theme=dark] .widget-event-log strong,html[data-theme=dark] .invoice-widget dd,html[data-theme=dark] .client-battery strong,html[data-theme=dark] .client-invoice dd,html[data-theme=dark] .client-sensor strong{color:#e6efff}html[data-theme=dark] .dashboard-create-dialog p:not(.eyebrow),html[data-theme=dark] .dashboard-create-dialog fieldset small,html[data-theme=dark] .dashboard-create-dialog label small,html[data-theme=dark] .sensor-visual>div>small,html[data-theme=dark] .widget-event-log small,html[data-theme=dark] .client-battery>span,html[data-theme=dark] .client-widget-events small{color:#aab8cf}html[data-theme=dark] .dashboard-create-dialog input,html[data-theme=dark] .dashboard-create-dialog textarea,html[data-theme=dark] .dashboard-create-dialog select,html[data-theme=dark] .dashboard-create-dialog fieldset,html[data-theme=dark] .gauge-threshold-editor,html[data-theme=dark] .invoice-widget>div,html[data-theme=dark] .client-invoice span{color:#e6efff;background:#15243a;border-color:#304565}html[data-theme=dark] .widget-event-log>div,html[data-theme=dark] .client-widget-events>div{border-color:#2a3d5b}html[data-theme=dark] .sensor-visual>span,html[data-theme=dark] .client-sensor b{background:#1b2d4e}.dashboard-editor-rebuilt .dashboard-preview{min-height:720px}.dashboard-editor-rebuilt .dashboard-grid-editor{min-height:660px}@media (max-width:1280px){.dashboard-editor-rebuilt{grid-template-columns:minmax(0,1fr)}.widget-inspector-drawer{max-height:none;position:relative;top:auto}.workbench-toolbar-rebuilt{position:relative;top:auto}.gauge-threshold-editor>div{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.dashboard-navigation{flex-direction:column;align-items:stretch}.dashboard-navigation>.secondary-button{align-self:flex-start}.workbench-toolbar-rebuilt .button-group{gap:6px}.dashboard-delivery-controls{grid-template-columns:1fr;display:grid}.dashboard-create-dialog{padding:21px}.series-editor>div{grid-template-columns:auto minmax(0,1fr) auto}.series-editor>div>input:not([type=color]),.series-editor>div>select,.series-visibility{grid-column:2}.invoice-widget,.gauge-threshold-editor>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.dashboard-create-dialog footer{justify-content:stretch}.dashboard-create-dialog footer button{flex:1}.invoice-widget,.client-invoice{grid-template-columns:1fr}.workbench-toolbar-rebuilt,.dashboard-editor-rebuilt .dashboard-preview{padding:12px}.dashboard-editor-rebuilt .dashboard-grid-editor{min-height:560px}}
.client-live-shell{color:#1c2940;background:#f4f7fb;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.client-machine-dashboard{gap:20px;display:grid}.client-machine-dashboard>header{background:linear-gradient(120deg,#f8faff,#eef3ff);border:1px solid #d8e2f2;border-radius:17px;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex;box-shadow:0 8px 24px #283a700f}.client-machine-dashboard .eyebrow{color:#566bd1;letter-spacing:.12em;margin:0;font-size:10px;font-weight:850}.client-machine-dashboard h2{color:#233553;letter-spacing:-.045em;margin:6px 0 0;font-size:25px}.client-machine-dashboard p:not(.eyebrow){color:#6e7e96;margin:7px 0 0;font-size:12px;line-height:1.5}html[data-theme=dark] .client-machine-dashboard>header{box-shadow:none;background:linear-gradient(120deg,#122039,#172a48);border-color:#2d4263}html[data-theme=dark] .client-machine-dashboard h2{color:#edf3ff}html[data-theme=dark] .client-machine-dashboard p:not(.eyebrow){color:#acbdd3}@media (max-width:680px){.client-machine-dashboard>header{flex-direction:column;align-items:stretch;padding:18px}.client-machine-dashboard>header button{width:100%}}.client-live-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border-bottom:1px solid #e0e7f0;justify-content:space-between;align-items:center;gap:22px;min-height:76px;padding:0 clamp(20px,4vw,72px);display:flex;box-shadow:0 1px #12244206}.client-brand{align-items:center;gap:10px;min-width:0;display:flex}.client-live-mark{color:#fff;background:linear-gradient(145deg,#5569dc,#3c4fc5);border-radius:11px;flex:none;place-items:center;width:37px;height:37px;font-family:Georgia,serif;font-size:26px;font-weight:800;display:grid;box-shadow:0 8px 18px #3e4fc538}.client-brand>div{white-space:nowrap;grid-template-columns:auto auto;align-items:baseline;gap:3px;display:grid}.client-brand strong{color:#172640;letter-spacing:-.045em;font-size:18px}.client-brand small{color:#6d7d95;font-size:12px;font-weight:600}.client-brand>i{background:#dbe3ee;width:1px;height:28px;margin:0 5px}.client-brand>b{color:#41516b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.client-header-logo{object-fit:contain;background:#fff;border:1px solid #dce4ee;border-radius:10px;width:42px;height:42px;margin-left:6px;display:block}.client-live-status{color:#61718a;white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.live-dot{background:#28ae7b;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 4px #daf5ea}.client-clock{font-variant-numeric:tabular-nums}.client-live-content{width:min(1480px,100%);margin:0 auto;padding:clamp(25px,4vw,54px) clamp(20px,4vw,72px) 64px}.client-live-heading{justify-content:space-between;align-items:end;gap:24px;margin:0 0 26px;display:flex}.client-live-heading>div:first-child{min-width:0}.client-live-heading .eyebrow{color:#566bd1;letter-spacing:.13em;margin:0 0 8px;font-size:10px;font-weight:850}.client-live-heading h1{color:#172640;letter-spacing:-.055em;margin:0;font-size:clamp(28px,3vw,42px);line-height:1.06}.client-live-heading p:not(.eyebrow){color:#6f7f96;margin:9px 0 0;font-size:13px}.client-mode{background:#eaf0f7;border:1px solid #dce4ee;border-radius:11px;flex:none;align-items:center;gap:3px;padding:4px;display:flex}.client-mode button{color:#63748d;font:inherit;background:0 0;border:0;border-radius:8px;padding:9px 13px;font-size:12px;font-weight:800}.client-mode button.active{color:#4056cb;background:#fff;box-shadow:0 2px 7px #1c2d5621}.client-widget-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.client-widget{background:linear-gradient(145deg,#fff,#fbfcff);border:1px solid #dfe7f1;border-radius:17px;flex-direction:column;min-width:0;min-height:202px;padding:21px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 26px #1e34570e}.client-widget:before{content:"";opacity:.78;background:linear-gradient(90deg,#5368da,#7c8cf2 54%,#0000);width:100%;height:3px;position:absolute;top:0;left:0}.client-widget.small{grid-column:span 4}.client-widget.wide{grid-column:span 12;min-height:360px}.client-widget>p{color:#78889e;letter-spacing:.085em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.client-widget h2{color:#263650;letter-spacing:-.025em;margin:6px 0 0;font-size:18px;line-height:1.2}.client-widget>small{color:#8190a5;margin-top:auto;padding-top:14px;font-size:10px;font-weight:650;display:block}.client-metric{color:#1e3150;letter-spacing:-.06em;margin:auto 0 0;font-size:clamp(30px,3vw,42px);line-height:1;display:block}.client-metric small{color:#718199;letter-spacing:0;font-size:14px}.client-widget dl:not(.client-invoice){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0;display:grid}.client-widget dl:not(.client-invoice) span{background:#f8faff;border:1px solid #e3e9f1;border-radius:10px;gap:5px;padding:11px;display:grid}.client-widget dt{color:#7988a0;font-size:10px;font-weight:700}.client-widget dd{color:#293b58;overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:850}.client-field-status{color:#258361;align-items:center;gap:8px;margin:auto 0 4px;font-size:16px;font-weight:800;display:flex}.client-field-status i{background:#29af7d;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #daf5ea}.client-field-status.unknown{color:#78879d}.client-field-status.unknown i{background:#9aa7b9;box-shadow:0 0 0 4px #edf0f5}.client-operational-chart{min-width:0;min-height:277px;margin-top:12px;padding:0;position:relative}.client-operational-chart svg{shape-rendering:geometricprecision;width:100%;height:268px;display:block;overflow:visible}.client-chart-grid{stroke:#e1e8f1;stroke-width:1px}.client-chart-axis{stroke:#8b9ab0;stroke-width:1.1px}.client-chart-label{fill:#718198;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:17px}.client-range-control{z-index:2;background:#f4f7fb;border:1px solid #e1e7ef;border-radius:10px;gap:3px;padding:4px;display:flex;position:absolute;top:-48px;right:0}.client-range-control button{color:#708097;background:0 0;border:0;border-radius:7px;min-width:39px;padding:7px 8px;font-size:11px;font-weight:850}.client-range-control button:hover{color:#465bcc;background:#e7edff}.client-range-control button.active{color:#4055c7;background:#fff;box-shadow:0 2px 7px #2a3c7024}.client-chart-caption{color:#7d8da3;justify-content:space-between;gap:12px;padding:0 3px;font-size:10px;font-weight:750;display:flex}.client-chart-empty{color:#74839a;text-align:center;background:#f9fbfd;border:1px dashed #d7e0ed;border-radius:12px;place-items:center;min-height:210px;margin-top:10px;font-size:12px;display:grid}.client-chart-hover-tooltip rect{fill:#172842;stroke:#6178bc;stroke-width:1px;filter:drop-shadow(0 5px 10px #11213f38)}.client-chart-tooltip-value{fill:#f7fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:800}.client-chart-tooltip-time{fill:#c8d5ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:11px;font-weight:600}.client-gauge{color:#344a9d;border-top:14px solid #596ed8;border-bottom:0;border-left:14px solid #dfe8f0;border-right:14px solid #7a8aee;border-radius:154px 154px 0 0;place-content:center;align-self:center;justify-items:center;width:154px;height:77px;margin:auto 0 8px;display:grid}.client-gauge strong{color:#203255;letter-spacing:-.045em;margin-top:5px;font-size:27px;line-height:1}.client-gauge span{color:#728298;margin-top:4px;font-size:11px;font-weight:750}.client-battery{align-self:center;gap:8px;margin:auto 0 7px;display:grid}.client-battery>div{background:#fffdf5;border:3px solid #d5ad2e;border-radius:12px;width:150px;height:64px;padding:6px;position:relative;box-shadow:0 7px 15px #ad83151f}.client-battery>div:after{content:"";background:#d5ad2e;border-radius:0 4px 4px 0;width:8px;height:20px;position:absolute;top:19px;right:-12px}.client-battery>div i{background:linear-gradient(90deg,#efc93d,#ffe272);border-radius:6px;height:100%;display:block}.client-battery strong{color:#283b59;letter-spacing:-.04em;font-size:24px}.client-battery strong small{color:#74859c;font-size:11px}.client-battery>span{color:#73839a;font-size:10px;font-weight:700}.client-sensor{align-self:center;align-items:center;gap:12px;margin:auto 0 6px;display:flex}.client-sensor b{color:#5266d3;background:#ecf0ff;border-radius:17px;place-items:center;width:58px;height:58px;font-size:29px;display:grid}.client-sensor.temperature b{color:#d65b50;background:#fff0ed}.client-sensor.humidity b{color:#168c78;background:#e9f8f5}.client-sensor strong{color:#253957;letter-spacing:-.05em;font-size:29px}.client-sensor strong small{color:#71839b;font-size:12px}.client-widget-events{gap:0;margin:16px 0 0;display:grid}.client-widget-events>div{border-bottom:1px solid #edf1f5;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;display:grid}.client-widget-events i{background:#4689e0;border-radius:50%;width:8px;height:8px}.client-widget-events i.warning{background:#dfa334}.client-widget-events i.alarm,.client-widget-events i.critical{background:#d85262}.client-widget-events span{gap:3px;min-width:0;display:grid}.client-widget-events strong{color:#34445f;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.client-widget-events small{color:#8290a4;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.client-widget-events em{color:#6677a6;font-size:9px;font-style:normal;font-weight:800}.client-invoice{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:18px 0 0;display:grid!important}.client-invoice span{background:#f8faff;border:1px solid #e1e8f2;border-radius:10px;gap:4px;padding:12px;display:grid}.client-invoice dt{color:#7a899f;font-size:10px}.client-invoice dd{color:#283a59;margin:0;font-size:16px;font-weight:850}.client-invoice span:last-child{background:#f0f3ff;border-color:#cdd7fe}.client-invoice-empty{color:#89672e;background:#fff8e9;border-radius:10px;margin:18px 0 0;padding:12px;font-size:11px;line-height:1.55}.client-events-live{background:#fff;border:1px solid #dfe7f1;border-radius:17px;gap:0;margin-top:20px;display:grid;overflow:hidden;box-shadow:0 8px 26px #1e34570b}.client-events-live>div{border-bottom:1px solid #e7edf4;padding:20px 21px 15px}.client-events-live .eyebrow{color:#596bd0;letter-spacing:.12em;margin:0;font-size:10px;font-weight:850}.client-events-live h2{color:#263650;letter-spacing:-.025em;margin:6px 0 0;font-size:18px}.client-events-live article{border-bottom:1px solid #edf1f5;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 21px;display:grid}.client-events-live article:last-child{border-bottom:0}.client-events-live article>i{background:#4989db;border-radius:50%;width:9px;height:9px}.client-events-live article>i.warning{background:#dea435}.client-events-live article>i.alarm,.client-events-live article>i.critical{background:#d65261}.client-events-live article>div{gap:3px;min-width:0;display:grid}.client-events-live strong{color:#34435e;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.client-events-live small{color:#7d8ca2;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.client-events-live span{color:#63759a;text-transform:capitalize;background:#edf2fb;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:850}.client-events-live time{color:#7b899d;white-space:nowrap;font-size:10px}.client-events-empty{color:#7d8ca1;margin:0;padding:20px;font-size:12px}.client-empty{color:#78889f;text-align:center;background:#fbfcff;border:1px dashed #cbd7e6;border-radius:17px;justify-items:center;padding:68px 24px;display:grid}.client-empty span{color:#5366d4;background:#ecf0ff;border-radius:14px;place-items:center;width:48px;height:48px;font-size:23px;display:grid}.client-empty h2{color:#34445e;margin:13px 0 5px;font-size:19px}.client-empty p{max-width:440px;margin:0;font-size:12px;line-height:1.6}.loading-client,.unavailable-client{text-align:center;align-content:center;justify-items:center;min-height:100vh;padding:34px;display:grid}.loading-client .client-live-mark,.unavailable-client .client-live-mark{border-radius:16px;width:52px;height:52px;font-size:35px}.loading-client .eyebrow,.unavailable-client .eyebrow{color:#586bd2;letter-spacing:.13em;margin:18px 0 0;font-size:10px;font-weight:850}.loading-client h1,.unavailable-client h1{color:#1e3050;letter-spacing:-.05em;margin:8px 0 7px;font-size:30px}.loading-client p:not(.eyebrow),.unavailable-client p:not(.eyebrow){color:#6f7f95;max-width:470px;margin:0;font-size:13px;line-height:1.6}.unavailable-client .primary-button{margin-top:18px}.client-scada-live{grid-template-columns:minmax(0,1fr) 260px;gap:18px;display:grid}.client-scada-canvas{background:linear-gradient(140deg,#fafcff,#eef4fb);border:1px solid #dce6f0;border-radius:17px;min-height:620px;position:relative;overflow:hidden;box-shadow:0 8px 26px #1e34570d}.client-scada-grid{opacity:.68;background-image:linear-gradient(#dce6f2 1px,#0000 1px),linear-gradient(90deg,#dce6f2 1px,#0000 1px);background-size:26px 26px;position:absolute;top:0;bottom:0;left:0;right:0}.client-scada-caption{z-index:1;color:#64758f;letter-spacing:.12em;font-size:10px;font-weight:900;position:absolute;top:19px;left:21px}.client-scada-asset{z-index:2;color:#32425e;text-align:left;background:#fff;border:1px solid #ced9e7;border-radius:12px;align-items:center;gap:9px;min-width:154px;padding:10px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 18px #21365b17}.client-scada-asset:hover,.client-scada-asset.selected{border-color:#687ae0;box-shadow:0 0 0 3px #e2e7ff,0 9px 20px #394eb421}.client-scada-asset>span{color:#5366d6;background:#edf1ff;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.client-scada-asset svg{width:26px;height:26px}.client-scada-asset div{gap:3px;min-width:0;display:grid}.client-scada-asset strong,.client-scada-asset small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.client-scada-asset strong{font-size:11px}.client-scada-asset small{color:#7e8ca0;font-size:9px}.client-scada-asset>i{background:#98a5b6;border-radius:50%;width:8px;height:8px;margin-left:auto}.client-scada-asset>i.online{background:#2eb17c}.client-scada-legend{z-index:2;color:#6f7e93;background:#ffffffeb;border:1px solid #dfe6ef;border-radius:9px;gap:13px;padding:9px 11px;font-size:10px;display:flex;position:absolute;bottom:16px;left:18px}.client-scada-legend span{align-items:center;gap:5px;display:flex}.client-scada-legend i{background:#a4afbd;border-radius:50%;width:7px;height:7px}.client-scada-legend i.online{background:#2eb17c}.client-selected-asset{background:#fff;border:1px solid #dfe7f1;border-radius:17px;align-content:start;justify-items:start;gap:6px;padding:22px;display:grid;box-shadow:0 8px 26px #1e34570b}.client-selected-asset .selected-icon{color:#5366d4;background:#edf1ff;border-radius:18px;place-items:center;width:68px;height:68px;margin-bottom:7px;display:grid}.client-selected-asset svg{width:44px;height:44px}.client-selected-asset .eyebrow{color:#6476d4;letter-spacing:.12em;margin:0;font-size:10px;font-weight:850}.client-selected-asset h2{color:#293a57;letter-spacing:-.035em;margin:2px 0 0;font-size:20px}.client-selected-asset p:not(.eyebrow){color:#78869a;margin:0;font-size:12px}.client-selected-asset .status-pill{margin-top:8px}html[data-theme=dark] .client-live-shell{color:#e9effa;background:#0b1323}html[data-theme=dark] .client-live-header{background:#0f1c2ff5;border-color:#253650;box-shadow:0 1px #9eb8ec0a}html[data-theme=dark] .client-brand strong,html[data-theme=dark] .client-live-heading h1,html[data-theme=dark] .client-widget h2,html[data-theme=dark] .client-metric,html[data-theme=dark] .client-gauge strong,html[data-theme=dark] .client-battery strong,html[data-theme=dark] .client-sensor strong,html[data-theme=dark] .client-widget dd,html[data-theme=dark] .client-invoice dd,html[data-theme=dark] .client-events-live h2,html[data-theme=dark] .client-events-live strong,html[data-theme=dark] .client-selected-asset h2,html[data-theme=dark] .client-scada-asset{color:#edf3ff}html[data-theme=dark] .client-brand small,html[data-theme=dark] .client-live-status,html[data-theme=dark] .client-live-heading p:not(.eyebrow),html[data-theme=dark] .client-widget>p,html[data-theme=dark] .client-widget>small,html[data-theme=dark] .client-battery>span,html[data-theme=dark] .client-widget-events small,html[data-theme=dark] .client-events-live small,html[data-theme=dark] .client-events-live time,html[data-theme=dark] .client-selected-asset p:not(.eyebrow),html[data-theme=dark] .client-scada-asset small{color:#aebcd1}html[data-theme=dark] .client-brand>i{background:#31435e}html[data-theme=dark] .client-header-logo{background:#0d182a;border-color:#344864}html[data-theme=dark] .client-mode{background:#15243b;border-color:#334863}html[data-theme=dark] .client-mode button{color:#afbdd3}html[data-theme=dark] .client-mode button.active{color:#c8d5ff;box-shadow:none;background:#263957}html[data-theme=dark] .client-widget,html[data-theme=dark] .client-events-live,html[data-theme=dark] .client-selected-asset{background:linear-gradient(145deg,#111e32,#101b2d);border-color:#293c59;box-shadow:0 8px 28px #0003}html[data-theme=dark] .client-widget:before{background:linear-gradient(90deg,#7286ff,#99a7ff 54%,#0000)}html[data-theme=dark] .client-widget dl:not(.client-invoice) span,html[data-theme=dark] .client-invoice span{background:#15243a;border-color:#2c405e}html[data-theme=dark] .client-invoice span:last-child{background:#1a2b4b;border-color:#3c5286}html[data-theme=dark] .client-range-control{background:#15243a;border-color:#2c405e}html[data-theme=dark] .client-range-control button{color:#acbad0}html[data-theme=dark] .client-range-control button:hover,html[data-theme=dark] .client-range-control button.active{color:#dae4ff;box-shadow:none;background:#263a5b}html[data-theme=dark] .client-chart-grid{stroke:#2c405c}html[data-theme=dark] .client-chart-axis{stroke:#5a6f90}html[data-theme=dark] .client-chart-label{fill:#adbad0}html[data-theme=dark] .client-chart-caption{color:#aebdd2}html[data-theme=dark] .client-gauge{color:#8294ff;border-color:#8394ff #6578e8 #31445f #31445f}html[data-theme=dark] .client-gauge strong{color:#eef3ff}html[data-theme=dark] .client-battery>div{background:#1b2b42;border-color:#e1b932}html[data-theme=dark] .client-battery>div:after{background:#e1b932}html[data-theme=dark] .client-sensor b{color:#9badff;background:#1b2d50}html[data-theme=dark] .client-sensor.temperature b{color:#ffa59d;background:#482b34}html[data-theme=dark] .client-sensor.humidity b{color:#80dccd;background:#163b3b}html[data-theme=dark] .client-widget-events>div,html[data-theme=dark] .client-events-live>div,html[data-theme=dark] .client-events-live article{border-color:#293d5b}html[data-theme=dark] .client-events-live span{color:#b7c7e8;background:#20324f}html[data-theme=dark] .client-scada-canvas{background:linear-gradient(140deg,#101d31,#0d1829);border-color:#2a3e5a}html[data-theme=dark] .client-scada-grid{background-image:linear-gradient(#2b4261 1px,#0000 1px),linear-gradient(90deg,#2b4261 1px,#0000 1px)}html[data-theme=dark] .client-scada-caption{color:#b0bfd4}html[data-theme=dark] .client-scada-asset{background:#16253c;border-color:#334965;box-shadow:0 8px 18px #0000003d}html[data-theme=dark] .client-scada-asset>span,html[data-theme=dark] .client-selected-asset .selected-icon{color:#aebcff;background:#1e3154}html[data-theme=dark] .client-scada-asset:hover,html[data-theme=dark] .client-scada-asset.selected{border-color:#7b8dff;box-shadow:0 0 0 3px #273c70,0 9px 20px #00000047}html[data-theme=dark] .client-scada-legend{color:#bdc9da;background:#111e32f0;border-color:#2f4563}@media (max-width:960px){.client-live-header{flex-direction:column;align-items:flex-start;padding-top:16px;padding-bottom:16px}.client-live-status{white-space:normal;padding-left:47px}.client-widget.small{grid-column:span 6}.client-scada-live{grid-template-columns:1fr}.client-selected-asset{grid-template-columns:auto 1fr;align-items:center}.client-selected-asset .selected-icon{grid-row:span 3;margin:0}.client-selected-asset .status-pill{margin-top:0}.client-invoice{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.client-live-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.client-brand{gap:7px;min-width:0}.client-live-mark{border-radius:9px;width:32px;height:32px;font-size:22px}.client-brand>div{gap:1px}.client-brand strong{font-size:16px}.client-brand small{font-size:9px}.client-header-logo{border-radius:8px;width:32px;height:32px;margin-left:0;display:block}.client-brand>i{display:none}.client-brand>b{max-width:70px;font-size:10px;display:block}.client-live-status{white-space:nowrap;grid-area:1/2;gap:6px;min-width:0;padding-left:0;font-size:0;display:flex}.client-live-label{display:none}.live-dot{width:6px;height:6px;box-shadow:0 0 0 3px #daf5ea}.client-clock{color:#687891;text-align:right;font-size:10px;font-weight:750;line-height:1.25;display:block}.client-clock-full{display:none}.client-clock-short{display:inline}.client-notification-bell{border-radius:10px;width:38px;height:38px;font-size:16px}.client-live-content{padding:27px 16px 42px}.client-live-heading{flex-direction:column;align-items:flex-start;margin-bottom:19px}.client-live-heading h1{font-size:30px}.client-live-heading p:not(.eyebrow){font-size:12px;line-height:1.5}.client-widget-grid{gap:13px}.client-widget.small,.client-widget.wide{grid-column:span 12;min-height:196px}.client-widget.wide{min-height:336px;padding:17px}.client-operational-chart{min-height:268px;overflow:auto}.client-operational-chart svg{width:680px;height:258px}.client-range-control{justify-content:flex-end;width:-webkit-max-content;width:max-content;margin:8px 0 5px auto;position:relative;top:auto;right:auto}.client-events-live article{grid-template-columns:auto minmax(0,1fr);padding:13px 16px}.client-events-live article>span,.client-events-live article>time{grid-column:2}.client-events-live>div{padding:17px 16px}.client-invoice{grid-template-columns:1fr 1fr}.client-scada-canvas{min-height:535px}.client-scada-asset{min-width:132px;padding:8px}.client-scada-asset>span{width:31px;height:31px}.client-scada-legend{justify-content:center;font-size:9px;bottom:12px;left:12px;right:12px}.client-selected-asset{padding:17px}.loading-client,.unavailable-client{padding:24px}}.client-widget-grid>.client-widget:has(.client-operational-chart){grid-row:span 5!important;height:auto!important;min-height:360px!important}@media (max-width:680px){.client-widget-grid>.client-widget:has(.client-operational-chart){grid-row:auto!important;min-height:336px!important}}.client-live-shell button,.client-live-shell a,.client-live-shell summary,.theme-toggle-floating{touch-action:manipulation;-webkit-tap-highlight-color:#5264df33}.client-live-shell button,.theme-toggle-floating{-webkit-appearance:none;appearance:none}@media (min-width:681px){.client-clock-short{display:none}}
.client-password-form{text-align:left;gap:11px;width:min(100%,360px);margin:20px 0 0;display:grid}.client-password-form label{color:#52647e;gap:7px;font-size:12px;font-weight:800;display:grid}.client-password-form input{box-sizing:border-box;color:#20334f;width:100%;font:inherit;background:#fff;border:1px solid #d8e1ed;border-radius:10px;padding:12px 13px;font-size:14px}.client-password-form .primary-button{width:100%;margin:2px 0 0}.client-password-error{color:#af3545;background:#fff4f4;border:1px solid #f0c4c9;border-radius:9px;padding:10px 12px;margin:0!important;font-size:12px!important}.unavailable-client>small{color:#728198;max-width:430px;margin-top:18px;font-size:11px;line-height:1.55}html[data-theme=dark] .client-password-form label,html[data-theme=dark] .unavailable-client>small{color:#b2c0d6}html[data-theme=dark] .client-password-form input{color:#edf3ff;background:#111f34;border-color:#334a6b}html[data-theme=dark] .client-password-error{color:#ffc5ce;background:#351d28;border-color:#6f3947}
.scada-intro-rebuilt{align-items:flex-start;margin-bottom:16px}.scada-intro-rebuilt>div:first-child{max-width:730px}.scada-intro-rebuilt h2{font-size:25px}.scada-intro-rebuilt p:not(.eyebrow){max-width:700px}.scada-toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.scada-studio-rebuilt{grid-template-columns:minmax(254px,282px) minmax(500px,1fr) minmax(276px,316px);align-items:start;gap:16px;display:grid}.scada-studio-rebuilt .asset-library,.scada-studio-rebuilt .asset-inspector,.scada-studio-rebuilt .scada-canvas{background:#fff;border:1px solid #dce5ef;border-radius:16px;min-width:0;box-shadow:0 8px 25px #192b4c0e}.scada-library-panel{padding:17px!important;display:block!important}.scada-library-panel>header{gap:4px;margin:0 0 14px;display:grid}.scada-library-panel .eyebrow{color:#5667ca;margin:0;font-size:10px}.scada-library-panel header strong{color:#2d3d58;font-size:14px}.scada-library-panel header small{color:#77879d;font-size:10px;line-height:1.45}.scada-shape-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:424px;padding-right:3px;overflow:auto;margin:0 0 15px!important;display:grid!important}.scada-shape-tabs button{text-align:center;min-width:0;min-height:76px;color:#63738d!important;background:#fbfcff!important;border:1px solid #dce5f0!important;border-radius:10px!important;padding:9px 4px!important;display:grid!important}.scada-shape-tabs button:hover{color:#4659ca!important;background:#f4f6ff!important;border-color:#99a8ef!important}.scada-shape-tabs button.selected{box-shadow:0 4px 10px #4a5dcd1a;color:#4558cb!important;background:#edf0ff!important;border-color:#798bec!important}.scada-shape-tabs svg{width:28px!important;height:28px!important}.scada-shape-tabs span{text-overflow:ellipsis;text-transform:none;width:100%;font-size:9px;font-weight:800;line-height:1.2;display:block;overflow:hidden}.scada-create-form{border-top:1px solid #e6ebf2;gap:10px;padding-top:14px;display:grid!important}.scada-create-form label{gap:5px;font-weight:800;color:#64738b!important;font-size:10px!important;display:grid!important}.scada-create-form input,.scada-create-form select{min-width:0;color:#32415b!important;background:#fbfcff!important;border:1px solid #d8e1ed!important;border-radius:9px!important;width:100%!important;padding:10px!important;font-size:11px!important}.scada-create-form .primary-button{white-space:normal;margin-top:2px}.scada-canvas-rebuilt{position:relative;overflow:hidden;background:linear-gradient(135deg,#f9fbff,#eef4fb)!important;min-height:690px!important}.scada-canvas-rebuilt .scada-grid{opacity:.58}.scada-canvas-rebuilt .canvas-label{top:19px;left:20px}.scada-canvas-hint{z-index:1;color:#7e8ca0;margin:0;font-size:10px;font-weight:700;position:absolute;top:37px;left:20px}.scada-canvas-rebuilt .scada-node{cursor:pointer;border-radius:12px;min-width:178px;padding:10px}.scada-canvas-rebuilt .scada-node:hover{border-color:#8292e8;box-shadow:0 0 0 3px #e6eaff,0 8px 20px #20345a1c}.scada-canvas-rebuilt .scada-node.selected{border-color:#6174e1;box-shadow:0 0 0 3px #e0e5ff,0 10px 21px #374cb921}.scada-canvas-rebuilt .scada-node-drag{cursor:grab;flex:none}.scada-canvas-rebuilt .scada-node-drag:active{cursor:grabbing}.scada-canvas-rebuilt .scada-node>span{border-radius:10px;width:38px;height:38px}.scada-canvas-rebuilt .scada-node svg{width:28px;height:28px}.scada-canvas-rebuilt .scada-node strong{font-size:11px}.scada-canvas-rebuilt .scada-node small{font-size:9px}.scada-canvas-rebuilt .scada-legend{bottom:16px;left:auto;right:16px;box-shadow:0 5px 14px #1b2d4f14}.scada-inspector-panel{position:sticky;top:8px;padding:18px!important}.scada-inspector-panel form{gap:11px;display:grid!important}.scada-inspector-panel form>header{justify-content:space-between;align-items:center;display:flex}.scada-inspector-panel form>header .eyebrow{margin:0}.scada-inspector-panel .text-button{color:#6074d1;background:0 0;border:0;font-size:10px;font-weight:850}.scada-inspector-panel .asset-large{border-radius:22px;width:104px;height:104px;margin:4px auto 7px}.scada-inspector-panel .asset-large svg{width:66px;height:66px}.scada-inspector-panel .two-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.scada-inspector-panel label{gap:5px;font-weight:800;color:#61718a!important;font-size:10px!important;display:grid!important}.scada-inspector-panel input,.scada-inspector-panel select{min-width:0;color:#33435e!important;background:#fbfcff!important;border:1px solid #d8e1ed!important;border-radius:9px!important;width:100%!important;padding:10px!important;font-size:11px!important}.scada-inspector-actions{gap:7px;padding-top:4px;display:grid}.scada-inspector-actions .danger-button{padding:9px 12px;font-size:11px}.scada-inspector-panel .asset-dashboard-note{color:#64738b;background:#f4f6ff;border-left:3px solid #7285e8;border-radius:7px;margin:2px 0 0;padding:10px 11px;font-size:10px;line-height:1.5}.scada-delete-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0d193085;place-items:center;padding:22px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.scada-delete-dialog{color:#2b3851;background:#fff;border:1px solid #dce4ef;border-radius:17px;gap:15px;width:min(500px,100%);padding:27px;display:grid;box-shadow:0 30px 90px #0a163252}.scada-delete-dialog .eyebrow{color:#b34858;margin:0;font-size:10px}.scada-delete-dialog h2{letter-spacing:-.045em;margin:0;font-size:25px}.scada-delete-dialog p:not(.eyebrow){color:#66758c;margin:0;font-size:12px;line-height:1.6}.scada-delete-dialog .scada-delete-note{color:#876628;background:#fff9ed;border:1px solid #f0d8a7;border-radius:9px;padding:10px 11px;font-size:10px}.scada-delete-dialog footer{justify-content:flex-end;gap:9px;padding-top:3px;display:flex}html[data-theme=dark] .scada-studio-rebuilt .asset-library,html[data-theme=dark] .scada-studio-rebuilt .asset-inspector,html[data-theme=dark] .scada-studio-rebuilt .scada-canvas{box-shadow:none;background:#111d31;border-color:#2c405e}html[data-theme=dark] .scada-library-panel header strong{color:#e7efff}html[data-theme=dark] .scada-library-panel header small,html[data-theme=dark] .scada-canvas-hint,html[data-theme=dark] .scada-inspector-panel .asset-dashboard-note{color:#aebcd1}html[data-theme=dark] .scada-shape-tabs button{color:#adbad0!important;background:#15243a!important;border-color:#2e4260!important}html[data-theme=dark] .scada-shape-tabs button:hover,html[data-theme=dark] .scada-shape-tabs button.selected{box-shadow:none;color:#c3ceff!important;background:#1d2f51!important;border-color:#6376e8!important}html[data-theme=dark] .scada-create-form{border-color:#2b3e5a}html[data-theme=dark] .scada-create-form input,html[data-theme=dark] .scada-create-form select,html[data-theme=dark] .scada-inspector-panel input,html[data-theme=dark] .scada-inspector-panel select{color:#e7efff!important;background:#0e1a2d!important;border-color:#304665!important}html[data-theme=dark] .scada-canvas-rebuilt{background:linear-gradient(135deg,#101d31,#0d182a)!important}html[data-theme=dark] .scada-canvas-rebuilt .scada-grid{background-image:linear-gradient(#2e4565 1px,#0000 1px),linear-gradient(90deg,#2e4565 1px,#0000 1px)}html[data-theme=dark] .scada-canvas-rebuilt .scada-node{color:#e9f0ff;background:#16253c;border-color:#344a68;box-shadow:0 8px 20px #0003}html[data-theme=dark] .scada-canvas-rebuilt .scada-node:hover,html[data-theme=dark] .scada-canvas-rebuilt .scada-node.selected{border-color:#7c8eff;box-shadow:0 0 0 3px #273c70,0 8px 20px #00000047}html[data-theme=dark] .scada-canvas-rebuilt .scada-node>span,html[data-theme=dark] .scada-inspector-panel .asset-large{color:#aebcff;background:#1d3154}html[data-theme=dark] .scada-canvas-rebuilt .scada-node small{color:#acbbd0}html[data-theme=dark] .scada-canvas-rebuilt .scada-legend{color:#b6c4d8;background:#111d31f2;border-color:#304665}html[data-theme=dark] .scada-inspector-panel .asset-dashboard-note{background:#182a4a}html[data-theme=dark] .scada-delete-dialog{color:#e7efff;background:#111d31;border-color:#304565}html[data-theme=dark] .scada-delete-dialog p:not(.eyebrow){color:#b1bfd4}html[data-theme=dark] .scada-delete-dialog .scada-delete-note{color:#e8cb84;background:#332916;border-color:#705620}.scada-inspector-actions .danger-button{background:#c74655;border-color:#d65362;min-height:42px;font-size:0;box-shadow:0 8px 18px #b5374733}.scada-inspector-actions .danger-button:after{content:"Delete machine";font-size:11px;font-weight:850}.scada-inspector-actions .danger-button:hover{background:#ae3442;border-color:#ae3442}.scada-inspector-actions .danger-button:focus-visible{outline-offset:3px;outline:3px solid #d34b594d}html[data-theme=dark] .scada-inspector-actions .danger-button{color:#fff;background:#a93243;border-color:#dc6371}@media (max-width:1390px){.scada-studio-rebuilt{grid-template-columns:240px minmax(420px,1fr) 270px}.scada-shape-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.scada-canvas-rebuilt{min-height:640px!important}}@media (max-width:1120px){.scada-studio-rebuilt{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.scada-inspector-panel{grid-column:1/-1;position:relative;top:auto}.scada-inspector-panel form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.scada-inspector-panel form>header,.scada-inspector-panel .asset-large,.scada-inspector-panel .asset-dashboard-note,.scada-inspector-actions{grid-column:1/-1}.scada-inspector-panel .two-col{grid-template-columns:1fr 1fr}.scada-inspector-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.scada-intro-rebuilt{flex-direction:column}.scada-toolbar-actions{justify-content:flex-start}.scada-studio-rebuilt{grid-template-columns:1fr}.scada-library-panel{grid-template-columns:1fr 1fr;gap:14px;display:grid!important}.scada-library-panel>header,.scada-create-form{grid-column:1/-1}.scada-shape-tabs{max-height:330px;margin:0!important}.scada-canvas-rebuilt{min-height:580px!important}.scada-canvas-rebuilt .scada-node{min-width:146px}.scada-canvas-rebuilt .scada-legend{justify-content:center;bottom:12px;left:12px;right:12px}.scada-inspector-panel form{grid-template-columns:1fr 1fr}.scada-inspector-panel form>header,.scada-inspector-panel .asset-large,.scada-inspector-panel .asset-dashboard-note,.scada-inspector-actions{grid-column:1/-1}.scada-inspector-actions{grid-template-columns:1fr}.scada-delete-dialog{padding:23px 18px}}@media (max-width:480px){.scada-library-panel{display:block!important}.scada-shape-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.scada-toolbar-actions .status-pill{text-align:center;width:100%}.scada-canvas-rebuilt .scada-node{min-width:128px;padding:7px}.scada-canvas-rebuilt .scada-node div{display:none}.scada-canvas-rebuilt .scada-node>span{width:33px;height:33px}.scada-canvas-hint{max-width:260px;line-height:1.4}}
.toggle-control span{background:#b7c1d2;transition:background .18s;position:relative}.toggle-control span:after{transition:transform .18s;position:absolute;top:3px;left:3px;transform:translate(0)}.toggle-control input:checked+span{background:#5264df}.toggle-control input:checked+span:after{transform:translate(18px)}.toggle-control input:focus-visible+span{outline-offset:3px;outline:3px solid #5264df3d}.toggle-control input{pointer-events:auto}.toggle-control{cursor:pointer}.publish-protection{grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.publish-password-fields{border-top:1px solid #e4e9f2;grid-column:1/-1;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;padding-top:13px;display:grid}.publish-password-fields label{color:#62718a;gap:5px;font-size:10px;font-weight:800;display:grid}.publish-password-fields input{color:#263750;background:#fff;border:1px solid #d7e0ed;border-radius:8px;width:100%;padding:10px;font-size:12px}.notification-center{background:linear-gradient(135deg,#fff,#f9fbff);border:1px solid #dfe6f0;border-radius:16px;grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr);gap:28px;padding:28px;display:grid;box-shadow:0 8px 24px #1c2b490a}.notification-center>div{align-self:start}.notification-center h2{color:#1e2b46;letter-spacing:-.045em;max-width:470px;margin:2px 0 10px;font-size:27px}.notification-center>div>p:not(.eyebrow){color:#687890;max-width:500px;margin:0;font-size:13px;line-height:1.65}.notification-center form{background:#fff;border:1px solid #dce5f0;border-radius:12px;gap:14px;padding:18px;display:grid}.notification-center .check-row{color:#4f607b;align-items:center;gap:9px;font-size:12px;font-weight:700;line-height:1.4;display:flex}.notification-center input[type=checkbox]{accent-color:#5264df;width:17px;height:17px}.notification-center fieldset{border:1px solid #e0e6f0;border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0;padding:13px;display:grid}.notification-center legend{color:#52617c;padding:0 5px;font-size:11px;font-weight:850}.notification-center fieldset .check-row{background:#f7f9fd;border-radius:7px;padding:8px;font-size:11px}.notification-center form>.secondary-button{justify-self:start}.notification-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:16px 0;display:grid}.notification-summary article{background:#fff;border:1px solid #dfe6f0;border-radius:12px;gap:4px;padding:17px 18px;display:grid;box-shadow:0 3px 11px #1a274509}.notification-summary strong{color:#30405e;letter-spacing:-.04em;font-size:23px}.notification-summary span{color:#77869c;font-size:11px;font-weight:700}.notification-event-log{margin-top:16px}.notification-event-log .event-row{gap:13px}.notification-event-log .event-row em{text-align:center;color:#63718a;background:#f1f4fb;border-radius:999px;min-width:84px;padding:5px 8px}.notification-event-log .event-row button{white-space:nowrap;margin-left:auto}@media (max-width:850px){.notification-center{grid-template-columns:1fr}.notification-center h2{font-size:24px}.publish-password-fields{grid-template-columns:1fr}.publish-password-fields .secondary-button{width:100%}}@media (max-width:560px){.notification-center{padding:20px 16px}.notification-center fieldset,.notification-summary{grid-template-columns:1fr}.notification-event-log .event-row{flex-wrap:wrap;align-items:flex-start}.notification-event-log .event-row button{margin-left:39px}}html[data-theme=dark] .publish-password-fields{border-color:#2d4160}html[data-theme=dark] .publish-password-fields input{color:#eef4ff;background:#0d1728;border-color:#304665}html[data-theme=dark] .notification-center,html[data-theme=dark] .notification-center form,html[data-theme=dark] .notification-summary article{background:#111d31;border-color:#2c405e}html[data-theme=dark] .notification-center h2{color:#edf3ff}html[data-theme=dark] .notification-center>div>p:not(.eyebrow),html[data-theme=dark] .notification-center .check-row,html[data-theme=dark] .notification-summary span{color:#b2c0d5}html[data-theme=dark] .notification-center fieldset{border-color:#2d4261}html[data-theme=dark] .notification-center fieldset .check-row{background:#182942}html[data-theme=dark] .notification-center legend{color:#c5d2e8}html[data-theme=dark] .notification-summary strong{color:#edf3ff}html[data-theme=dark] .notification-event-log .event-row em{color:#c2cee4;background:#1c2c47}
.scada-canvas-rebuilt .scada-machine-card{cursor:grab;min-width:210px;max-width:280px;min-height:74px}.scada-canvas-rebuilt .scada-machine-card:active{cursor:grabbing}.scada-canvas-rebuilt .scada-machine-card>.scada-machine-icon{color:#5364d9;background:#eef1ff;border-radius:10px;flex:0 0 42px;place-items:center;padding:0;width:42px!important;height:42px!important;display:grid!important}.scada-canvas-rebuilt .scada-machine-card>.scada-machine-icon svg{width:29px;height:29px}.scada-canvas-rebuilt .scada-machine-card>.scada-machine-copy{min-width:0;color:inherit;text-align:left;background:0 0;flex:1;gap:4px;padding:0;width:auto!important;height:auto!important;display:grid!important}.scada-canvas-rebuilt .scada-machine-card>.scada-machine-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;overflow:hidden}.scada-canvas-rebuilt .scada-machine-card>.scada-machine-copy small{color:#72809a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.scada-canvas-rebuilt .scada-machine-card>i{flex:0 0 8px}.scada-create-form textarea,.scada-inspector-panel textarea{resize:vertical;color:#354057;width:100%;font:inherit;background:#fbfcff;border:1px solid #dce2ed;border-radius:8px;padding:9px;font-size:11px;line-height:1.45}html[data-theme=dark] .scada-canvas-rebuilt .scada-machine-card>.scada-machine-icon{color:#aebcff;background:#1d3154}html[data-theme=dark] .scada-canvas-rebuilt .scada-machine-card>.scada-machine-copy small{color:#acbbd0}html[data-theme=dark] .scada-create-form textarea,html[data-theme=dark] .scada-inspector-panel textarea{color:#e7efff;background:#0e1a2d;border-color:#304665}.scada-canvas-rebuilt .scada-node{cursor:grab;touch-action:none}.scada-canvas-rebuilt .scada-node:active{cursor:grabbing}.scada-canvas-rebuilt .scada-node .scada-node-drag{z-index:4;color:#0000;background:0 0;padding:10px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;width:auto!important;height:auto!important}.scada-canvas-rebuilt .scada-node .scada-node-drag svg{pointer-events:none;color:#5364d9}.scada-canvas-rebuilt .scada-node>div,.scada-canvas-rebuilt .scada-node>i{pointer-events:none}.scada-inspector-actions .danger-button{color:#fff!important;opacity:1!important;background:#c74655!important;border-color:#c74655!important;min-height:42px!important;font-size:11px!important;box-shadow:0 8px 18px #b5374733!important}.scada-inspector-actions .danger-button:after{content:none!important}.scada-inspector-actions .danger-button:hover:not(:disabled){background:#a83040!important;border-color:#a83040!important}.scada-inspector-actions .danger-button:focus-visible{outline-offset:3px;outline:3px solid #d34b5952}html[data-theme=dark] .scada-canvas-rebuilt .scada-node .scada-node-drag svg{color:#aebcff}html[data-theme=dark] .scada-inspector-actions .danger-button{color:#fff!important;background:#aa3445!important;border-color:#df6574!important}
.scada-create-form .primary-button{justify-content:center;align-items:center;color:#fff!important;white-space:normal!important;background:#5264df!important;border-color:#5264df!important;min-height:46px!important;font-size:11px!important;font-weight:850!important;line-height:1.25!important;display:flex!important}.scada-create-form .primary-button:hover{background:#3d4ec4!important;border-color:#3d4ec4!important}.scada-shape-tabs{grid-auto-rows:88px}.scada-shape-tabs button{grid-template-rows:34px minmax(24px,1fr);align-content:center;gap:7px!important}.scada-shape-tabs button span{overflow-wrap:anywhere;min-height:22px;white-space:normal!important;text-overflow:clip!important;font-size:10px!important;line-height:1.15!important;display:block!important;overflow:visible!important}.scada-shape-tabs button svg{flex:none}.scada-canvas-rebuilt .scada-node{min-height:78px;min-width:194px!important;padding:11px 12px!important}.scada-canvas-rebuilt .scada-node>div{z-index:2;gap:4px;min-width:0;margin-left:46px;position:relative;display:grid!important}.scada-canvas-rebuilt .scada-node strong{text-overflow:ellipsis;white-space:nowrap;font-weight:850;overflow:hidden;font-size:12px!important}.scada-canvas-rebuilt .scada-node small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px!important}.scada-canvas-rebuilt .scada-node>i{z-index:2;flex:none;position:relative}.scada-canvas-rebuilt .scada-node .scada-node-drag{justify-content:flex-start;align-items:center;padding:11px 13px!important}.scada-canvas-rebuilt .scada-node .scada-node-drag svg{width:30px!important;height:30px!important}@media (max-width:760px){.scada-shape-tabs{grid-auto-rows:82px}.scada-canvas-rebuilt .scada-node{min-width:166px!important}.scada-canvas-rebuilt .scada-node>div{margin-left:40px}}html[data-theme=dark] .scada-create-form .primary-button{color:#fff!important;background:#5870ed!important;border-color:#7186ff!important}