@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";html,body{overflow-x:hidden}:root{font-family:DM Sans,Arial,sans-serif;color:#203b49;background:#f3f6f8;font-synthesis:none;font-size:16px;--navy:#102d39;--teal:#087f79;--line:#e0e8ec;--muted:#71838e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d8e2e6;background:#fff;color:#294653;padding:10px 15px;border-radius:8px;font-size:.875rem;font-weight:600;transition:background .15s}@media(hover:hover){button:hover:not(:disabled){background:#edf5f5}}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #44b8bd;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:2rem;letter-spacing:-1px;margin-bottom:9px}h2{font-size:1.1rem;margin-bottom:0}h3{font-size:1.05rem;margin-bottom:0}.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.primary:hover:not(:disabled){background:#066963}.full{width:100%}.muted{color:var(--muted);font-size:.875rem;line-height:1.6}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:1.6px;color:#718b97;margin-bottom:10px}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:-1px;white-space:nowrap}.brandmark{display:grid;place-items:center;background:#1c4653;width:41px;height:41px;border-radius:12px;color:#68dace}.brandwater{font-weight:400;color:#78cfc8}.brand small{display:block;font-size:.57rem;letter-spacing:2.1px;color:#97b3bf;font-weight:500;margin-top:5px}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;background:var(--navy);color:#d1e0e7;padding:29px 20px 0;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:2}.workspace-label{font-size:.65rem;color:#72919e;letter-spacing:1.5px;margin:45px 9px 15px}.sidebar nav{display:flex;flex-direction:column;gap:8px;overflow:auto}.nav{justify-content:flex-start;text-align:left;width:100%;background:transparent;border:0;color:#a9c1cb;padding:13px 12px;gap:12px;min-height:48px}.nav small{display:block;font-size:.72rem;font-weight:400;margin-top:4px;color:#88aab8}.nav.active{background:#204551;color:#fff}.nav.active svg{color:#63d5c8}.nav:hover:not(:disabled){background:#204551}.sidebar-bottom{margin-top:auto;padding-top:40px}.access-note{display:flex;align-items:center;gap:9px;color:#88a6b3;font-size:.75rem;padding:20px 8px}.account{display:flex;gap:10px;align-items:center;padding:22px 0;border-top:1px solid #2c4955;font-size:.78rem}.account>span{overflow-wrap:anywhere;flex:1;min-width:0}.account small{display:block;color:#819ca8;margin-top:4px;font-size:.67rem}.avatar{border-radius:50%;background:#2d505e;width:33px;height:33px;display:grid;place-items:center;flex-shrink:0;font-size:.68rem}.account button{background:transparent;color:#95adba;border:0;padding:5px}.main-shell{margin-left:246px;flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 37px;gap:12px}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:.8rem;color:#7b8d98;flex-wrap:wrap;margin-bottom:18px}.breadcrumb strong{color:#3c5967;font-weight:500}.top-tag{display:flex;align-items:center;gap:7px;font-size:.75rem;color:#577480;white-space:nowrap}main{padding:33px 37px 48px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px;overflow:hidden}.page-heading>div:first-child{min-width:0;flex:1 1 0%}.page-heading p{color:var(--muted);font-size:.9rem;margin:0;line-height:1.6}.page-heading .eyebrow{color:var(--teal)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.summary{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px;display:flex;align-items:center;gap:18px}.iconbox{background:#edf5f5;color:var(--teal);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px}.summary span:not(.iconbox){color:var(--muted);font-size:.8rem}.summary strong{display:block;font-size:1.7rem;margin-top:5px}.summary .text-value{font-size:1.15rem}.section-title{display:flex;align-items:center;justify-content:space-between;margin:27px 0 15px;gap:10px}.section-title>span{font-size:.78rem;color:var(--muted)}.company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.company-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.company-title{display:flex;align-items:center;gap:14px;padding:23px}.company-title>svg{margin-left:auto;color:#90b7b7}.company-title span{font-size:.8rem;color:var(--muted);display:block;margin-top:6px}.company-monogram{width:48px;height:48px;border-radius:12px;background:#ecf1f6;color:#426279;display:grid;place-items:center;font-weight:800;font-size:.9rem}.project-link{display:flex;justify-content:space-between;width:calc(100% - 44px);margin:0 22px 20px;padding:15px 12px;border:0;border-radius:8px;background:#f3f7f8;text-align:left}.project-link span{display:flex;gap:10px;align-items:center}.customer-banner{text-align:center;background:#e7f5f3;color:#0a6b62;font-weight:800;letter-spacing:2px;font-size:1.15rem;padding:16px;border-radius:12px;margin-bottom:22px}.project-switch{display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;margin-bottom:18px}.project-switch-pill{flex-shrink:0;border:1px solid var(--line);background:#fff;color:#4a6672;padding:9px 16px;border-radius:9px;font-size:1.05rem;font-weight:700;font-family:Manrope,Arial,sans-serif;white-space:nowrap}.project-switch-pill.active{background:var(--navy);border-color:var(--navy);color:#fff}.company-actions{display:flex;border-top:1px solid var(--line);gap:10px;padding:12px 19px}.company-actions button{border:0;background:transparent;padding:6px;font-size:.75rem}.empty{padding:60px 25px;border:1px dashed #c8d8df;border-radius:12px;text-align:center;color:var(--muted);background:#f9fbfc}.empty h2{color:#345461;margin:16px 0 10px}.empty p{line-height:1.7}.table-wrap{border:1px solid var(--line);border-radius:12px;overflow:auto;background:#fff}table{border-collapse:collapse;width:100%;text-align:left;font-size:.84rem}th{font-weight:500;background:#f8fafb;color:#78909b;padding:16px 20px;font-size:.76rem}td{padding:17px 20px;border-top:1px solid #eaf0f3;white-space:nowrap}.table-actions{display:flex;gap:8px}.table-actions button{font-size:.73rem;padding:7px 9px}.table-empty{padding:15px 20px}.badge{display:inline-flex;align-items:center;gap:6px;background:#e6f5ee;color:#238062;border-radius:5px;padding:5px 8px;font-size:.7rem;white-space:nowrap}.badge.off{background:#edf1f4;color:#738792}.connection{display:flex;align-items:center;gap:10px;color:#09847b;font-size:.8rem;white-space:nowrap}.connection small{display:block;margin-top:5px;font-size:.68rem;color:#80939e}.connection.disconnected{color:#997029}.panel-tabs{display:flex;gap:25px;border-bottom:1px solid #dce5e9;margin-bottom:25px}.panel-tabs button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:0 0 14px;color:#708692;font-weight:500;font-size:.8rem}.panel-tabs button.selected{color:#087f79;border-bottom-color:#087f79}.panel-tabs .device-setup{margin-left:auto;font-size:.75rem}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{background:#fff;padding:22px;border:1px solid var(--line);border-radius:10px}.metric>span{font-size:.8rem;color:#6f8692}.metric>strong{display:block;font-size:1.65rem;font-family:Manrope,Arial,sans-serif;letter-spacing:-.5px;margin:13px 0 8px}.metric strong small{font-size:1rem;margin-left:5px;font-weight:500}.metric p{font-size:.7rem;color:#8b9ca5;margin:0}.metric.accent{background:#e7f5f3;border-color:#d0e8e4}.metric.accent strong{color:#0b8079}.surface{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.surface-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;gap:12px}.surface-heading .eyebrow{font-size:.63rem;margin-bottom:7px}.surface-heading h2{font-size:1rem}.legend{display:flex;align-items:center;gap:7px;font-size:.68rem;color:#7d939e}.legend i,.signal{display:inline-block;width:7px;height:7px;border-radius:50%;background:#159589}.plant{width:100%;height:auto;display:block;padding:0 25px 8px}.plant text{font-family:DM Sans,Arial,sans-serif;font-size:10px;fill:#587d8e;font-weight:600;letter-spacing:.5px}.plant .tank-value{font-size:30px;fill:#174c60;font-weight:700;letter-spacing:-1px}.pipe{fill:none;stroke:#becfd7;stroke-width:8;stroke-linejoin:round}.pipe.flow{stroke:#41afa9;stroke-dasharray:12 6;animation:flow 2s linear infinite}@keyframes flow{to{stroke-dashoffset:-36}}.plant-footer{display:flex;gap:27px;flex-wrap:wrap;padding:14px 25px;border-top:1px solid #edf1f3;background:#fbfcfd;font-size:.7rem;color:#65818e}.plant-footer span{display:flex;align-items:center;gap:7px}.signal.red{background:#d8766c}.signal.gray{background:#a9b7bd}.pump-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pump-card{padding:22px}.pump-header{display:flex;align-items:center;gap:12px;margin-bottom:23px}.pump-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:10px;background:#edf5f6;color:#4d909c}.pump-header .eyebrow{font-size:.6rem;margin-bottom:5px}.pump-header h3{font-size:.9rem}.pump-header .badge{margin-left:auto}.mode-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.mode-row>span{font-size:.8rem;color:#6c838f}.segmented{display:flex;padding:3px;border:1px solid #e1e9ed;border-radius:7px;background:#f5f8f9;gap:2px}.segmented button{padding:7px 13px;font-size:.74rem;background:transparent;border:0;color:#8296a0}.segmented button.chosen{background:#fff;color:#167c79;box-shadow:0 1px 3px #17384615;opacity:1}.pump-explanation{font-size:.75rem;color:#7c909b;margin:15px 0 16px;line-height:1.6}.pump-note{display:flex;align-items:center;gap:7px;font-size:.7rem;color:#74918a;padding-top:13px;border-top:1px solid #edf2f4}.pump-note.warn{color:#a27636}.manual-buttons{display:flex;gap:10px;margin:15px 0}.manual-buttons button{flex:1}.settings-card{padding-bottom:25px;max-width:900px}.settings-card>p,.settings-card form{margin:0 25px 22px;color:#71838e;font-size:.875rem;line-height:1.7}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.settings-grid small{color:#8b9ba4}.unit-input{position:relative}.unit-input>span{position:absolute;right:15px;top:13px}.field{display:flex;flex-direction:column;gap:8px;font-size:.875rem;margin-bottom:19px;color:#365463}.field>span{font-weight:500}.field input,.field select{width:100%;padding:12px 14px;border:1px solid #d9e4e9;border-radius:7px;background:#fff;color:#294954;min-width:0}.notice{display:flex;align-items:flex-start;gap:9px;border-radius:8px;padding:13px 16px;background:#e7f4f0;color:#267563;font-size:.85rem;line-height:1.5;margin-bottom:18px}.notice svg{flex-shrink:0;margin-top:2px}.notice.error{background:#fbece9;color:#a04d40}.offline-note{display:flex;gap:12px;align-items:center;padding:16px;background:#fff6e6;border:1px solid #f1e5c9;color:#977742;border-radius:9px;margin-bottom:20px;font-size:.8rem}.offline-note span{display:block;margin-top:5px;font-size:.75rem}.preview-banner{padding:11px 37px;background:#e6eff8;color:#456a86;font-size:.75rem;border-bottom:1px solid #d5e4f0}.modal{border:0;border-radius:16px;padding:28px;width:min(500px,calc(100% - 32px));box-shadow:0 25px 100px #0b293833;max-height:90vh;color:#284653}.modal::backdrop{background:#0b283d70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.modal-title button{padding:3px 9px;font-size:1.5rem;border:0}.modal p{font-size:.875rem;line-height:1.7}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.template-note{display:flex;gap:9px;font-size:.8rem;background:#edf5f5;padding:13px;border-radius:7px;margin-bottom:20px}footer{display:flex;justify-content:space-between;border-top:1px solid #e3eaee;margin:0 37px;padding:18px 0;color:#8b9da7;font-size:.7rem}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:#102d39;color:#fff;padding:45px 65px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-story h1{font-size:3.5rem;line-height:1.16;letter-spacing:-2px;margin-top:28px}.login-story p{color:#a7c2ce;line-height:1.8;font-size:1rem}.login-story .eyebrow{color:#70c9c4;font-size:.7rem}.login-story>small{font-size:.73rem;color:#698d9d}.login-art{color:#59b9b5;display:flex;align-items:center;gap:30px;margin:25px 0}.login-art span{font-size:.65rem;letter-spacing:2px;max-width:130px;line-height:2}.login-form{display:grid;place-items:center;padding:40px;background:#fff}.login-box{max-width:360px;width:100%}.login-box h2{font-size:1.9rem;margin:22px 0 12px;letter-spacing:-.8px}.login-box>p{color:#7b8e9a;line-height:1.7;font-size:.9rem;margin-bottom:30px}.login-box .primary{margin-top:5px;justify-content:space-between;padding:14px}.login-box .login-help{font-size:.75rem;line-height:1.8;border-top:1px solid #e5edef;padding-top:24px;margin-top:28px}.password-page{min-height:100vh;display:grid;place-items:center;padding:25px}.password-card{max-width:470px;width:100%;padding:32px;background:#fff;border:1px solid var(--line);border-radius:14px}.password-card .brand{color:#254955;margin-bottom:35px}.password-card h1{font-size:1.5rem;letter-spacing:-.5px}.password-card>p{font-size:.85rem;color:#788f9a;line-height:1.7}.text-button{border:0;background:none;color:var(--teal);margin:12px auto 0;display:flex}.loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:100vh;color:#568794}@media(min-width:1600px){.plant{max-height:360px}.login-story{padding:65px 100px}}@media(max-width:1150px){.sidebar{width:210px;padding-left:15px;padding-right:15px}.main-shell{margin-left:210px}main{padding:28px 24px}.topbar{padding:0 24px}.metrics{gap:10px}.metric{padding:17px}.metric strong{font-size:1.35rem}.pump-card{padding:17px}.pump-header{gap:8px}.pump-header h3{font-size:.8rem}.pump-header .badge{font-size:.6rem}.segmented button{padding:7px 9px}.brand{font-size:1.4rem}.login-story{padding:40px}.login-story h1{font-size:3rem}}@media(max-width:850px){.sidebar{position:relative;width:100%;padding:14px 16px 0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px}.workspace-label,.access-note,.account>span,.avatar{display:none}.sidebar-bottom{padding:0;margin:0 0 0 auto}.account{padding:0;border:0}.app-shell{display:block}.main-shell{margin-left:0}.topbar{height:auto;min-height:60px;padding:15px 22px}.metrics{grid-template-columns:repeat(2,1fr)}.login-story{padding:30px}.login-story h1{font-size:2.5rem}.login-art,.top-tag{display:none}.summary-grid{gap:10px}.summary{padding:15px;gap:10px}.summary .iconbox{display:none}}@media(max-width:580px){main{padding:24px 16px}.customer-banner{font-size:.95rem;padding:13px;letter-spacing:1.5px}.page-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:22px}h1{font-size:1.6rem;letter-spacing:-.6px}.page-heading p{font-size:.8rem}.company-grid,.pump-grid,.settings-grid{grid-template-columns:1fr}.summary strong{font-size:1.4rem}.summary .text-value{font-size:.9rem}.summary span:not(.iconbox){font-size:.65rem}.summary{padding:15px 10px}.company-title{padding:18px}.metrics{gap:10px}.metric{padding:16px}.metric>strong{font-size:1.4rem}.surface-heading{padding:18px 16px}.legend{display:none}.plant{padding:0 4px 7px}.plant-footer{padding:13px 16px;gap:10px;font-size:.65rem}.panel-tabs{gap:18px;flex-wrap:wrap}.panel-tabs button{font-size:.75rem}.panel-tabs .device-setup{margin-left:0}.preview-banner{padding:10px 16px;line-height:1.6}.connection{font-size:.75rem}.login{display:block}.login-story{min-height:0;padding:25px}.login-story>div:not(.brand),.login-story>small{display:none}.login-form{padding:35px 25px;min-height:calc(100vh - 100px)}.login-box h2{font-size:1.7rem}footer{margin:0 16px;font-size:.65rem}.modal{padding:23px}.surface-heading h2,.pump-header h3{font-size:.9rem}.breadcrumb{font-size:.7rem}.settings-card>p,.settings-card form{margin-left:18px;margin-right:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.breadcrumb-home{border:0;background:transparent;padding:0;color:inherit;font-size:inherit;font-weight:400}.breadcrumb-home:hover:not(:disabled){background:transparent;text-decoration:underline}.brand-logo{width:67.5px;height:67.5px;object-fit:contain;clip-path:circle(41% at 50% 50%);flex-shrink:0;margin:-6px}.brand{gap:8px}.sidebar .brand{font-size:1.45rem}@media(min-width:851px)and (max-width:1150px){.sidebar .brand{font-size:1.2rem}.sidebar .brand small{font-size:.5rem;letter-spacing:1.4px}}.company-users{padding:18px 22px;border-top:1px solid var(--line)}.company-users h3{font-size:.85rem;margin-bottom:14px}.company-users>p{margin-bottom:0}.company-user+.company-user{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.company-user-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px;font-size:.85rem}.company-user-heading strong{overflow-wrap:anywhere;min-width:0}.company-user .table-actions{flex-wrap:wrap}.nav-company-name{padding:16px 12px 7px;font-size:.75rem;font-weight:700;color:#d1e0e7;overflow-wrap:anywhere}.nav-company .nav{margin-bottom:5px}.project-row{display:flex;align-items:center;gap:8px;padding-right:15px}.project-row .project-link{flex:1;min-width:0}.delete-link{color:#ad3535;font-size:.75rem;background:transparent}.company-actions{flex-wrap:wrap}.delete-confirm{display:flex;align-items:center;gap:10px;font-size:.85rem;margin:20px 0}.delete-confirm input{width:auto}.delete-link{width:32px;height:32px;min-width:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:24px;font-weight:400;flex-shrink:0;border-color:transparent}.delete-link:hover:not(:disabled){background:#fff0f0;border-color:#eccaca}.company-user-heading strong{flex:1}.company-user-heading .delete-link{order:3}.company-actions .delete-link{margin-left:auto}.brand-logos{display:flex;align-items:center;justify-content:center;gap:14px}.sidebar .brand{flex-direction:column;text-align:center;gap:12px}.sidebar .brand-admin .brand-logo{width:168.75px;height:168.75px;margin:-15px}.sidebar .brand-admin{font-size:1.6rem}.customer-brand-logo{width:67.5px;height:67.5px;object-fit:contain}.company-logo{width:100%;height:100%;object-fit:contain}.edit-icon{width:32px;height:32px;min-width:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-color:transparent;background:transparent;flex-shrink:0}.company-title .edit-icon{margin-left:auto}.logo-preview{display:flex;align-items:center;gap:18px;margin-bottom:12px}.logo-preview img{width:100px;height:100px;object-fit:contain}.sidebar{overflow-y:auto}.sidebar>.brand{flex-shrink:0}.sidebar .workspace-label{margin-top:30px}.project-row{gap:3px}.recovery-process-scroll{overflow-x:auto}.plant.recovery-plant{display:block;width:100%;min-width:760px;max-height:none;height:auto}.recovery-plant .process-unmeasured{font-size:13px;font-weight:400}.process-thresholds{display:grid;grid-template-columns:repeat(auto-fit,minmax(186px,1fr));gap:10px 22px;padding:12px 24px 18px;font-size:.75rem;color:#526b77}.process-thresholds span{display:inline-flex;align-items:center;gap:7px}.process-thresholds i{width:16px;height:3px;border-radius:2px}.recovery-plant .tank-value{paint-order:stroke;stroke:#f8fcfd;stroke-width:3px}.sump-water-wave{animation:sump-wave-drift 4s linear infinite}@keyframes sump-wave-drift{to{transform:translate(-56px)}}.metric.metric-alarm{background:#fff1f2;border-color:#dc4c4c;animation:pac-alarm-pulse 1.6s ease-in-out infinite}.metric.metric-alarm>span,.metric.metric-alarm>strong,.metric.metric-alarm>p{color:#a71928}@keyframes pac-alarm-pulse{0%,to{background:#fff1f2;box-shadow:inset 0 0 0 1px #efb1b8}50%{background:#ffcdd2;box-shadow:inset 0 0 0 2px #d93648}}@media(max-width:850px){.sidebar{flex-direction:column;justify-content:center;gap:0;padding:22px 62px 24px;overflow:visible}.sidebar>.brand{width:100%;min-width:0;margin:0 auto;align-items:center;text-align:center;gap:12px}.sidebar .brand-logos{width:100%;justify-content:center;gap:18px}.sidebar .brand>span{display:block;text-align:center}.sidebar .sidebar-bottom{position:absolute;right:16px;top:18px;margin:0;padding:0}.sidebar .account button{width:36px;height:36px;padding:0}}@media(max-width:580px){.login-story{padding:24px}.login-story>.brand{flex-direction:column;justify-content:center;text-align:center;gap:12px;margin:0 auto}.login-story .brand-logos{justify-content:center}}.filter-rinse{--filter-edge:#9a86cc}.filter-backwash{--filter-edge:#c4894a}.filter-cycle-pulse>.filter-body{animation:filter-body-flash 2.2s ease-in-out infinite}@keyframes filter-body-flash{0%,to{stroke:#96b4c1;stroke-width:2}45%,60%{stroke:var(--filter-edge);stroke-width:2.8}}@media(max-width:580px){.sidebar{padding:8px 12px 2px}.sidebar>.brand{flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;font-size:1.85rem}.sidebar .brand-logos{width:100px;flex-direction:column;gap:0;flex-shrink:0}.sidebar .brand-logo,.sidebar .customer-brand-logo{width:100px;height:100px}.sidebar .customer-brand-logo{height:70px}.sidebar .brand-logo{margin:-7px}.sidebar .brand>span{text-align:left;transform:translate(6px)}.sidebar .brand small{font-size:.65rem;letter-spacing:1.6px;margin-top:7px}.sidebar .sidebar-bottom{top:50%;right:10px;transform:translateY(-50%)}.sidebar .brand-admin{padding-top:0}.sidebar .brand-admin .brand-logo{width:100px;height:100px;margin:-7px}}@media(max-width:360px){.sidebar>.brand{gap:8px;font-size:1.5rem}.sidebar .brand small{font-size:.59rem;letter-spacing:1.2px}}.login-remember{display:flex;align-items:flex-start;gap:11px;font-size:.85rem;color:#3d5a68;margin:-4px 0 20px;cursor:pointer}.login-remember input{width:auto;flex-shrink:0;margin:2px 0 0;accent-color:var(--teal)}.login-remember small{display:block;font-size:.72rem;color:#8296a0;line-height:1.6;margin-top:5px}.issued-secret{display:flex;align-items:center;gap:12px;background:#f3f7f8;border:1px solid var(--line);border-radius:9px;padding:13px 15px;margin:10px 0 16px}.issued-secret code{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;letter-spacing:1.5px;color:#12414f;overflow-wrap:anywhere}.issued-secret button{flex-shrink:0;font-size:.75rem}.field>label{font-weight:500}.field-secret{position:relative;display:flex;align-items:center}.field-secret input{padding-right:50px}.field-secret .reveal{position:absolute;right:5px;border:0;background:none;color:#7b929d;padding:8px;border-radius:6px;touch-action:none;user-select:none;-webkit-user-select:none}.field-secret .reveal:hover:not(:disabled){background:#edf5f5;color:var(--teal)}.pipe-casing{fill:none;stroke:#a9bcc5;stroke-width:10;stroke-linejoin:round;stroke-linecap:round}.pipe-bore{fill:none;stroke:#eff5f7;stroke-width:6;stroke-linejoin:round;stroke-linecap:round}.pipe-fluid{fill:none;stroke:#3aa9a3;stroke-width:6;stroke-linejoin:round;stroke-linecap:butt;stroke-dasharray:11 9;animation:flow-inside 1.6s linear infinite}@keyframes flow-inside{to{stroke-dashoffset:-20}}.pipe-thin .pipe-casing{stroke-width:5}.pipe-thin .pipe-bore{stroke-width:2.6}.pipe-thin .pipe-fluid{stroke-width:2.6;stroke-dasharray:6 5;animation-name:flow-thin;animation-duration:.88s}@keyframes flow-thin{to{stroke-dashoffset:-11}}.login-story>.brand{font-size:3.2rem;gap:20px}.login-story>.brand .brand-logo{width:135px;height:135px;margin:-12px}.login-story>.brand small{font-size:1.14rem;letter-spacing:4.2px;margin-top:10px}@media(max-width:900px){.login-story>.brand{font-size:2.3rem;gap:14px}.login-story>.brand .brand-logo{width:95px;height:95px;margin:-9px}.login-story>.brand small{font-size:.82rem;letter-spacing:3px;margin-top:7px}}@media(max-width:580px){.process-thresholds{grid-template-columns:1fr;gap:0;padding:8px 16px 14px}.process-thresholds span{padding:9px 0;border-bottom:1px solid #eef3f5}.process-thresholds span:last-child{border-bottom:0}.process-thresholds strong{margin-left:auto}.plant-footer{display:grid;grid-template-columns:1fr;gap:0;padding:4px 16px 12px}.plant-footer span{padding:9px 0;border-bottom:1px solid #eef3f5}.plant-footer span:last-child{border-bottom:0}}.command-toast{position:fixed;right:26px;bottom:24px;z-index:40;width:min(430px,calc(100vw - 300px));pointer-events:none;animation:toast-in .18s ease-out}.command-toast .notice{margin:0;pointer-events:auto;border:1px solid #c3e1d7;box-shadow:0 14px 38px #0f283326}.command-toast .notice.error{border-color:#eecdc5}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:850px){.command-toast{left:12px;right:12px;bottom:12px;width:auto}}.filter-water{fill:#9ad6e2;opacity:.62}.filter-submerged{fill:#4ea3ba;opacity:.14}.filter-backwash .bed-anthracite{animation:bed-stir-up 1.9s ease-in-out infinite}.filter-backwash .bed-sand{animation:bed-stir-up-small 2.4s ease-in-out infinite}.filter-backwash .bed-gravelFine{animation:bed-stir-up-small 3.1s ease-in-out infinite}.filter-rinse .bed-anthracite{animation:bed-stir-down 2.6s ease-in-out infinite}.filter-rinse .bed-sand{animation:bed-stir-down 3.2s ease-in-out infinite}@keyframes bed-stir-up{0%,to{transform:translateY(0)}50%{transform:translateY(-2.6px)}}@keyframes bed-stir-up-small{0%,to{transform:translateY(0)}50%{transform:translateY(-1.1px)}}@keyframes bed-stir-down{0%,to{transform:translateY(0)}50%{transform:translateY(1.3px)}}.push-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin:0 37px 22px}.push-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#edf5f5;color:var(--teal);flex-shrink:0}.push-copy{flex:1;min-width:0}.push-copy strong{display:block;font-size:.9rem;color:#2b4a58}.push-copy small{display:block;color:var(--muted);font-size:.78rem;line-height:1.6;margin-top:4px}.push-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.push-test{background:transparent;border:0;color:#5d8494;font-size:.78rem;text-decoration:underline;padding:8px}.push-test:hover:not(:disabled){background:transparent;color:var(--teal)}.push-error{color:#a04d40;font-size:.78rem;line-height:1.6;margin:8px 0 0}.push-note{color:#267563;font-size:.78rem;line-height:1.6;margin:8px 0 0}@media(max-width:700px){.push-card{flex-wrap:wrap;margin:0 16px 18px;padding:16px;gap:12px}.push-actions{width:100%}.push-actions button{flex:1}}@media(max-width:850px){.sidebar nav{order:3;width:100%;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:4px 0 10px;margin-top:2px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar .nav{width:auto;flex:0 0 auto;white-space:nowrap;padding:9px 14px;min-height:0;border-radius:999px;background:#1b3f4b;gap:8px}.sidebar .nav.active{background:#2a5b6a;color:#fff}.sidebar .nav small{display:none}.nav-company{display:flex;gap:8px;flex:0 0 auto}.nav-company-name{display:none}.push-card-quiet{padding:12px 16px}}.push-card-quiet{gap:12px;padding:14px 22px}.push-card-quiet .push-icon{width:34px;height:34px;border-radius:9px}.push-card-quiet strong{font-size:.82rem;font-weight:500;color:#41616f}.push-off{background:transparent;border:0;color:#7d939e;font-size:.78rem;text-decoration:underline;padding:6px 8px;flex-shrink:0}.push-off:hover:not(:disabled){background:transparent;color:#a04d40}@media(max-width:580px){.sidebar:has(>.brand-customer){padding:8px 48px 8px 12px}.sidebar>.brand-customer{display:grid;grid-template-columns:64px minmax(0,max-content) 64px;justify-content:center;align-items:center;gap:4px;font-size:clamp(1.2rem,5.4vw,1.8rem)}.sidebar .brand-customer .brand-logos{display:contents}.sidebar .brand-customer .customer-brand-logo{grid-column:1;grid-row:1;width:64px;height:64px;margin:0}.sidebar .brand-customer>span{grid-column:2;grid-row:1;min-width:0;text-align:center;transform:none;letter-spacing:-.6px}.sidebar .brand-customer small{font-size:clamp(.43rem,1.8vw,.6rem);letter-spacing:.7px;margin-top:4px}.sidebar .brand-customer .brand-logo{grid-column:3;grid-row:1;width:64px;height:64px;margin:0}}.customer-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--line)}.customer-heading-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:12px;background:#e4f1ef;color:var(--teal)}.customer-heading>div{min-width:0}.customer-heading-label{display:block;font-size:.62rem;font-weight:700;letter-spacing:1.6px;color:#71838e;margin-bottom:5px}.customer-heading h2{font-size:1.4rem;letter-spacing:-.4px;line-height:1.3;overflow-wrap:anywhere;color:var(--navy)}.project-picker{display:flex;flex-direction:column;gap:8px;width:100%;max-width:520px}.project-picker>span{font-size:.75rem;color:var(--muted)}.project-picker select{width:100%;min-width:0;padding:13px 36px 13px 14px;border:1px solid #cddde2;border-radius:10px;background:#fff;color:var(--navy);font:inherit;font-size:1rem;font-weight:600;text-overflow:ellipsis;cursor:pointer}@media(max-width:580px){.page-heading>div:first-child:has(.project-picker){width:100%;flex:auto}.customer-heading{margin-bottom:16px;padding-bottom:14px}.customer-heading h2{font-size:1.25rem}}.customer-heading{background:#e8f2f1;border:1px solid #d2e5e2;border-radius:8px;padding:8px 16px;margin-bottom:16px;justify-content:center;text-align:center}.customer-heading h2{font-size:1.5rem;font-weight:750;letter-spacing:-.5px}.project-picker{display:block;max-width:620px}.project-picker summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #cadbdd;cursor:pointer;list-style:none;color:#365967;font-weight:500;line-height:1.5}.project-picker summary::-webkit-details-marker{display:none}.project-picker summary>span,.project-options button>span{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:left}.project-picker summary svg{flex-shrink:0;transform:rotate(90deg);color:#648c94}.project-picker[open] summary svg{transform:rotate(-90deg)}.project-options{padding:6px;margin-top:8px;background:#fff;border:1px solid var(--line);border-radius:10px}.project-options button{width:100%;justify-content:space-between;border:0;font-weight:400;line-height:1.5;padding:11px 10px}.project-options button[aria-current=true]{background:#eaf5f2;color:#087f79;font-weight:600}.project-options svg{flex-shrink:0}@media(max-width:580px){.sidebar>.brand-customer{grid-template-columns:clamp(60px,20vw,80px) minmax(0,1fr) clamp(60px,20vw,80px);gap:10px;font-size:clamp(1.38rem,6vw,1.98rem)}.sidebar .brand-customer .customer-brand-logo,.sidebar .brand-customer .brand-logo{width:100%;height:clamp(60px,20vw,80px)}.sidebar .brand-customer small{white-space:normal;line-height:1.4;font-size:clamp(.516rem,2.16vw,.72rem)}}.workspace-label:empty{display:none}.sidebar .customer-project-nav{margin-top:28px}.customer-project-nav .nav{align-items:flex-start;line-height:1.5}.customer-project-nav .nav svg{flex-shrink:0;margin-top:2px}.customer-project-nav .nav span{min-width:0;white-space:normal;overflow-wrap:anywhere}.project-picker{display:none;position:relative}.page-heading:has(.project-picker){overflow:visible}.project-picker .project-options{position:absolute;top:100%;left:0;right:0;z-index:20;max-height:min(50vh,340px);overflow-y:auto;box-shadow:0 12px 28px #102d3926;animation:project-menu-in .16s ease-out}@keyframes project-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.sidebar .customer-project-nav,.desktop-project-title{display:none}.project-picker{display:block}.page-heading>div:first-child:has(.project-picker){width:100%;flex:auto}}.account-menu{position:relative;flex-shrink:0}.account-menu summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;color:#bcd6df;padding:8px;border-radius:8px;font-size:.72rem}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:hover{background:#204551}.account-dropdown{position:absolute;bottom:calc(100% + 10px);right:0;z-index:50;width:230px;padding:16px;background:#fff;color:#203b49;border:1px solid #dce7eb;border-radius:12px;box-shadow:0 12px 32px #102d3933}.account-dropdown>strong,.account-dropdown>small{display:block;overflow-wrap:anywhere;line-height:1.5}.account .account-dropdown>small{color:#71838e;margin:3px 0 12px;font-size:.75rem}.account .account-dropdown button{width:100%;height:auto;justify-content:flex-start;border:0;border-radius:6px;padding:11px 6px;color:#294653;font-size:.8rem}.account .account-dropdown button:hover{background:#edf5f5}@media(max-width:850px){.account-menu summary{width:36px;height:36px;justify-content:center;padding:0}.account-menu summary>span{display:none}.account-dropdown{bottom:auto;top:calc(100% + 12px)}}.customers-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.customers-heading h1{margin:0}.customers-count{display:inline-flex;align-items:center;padding:5px 10px;border-radius:20px;background:#e4eeed;color:#4a6e71;font-size:.78rem;font-weight:500;white-space:nowrap}@media(max-width:850px){.sidebar:has(>.brand-admin){padding:8px 48px 8px 12px}.sidebar:has(>.brand-admin) nav{display:none}.sidebar>.brand-admin{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding:0;font-size:1.6rem}.sidebar .brand-admin .brand-logos{width:auto;flex-direction:row;gap:0}.sidebar .brand-admin .brand-logo{width:76px;height:76px;margin:-5px}.sidebar .brand-admin>span{text-align:left;transform:none}.sidebar .brand-admin small{font-size:.6rem;letter-spacing:1.2px}.sidebar:has(>.brand-admin) .sidebar-bottom{top:50%;right:10px;transform:translateY(-50%)}.customers-page-heading{flex-direction:row;align-items:center;gap:8px}.customers-page-heading>.customers-heading{flex:1;gap:6px}.customers-page-heading h1{font-size:1.3rem}.customers-page-heading .customers-count{font-size:.65rem;padding:3px 6px}.customers-page-heading>button{flex-shrink:0;padding:8px;font-size:.7rem;gap:4px;min-height:36px}.customers-page-heading>button svg{width:14px;height:14px}}.mobile-customers-back{display:none}@media(max-width:850px){.mobile-customers-back{display:inline-flex;background:transparent;border:0;padding:6px 0;margin:0 0 12px;color:var(--teal);font-size:.8rem;font-weight:600;gap:7px}}.delete-name{padding:12px 14px;margin:16px 0;background:#f3f6f8;border:1px solid var(--line);border-radius:8px}.delete-name small{display:block;color:var(--muted);margin-bottom:6px}.delete-name strong{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.5}.delete-cascade{background:#fff2ee;border:1px solid #edcfc6;padding:14px;border-radius:8px;margin-bottom:16px;color:#874638;font-size:.85rem}.delete-cascade ul{padding-left:20px;line-height:1.7}.process-info-toggle{display:none}@media(max-width:850px){.process-info-toggle{display:flex;justify-content:space-between;width:100%;padding:13px 16px;border:0;border-top:1px solid var(--line);border-radius:0;background:#f7fafb;color:#527481;font-size:.75rem;text-align:left}.process-info-toggle>span{font-size:1.2rem;line-height:1}.process-info{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .22s ease,visibility .22s}.process-info.is-open{grid-template-rows:1fr;visibility:visible}.process-info-inner{overflow:hidden;min-height:0}}.company-user-list{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#a9c6c9 transparent;scrollbar-gutter:stable;padding-right:6px}.company-title{gap:10px}.company-title>div:nth-child(2){min-width:0;flex:1}.company-title h2{overflow-wrap:anywhere}.company-title .company-delete{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;margin:0;padding:0;background:#fff0ed;border:1px solid #edc9c2;border-radius:8px;color:#b74637;font-size:1.4rem;flex-shrink:0}.customer-delete-section{margin-top:24px;padding-top:18px;border-top:1px solid #ead9d4;display:flex;gap:14px;align-items:center;justify-content:space-between}.customer-delete-section strong{font-size:.85rem;color:#8b493c}.customer-delete-section p{font-size:.75rem;margin:5px 0 0;color:var(--muted)}.customer-delete-section>button{flex-shrink:0;color:#a33b2d;border-color:#e8c7c0;background:#fff3ef;font-size:.78rem}@media(max-width:400px){.customer-delete-section{align-items:flex-start;flex-direction:column}}.blank-project{min-height:220px;border-style:dashed;background:#fafcfc}.beta-thanks{max-width:760px;margin:28px auto;padding:64px 36px;text-align:center;border:1px solid #d5e6e3;border-radius:22px;background:radial-gradient(ellipse at top,#e2f2ed,#fff 72%);box-shadow:0 12px 40px #143e4610}.beta-thanks-mark{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 28px;border:1px solid #c0dfd8;border-radius:24px;background:#f0faf6;color:#087f79}.beta-thanks-label{display:block;color:#54857c;font-size:.66rem;letter-spacing:2px;font-weight:700;margin-bottom:18px}.beta-thanks h1{font-size:2.6rem;line-height:1.2;color:#153e46;margin-bottom:24px}.beta-thanks p{max-width:470px;margin:0 auto 16px;font-size:1rem;line-height:1.85;color:#607982}.beta-thanks-signature{margin-top:34px;color:#78928e;font-size:.8rem;line-height:1.9}.beta-thanks-signature strong{display:block;color:#25756c;font-size:.9rem;font-weight:600}@media(max-width:580px){.beta-thanks{margin:8px auto;padding:42px 22px;border-radius:16px}.beta-thanks h1{font-size:2rem}.beta-thanks p{font-size:.9rem}}.stats{display:flex;flex-direction:column;gap:18px}.stats-filters{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:3px;border:1px solid #e1e9ed;border-radius:8px;background:#f5f8f9;align-self:flex-start;max-width:100%}.stats-filters button{padding:7px 12px;font-size:.76rem;background:transparent;border:0;border-radius:6px;color:#667d88;font-weight:500}.stats-filters button:hover{color:#102d39}.stats-filters button.chosen{background:#fff;color:#087f79;font-weight:600;box-shadow:0 1px 3px #17384618}.stats-refresh{font-size:.72rem;color:#8296a0;padding:0 10px}.stats-loading{display:flex;align-items:center;gap:10px;padding:40px 0;color:#568794;font-size:.85rem}.stats-body{display:flex;flex-direction:column;gap:18px;transition:opacity .2s}.stats-body.refreshing{opacity:.55}.stats-empty{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid #d9e6ea;border-radius:10px;background:#f4f9fa;color:#46636e;font-size:.83rem;line-height:1.5}.stats-empty svg{flex-shrink:0;margin-top:2px;color:#087f79}.stats-empty strong{display:block;color:#102d39}.stats-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.stats-tile{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:5px;min-width:0}.stats-tile-label{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#71838e;font-weight:500}.stats-tile-label svg{color:#8aa0ab}.stats-tile strong{font-size:1.15rem;font-weight:600;color:#102d39;line-height:1.25}.stats-tile small{font-size:.72rem;color:#71838e;line-height:1.4}.stats-tile.warn{border-color:#f0d9b5;background:#fffaf1}.stats-tile.warn .stats-tile-label svg{color:#c98a00}.stats-card{padding:18px 20px 16px}.stats-card-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:10px}.stats-card-head h3{margin:0;font-size:.92rem;font-weight:600;color:#102d39}.stats-card-head span{font-size:.72rem;color:#8296a0}.stats-card-head.sub{margin-top:18px;padding-top:14px;border-top:1px solid #edf2f4}.stats-chart{position:relative;width:100%}.stats-chart svg{display:block;overflow:visible;touch-action:pan-y}.stats-chart svg:focus-visible{outline:2px solid #087f79;outline-offset:4px;border-radius:4px}.stats-grid{stroke:#e8eef1;stroke-width:1}.stats-axis{font-size:10.5px;fill:#8296a0;font-variant-numeric:tabular-nums}.stats-ref{font-size:10.5px;fill:#5f7580}.stats-cross{stroke:#9fb2bb;stroke-width:1}.stats-lane-label{font-size:11.5px;fill:#46636e}.stats-lane-track{fill:#f3f6f8}.stats-lane-bar{cursor:default;outline:none}.stats-lane-bar:hover,.stats-lane-bar:focus{filter:brightness(1.12);stroke:#102d39;stroke-width:1}.stats-lane-offline{outline:none;opacity:.9}.stats-lane-offline:hover,.stats-lane-offline:focus{stroke:#5f7580;stroke-width:1}.stats-tip{position:absolute;z-index:5;min-width:150px;pointer-events:none;background:#fff;border:1px solid #dce5e9;border-radius:8px;box-shadow:0 8px 24px #0f283320;padding:9px 11px;font-size:.76rem}.stats-tip-row{display:flex;align-items:center;gap:7px;white-space:nowrap}.stats-tip-row i{width:12px;height:3px;border-radius:2px;flex-shrink:0}.stats-tip-row strong{color:#102d39;font-weight:600;font-variant-numeric:tabular-nums}.stats-tip-row span{color:#71838e}.stats-tip small{display:block;margin-top:5px;color:#8296a0;font-size:.7rem}.stats-legend{display:flex;gap:16px;margin-bottom:8px;font-size:.74rem;color:#46636e}.stats-legend span{display:flex;align-items:center;gap:6px}.stats-legend i{width:10px;height:10px;border-radius:2px}.stats-table-wrap{margin-top:14px;max-height:420px;overflow:auto;border:1px solid #edf2f4;border-radius:8px}.stats-table{width:100%;border-collapse:collapse;font-size:.76rem;font-variant-numeric:tabular-nums}.stats-table th{position:sticky;top:0;background:#f7fafb;color:#5f7580;font-weight:600;text-align:left;padding:9px 12px;border-bottom:1px solid #e3eaee;white-space:nowrap}.stats-table td{padding:8px 12px;border-bottom:1px solid #f0f4f6;color:#26404b;white-space:nowrap}.stats-table tr:last-child td{border-bottom:0}.stats-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.stats-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.stats-list.scroll{max-height:420px;overflow:auto}.stats-list li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #f0f4f6}.stats-list li:last-child{border-bottom:0}.stats-list li>i{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.stats-list strong{display:block;font-size:.8rem;font-weight:500;color:#102d39;line-height:1.35}.stats-list span{display:flex;align-items:center;gap:4px;font-size:.72rem;color:#8296a0;margin-top:2px}@media(max-width:850px){.stats-columns{grid-template-columns:1fr}}@media(max-width:580px){.stats-card{padding:14px 12px}.stats-tiles{grid-template-columns:1fr 1fr;gap:8px}.stats-tile{padding:11px 12px}.stats-tile strong{font-size:1rem}.stats-filters button{padding:6px 9px}}@media(max-width:580px){.panel-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;gap:16px}.panel-tabs::-webkit-scrollbar{display:none}.panel-tabs button{white-space:nowrap;flex-shrink:0}}.stats-ref.halo{paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}@media(max-width:580px){.stats-lane-label{font-size:11px}}.stats-card{overflow:visible}.stats-tip.above{transform:translateY(-100%)}.stats-table th.group{text-align:center;border-bottom:1px solid #e3eaee;padding-bottom:5px}.stats-table th.sub{top:30px;font-weight:500;padding-top:5px}.stats-table thead tr:first-child th[rowspan]{vertical-align:bottom}.stats-legend.refs{flex-wrap:wrap;gap:6px 16px;color:#5f7580}.stats-legend i.line{width:14px;height:2px;border-radius:1px}.link-button{background:none;border:0;padding:0;margin-left:4px;color:inherit;font-weight:600;text-decoration:underline;cursor:pointer}.stats-tile-pairs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats-tile-pairs>div{display:flex;flex-direction:column;gap:1px;min-width:0}.stats-tile-pairs>div+div{border-left:1px solid #edf2f4;padding-left:10px}.stats-tile-pairs span{font-size:.74rem;color:#46636e}.pipe-fluid.product{stroke:#2b87b8}.pipe-fluid.reject{stroke:#9a8f7a}.ro-sequence{border-top:1px solid #edf2f4;padding:16px 22px 18px;display:flex;flex-direction:column;gap:12px}.ro-sequence ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 0}.ro-sequence li{display:flex;align-items:center;gap:7px;font-size:.76rem;color:#8296a0;padding-right:26px;position:relative}.ro-sequence li:not(:last-child):after{content:"";position:absolute;right:8px;top:50%;width:10px;height:1px;background:#c9d6dc}.ro-sequence li i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.68rem;font-weight:700;background:#eef3f5;color:#8296a0}.ro-sequence li.done{color:#26404b}.ro-sequence li.done i{background:#dff0ee;color:#087f79}.ro-sequence li.here{color:#102d39;font-weight:600}.ro-sequence li.here i{background:#087f79;color:#fff}.ro-sequence li.here.stuck i{background:#d23c3c}.ro-explain{display:flex;gap:9px;align-items:flex-start;font-size:.84rem;line-height:1.5;color:#26404b;background:#f4f9fa;border:1px solid #dcebee;border-radius:9px;padding:11px 14px}.ro-explain svg{flex-shrink:0;margin-top:2px;color:#087f79}.ro-explain.warn{background:#fffaf1;border-color:#f0d9b5}.ro-explain.warn svg{color:#c98a00}.ro-explain.alarm{background:#fdf0ef;border-color:#f0c9c4;color:#7c2d25}.ro-explain.alarm svg{color:#d23c3c}.ro-settings{padding:20px 22px;display:flex;flex-direction:column;gap:4px}.ro-settings .surface-heading p{margin:6px 0 8px;font-size:.8rem;color:#71838e;line-height:1.5}.ro-field{display:grid;grid-template-columns:1fr auto;gap:6px 20px;align-items:center;padding:14px 0;border-top:1px solid #edf2f4}.ro-field>span:first-child{display:flex;flex-direction:column;gap:3px}.ro-field strong{font-size:.86rem;color:#102d39;font-weight:600}.ro-field small{font-size:.75rem;color:#71838e;line-height:1.45}.ro-input{display:flex;align-items:center;gap:6px}.ro-input input{width:90px;padding:9px 10px;border:1px solid #cfdde3;border-radius:7px;text-align:right;font-variant-numeric:tabular-nums}.ro-input em{font-style:normal;font-size:.78rem;color:#71838e}.ro-was{grid-column:1/-1;color:#a16207!important}.ro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:14px;border-top:1px solid #edf2f4}.ro-actions button{display:inline-flex;align-items:center;gap:7px}.ro-actions span{font-size:.76rem;color:#71838e}@media(max-width:580px){.ro-field{grid-template-columns:1fr}.ro-sequence{padding:14px 12px}.ro-settings{padding:16px 14px}}.ro-washing .ro-tank-body{animation:filter-body-flash 1.2s ease-in-out infinite;--filter-edge:#c4894a}@media(prefers-reduced-motion:reduce){.ro-washing .ro-tank-body{animation:none}}.ro-pressures{padding:18px 22px 20px;display:flex;flex-direction:column;gap:14px}.ro-pres-group h3{margin:0 0 8px;font-size:.74rem;font-weight:600;color:#71838e;letter-spacing:.02em}.ro-pres-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.ro-pres{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid #e3ecef;border-radius:9px;padding:10px 12px;background:#fbfdfd}.ro-pres i{font-style:normal;font-size:.7rem;font-weight:700;color:#17658b;background:#e6f2f7;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.ro-pres span{font-size:.78rem;color:#26404b;line-height:1.35}.ro-pres strong{font-size:1rem;color:#102d39;font-variant-numeric:tabular-nums;white-space:nowrap}.ro-pres strong small{font-size:.72rem;font-weight:500;color:#71838e}@media(max-width:580px){.ro-pressures{padding:16px 14px}}.metrics.ro-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1100px){.metrics.ro-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:580px){.metrics.ro-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.ro-dosing{animation:ro-dose 1.1s linear infinite}@keyframes ro-dose{to{stroke-dashoffset:-14}}@media(prefers-reduced-motion:reduce){.ro-dosing{animation:none}}.site-link{cursor:pointer}.site-link:focus-visible{outline:2px solid #68dace;outline-offset:3px;border-radius:6px}.plant.ro-plant{display:block;width:100%;min-width:900px;max-height:none;height:auto}.ro-pressures .surface-heading{padding:0}.ro-drop{fill:none;stroke-linecap:round;stroke-dasharray:3 4;animation:ro-drop .9s linear infinite}@keyframes ro-drop{to{stroke-dashoffset:-14}}.ro-spray{stroke:#1f9fc7;stroke-width:2;opacity:.95}.ro-perc{stroke:#a8ecf7;stroke-width:1.9;opacity:.92;animation-duration:1.5s}.ro-collect{stroke:#a8ecf7;stroke-width:1.9;opacity:.95}.ro-rise{stroke:#1487ad;stroke-width:3;stroke-dasharray:4 3;animation-duration:.6s}.ro-back .ro-drop{animation-direction:reverse}@media(prefers-reduced-motion:reduce){.ro-drop{animation:none}}.ro-standby .ro-tank-body,.ro-standby .ro-internals,.ro-standby g[clip-path]{opacity:.72}.ro-soft-active .ro-perc,.ro-soft-active .ro-collect{stroke:#effcff}.ro-core{stroke:#1f9fc7;stroke-width:1.4;stroke-dasharray:2.5 3}.ro-collector{stroke:#1f9fc7;stroke-width:2.6}.ro-inflow{stroke:#1f9fc7;stroke-width:2.4}.ro-seep{stroke:#1f9fc7;stroke-width:1.5;stroke-dasharray:2 2.5;animation-duration:1.2s}.ro-fluid{animation:ro-fluid 1.6s ease-in-out infinite}.ro-fluid-1{animation-delay:-.4s;animation-duration:1.3s}.ro-fluid-2{animation-delay:-.9s;animation-duration:1.9s}.ro-fluid-3{animation-delay:-1.3s;animation-duration:1.45s}@keyframes ro-fluid{0%,to{transform:translateY(-4px)}50%{transform:translate(.8px,-7.5px)}}@media(prefers-reduced-motion:reduce){.ro-fluid{animation:none;transform:translateY(-5px)}}.ro-slow .ro-drop{animation-duration:2.8s}.ro-slow .ro-rise{animation-duration:1.6s}.pipe-fluid.rev{animation-direction:reverse}.ro-running .ro-fan{transform-box:view-box;transform-origin:820px 195px;animation:ro-spin .5s linear infinite}@keyframes ro-spin{to{transform:rotate(360deg)}}.ro-lamp{animation:ro-lamp 1.4s ease-in-out infinite}@keyframes ro-lamp{50%{opacity:.35}}.ro-pulse{transform-box:fill-box;transform-origin:center;animation:ro-pulse .9s ease-in-out infinite}@keyframes ro-pulse{50%{transform:scale(1.6)}}@media(prefers-reduced-motion:reduce){.ro-running .ro-fan,.ro-lamp,.ro-pulse{animation:none}}.pump-impeller{transform-box:view-box;transform-origin:632px 250px;animation:ro-spin .7s linear infinite}@media(prefers-reduced-motion:reduce){.pump-impeller{animation:none}}@media(pointer:coarse){input,select,textarea{font-size:16px}}.company-user-phone{display:block;margin-bottom:10px;color:#5b7480;font-size:.8rem}.trust-note{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:18px;font-size:.88rem}.trust-note>div:first-child{display:flex;flex-direction:column;gap:3px;flex:1;min-width:220px}.trust-note strong{display:inline-flex;align-items:center;gap:6px}.trust-note .trust-device{flex:1;min-width:240px}.trust-device p{margin-top:0}.phone-choices{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}.phone-choice{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;background:#fff}.phone-choice.selected{border-color:var(--navy)}.phone-choice.full{opacity:.55;cursor:not-allowed}.phone-choice span{flex:1;font-variant-numeric:tabular-nums}.phone-choice small{color:#5b7480;font-weight:700;font-variant-numeric:tabular-nums}.phone-choice span strong{margin-right:8px}.company-toggle{all:unset;display:flex;align-items:center;gap:inherit;flex:1;min-width:0;cursor:default}.company-toggle{-webkit-tap-highlight-color:transparent}.company-toggle:focus-visible{outline:2px solid var(--navy);outline-offset:4px;border-radius:8px}@media(hover:none){.company-toggle:focus-visible{outline:none}}.company-chevron{display:none}@media(max-width:850px){.company-toggle{cursor:pointer}.company-chevron{display:block;margin-left:auto;flex-shrink:0;color:#5b7480;transition:transform .18s}.company-card.open .company-chevron{transform:rotate(90deg)}.company-card:not(.open) .company-body{display:none}.company-card.open .company-body{animation:company-open .18s ease-out}}@keyframes company-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.company-user-phones{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:4px;font-size:.82rem}.company-user-phones li{display:flex;align-items:center;justify-content:space-between;gap:8px}.company-user-phones li span{display:flex;flex-wrap:wrap;gap:0 8px;min-width:0}.company-user-phones small{color:#5b7480;font-variant-numeric:tabular-nums}.company-user-phones .delete-link{width:28px;height:28px;min-width:28px;font-size:20px}.devices-modal{width:min(560px,calc(100vw - 32px))}.device-group{border-top:1px solid var(--line);padding:12px 0}.device-group-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}.device-group-head span{color:#5b7480;font-variant-numeric:tabular-nums;font-size:.85rem}.device-group-head small{margin-left:auto;font-weight:700;color:#5b7480}.device-group-head small.full{color:#b3422b}.device-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0}.device-row+.device-row{border-top:1px dashed var(--line)}.device-row>div{display:flex;flex-direction:column;gap:2px;min-width:0}.device-row strong{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.9rem}.device-row small{color:#5b7480;font-size:.78rem}.device-row em{font-style:normal}.phones-overview{display:flex;flex-direction:column;gap:16px}.phones-company{padding:18px 20px}.phones-company h2{font-size:1rem;margin:0 0 6px}.phones-account{border-top:1px solid var(--line);padding:12px 0}.phones-account-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.phones-account-head button{margin-left:auto;padding:6px 12px;font-size:.82rem}.phones-account ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.phones-account li{display:grid;grid-template-columns:minmax(110px,1fr) auto auto;gap:4px 14px;align-items:baseline;font-size:.88rem}.phones-account li small{grid-column:1/-1;color:#5b7480;font-size:.78rem}.phones-number{font-variant-numeric:tabular-nums;color:#294653}.phones-used{font-weight:700;color:#5b7480;font-variant-numeric:tabular-nums}.phones-used.full{color:#b3422b}.phones-account p{margin:0}@media(max-width:850px){.phones-account li{grid-template-columns:1fr auto}.phones-number{grid-column:1/-1;grid-row:2}}.heading-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:850px){.heading-actions{width:100%}.heading-actions button{flex:1}}:root{--km-bg:#123640;--km-bg2:#16404a;--km-sheet:#1a4650;--km-card:rgba(255,255,255,.075);--km-card2:rgba(255,255,255,.1);--km-line:rgba(255,255,255,.13);--km-text:#f0f8f7;--km-muted:#9cc0c2;--km-teal:#3fd1c2;--km-teal2:#1a9c94;--km-amber:#f2b84b;--km-red:#ff6b5e;--km-ink:#032a2c;--navy:#16404a;--teal:#3fd1c2;--line:rgba(255,255,255,.09);--muted:var(--km-muted);color-scheme:dark;font-family:Inter,DM Sans,Arial,sans-serif;color:var(--km-text);background:var(--km-bg)}body{background:radial-gradient(120% 60% at 50% 0%,#215560 0%,var(--km-bg) 60%) fixed var(--km-bg);color:var(--km-text)}h1,h2,h3{font-family:Inter,Arial,sans-serif;color:var(--km-text);letter-spacing:-.02em}.muted,.eyebrow{color:var(--km-muted)}button{background:var(--km-card2);border:1px solid var(--km-line);color:var(--km-text);border-radius:12px}@media(hover:hover){button:hover:not(:disabled){background:#ffffff1c}}.primary,button.primary{background:linear-gradient(90deg,var(--km-teal),#22a89f);color:var(--km-ink);border:0;font-weight:700}.primary:hover:not(:disabled),button.primary:hover:not(:disabled){background:linear-gradient(90deg,#55dccd,#2ab3a9)}input,select,textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--km-text);border-radius:12px}input::placeholder{color:var(--km-muted)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3fd1c280;outline-offset:2px}.notice{background:#3fd1c21a;border:1px solid rgba(63,209,194,.3);color:#cfeeea}.notice.error{background:#ff6b5e1a;border-color:#ff6b5e59;color:#ffc2bb}.badge{background:#3fd1c229;color:var(--km-teal);border:0}.badge.off{background:#ffffff14;color:var(--km-muted)}.surface,.settings-card,.stats-card,.push-card,.trust-note,.offline-note,.company-card,.phones-company,.empty,.password-card{background:var(--km-card);border:1px solid var(--km-line);color:var(--km-text);border-radius:22px;box-shadow:none}.offline-note{color:#ffd9a3;border-color:#f2b84b59;background:#f2b84b14}.offline-note strong,.trust-note strong{color:var(--km-text)}.offline-note span,.trust-note span{color:var(--km-muted)}.preview-banner{background:#3fd1c214;color:#9fded7;border-bottom:1px solid var(--km-line)}footer{color:#4f7174;border-top-color:var(--km-line)}footer span{color:#4f7174}.loading{color:var(--km-muted)}.password-page{background:transparent}dialog.modal{background:var(--km-sheet);color:var(--km-text);border:1px solid var(--km-line);border-radius:24px;box-shadow:0 30px 80px #0009}dialog.modal::backdrop{background:#0009}.modal-title{border-bottom-color:var(--km-line)}.modal-title button{background:var(--km-card2);border-radius:50%}.field>span,.field label,label.field span{color:#cfe5e3}.field small{color:var(--km-muted)}.unit-input{background:#ffffff0d;border-color:#ffffff1f;border-radius:12px}.unit-input input{background:transparent;border:0}.unit-input span{color:var(--km-muted)}.device-group{border-color:var(--km-line)}.device-group-head span,.device-row small{color:var(--km-muted)}.device-group-head small.full{color:#ff9f95}.device-row{border-color:var(--km-line)}.device-row small{display:block}.delete-link{background:transparent;color:#ff9f95;border-color:#ff6b5e4d}.edit-icon{background:transparent;color:var(--km-muted)}.km-shell .sidebar{background:#0e2e36e6;border-right:1px solid var(--km-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.km-shell .main-shell{background:transparent}.km-shell main{max-width:1600px}.km-shell .nav{color:#a9c6c8;border-radius:12px}.km-shell .nav.active,.km-shell .nav:hover:not(:disabled){background:#3fd1c21f;color:var(--km-text)}.km-shell .nav.active svg{color:var(--km-teal)}.km-shell .account{border-top-color:var(--km-line)}.km-shell .avatar{background:var(--km-teal);color:var(--km-ink)}.km-shell .account-dropdown{background:var(--km-sheet);border:1px solid var(--km-line);color:var(--km-text)}.km-shell .account-dropdown button{background:transparent;border:0}.km-shell .access-note{color:var(--km-muted)}.km-tabs-slot:empty{display:none}.km-side-tabs{display:flex;flex-direction:column;gap:4px;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--km-line)}.km-side-title{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9ec2c4;margin:0 10px 6px}.km-side-tabs .km-tab{justify-content:flex-start;background:transparent;border:0;color:#a9c6c8;padding:11px 12px;gap:10px;font-weight:600;font-size:.95rem}.km-side-tabs .km-tab.on{background:var(--km-teal);color:#062a2c}.km-bottom{display:none}.km-panel{display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.km-back{align-self:flex-start;background:var(--km-card2);border-radius:20px;padding:7px 14px;font-size:.85rem;color:#cfe5e3}.km-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.km-company{font-size:.85rem;color:var(--km-muted)}.km-head h1{font-size:1.8rem;margin:2px 0 4px;font-weight:700}.km-live{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--km-teal);font-weight:600}.km-live i{width:7px;height:7px;border-radius:50%;background:var(--km-teal);box-shadow:0 0 0 3px #3fd1c233}.km-live.off{color:#f6d08a}.km-live.off i{background:var(--km-amber);box-shadow:0 0 0 3px #f2b84b33}.km-round{width:42px;height:42px;min-width:42px;padding:0;border-radius:50%;background:#ffffff14;border:0;color:#cfe5e3;font-size:22px}.km-picker summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none}.km-picker summary::-webkit-details-marker{display:none}.km-picker .project-options{background:var(--km-sheet);border:1px solid var(--km-line)}.km-picker .project-options button{background:transparent;border:0;color:var(--km-text)}.km-top{display:grid;grid-template-columns:280px 1fr;gap:16px}.km-gauge-card{background:var(--km-card);border:1px solid var(--km-line);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px}.km-gauge{width:210px;height:210px}.km-gauge-track{fill:none;stroke:#ffffff12;stroke-width:10}.km-gauge-arc{fill:none;stroke:var(--km-teal);stroke-width:10;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(63,209,194,.5))}.km-gauge-glass{fill:#ffffff0a}.km-gauge-num{font-family:Space Grotesk;font-size:50px;font-weight:700;fill:#fff}.km-gauge-unit{font-size:22px;fill:#cfeeea}.km-gauge-sub{font-size:14px;fill:#d6f2ef}.km-system{font-size:.85rem;color:var(--km-muted);margin-top:4px}.km-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.km-tile{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;min-height:118px;padding:16px;border-radius:24px;background:var(--km-card);border:1px solid var(--km-line);color:var(--km-text);text-align:left;font-weight:400}button.km-tile{cursor:pointer}.km-tile b{display:block;font-size:1rem;font-weight:700;line-height:1.25}.km-tile span:not(.km-ti){font-size:.85rem;opacity:.8}.km-ti{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffffff14}.km-tile.on{background:linear-gradient(150deg,var(--km-teal),var(--km-teal2));color:var(--km-ink);border-color:transparent;box-shadow:0 8px 30px #3fd1c240}.km-tile.man{background:linear-gradient(150deg,#f2c86b,#d9962a);color:#3a2503;border-color:transparent;box-shadow:0 8px 30px #f2b84b40}.km-tile.on .km-ti,.km-tile.man .km-ti{background:#ffffff59}@media(hover:hover){.km-tile.on:hover:not(:disabled){background:linear-gradient(150deg,#55dccd,#22a89f)}.km-tile.man:hover:not(:disabled){background:linear-gradient(150deg,#f5d07c,#e0a038)}}.km-tile.amber{background:#f2b84b14;border-color:#f2b84b59}.km-tile.amber .km-ti{color:var(--km-amber)}.km-tile.amber span:not(.km-ti){color:#f6d08a;opacity:1}.km-tile.alarm{background:#ff6b5e1a;border-color:#ff6b5e66}.km-tile.alarm .km-ti{color:var(--km-red)}.km-tile.alarm span:not(.km-ti){color:#ffb3ab;opacity:1}.km-wide{display:grid;grid-template-columns:1fr 280px;gap:16px;align-items:start}.km-drawing{background:#f7fafa;border-radius:24px;overflow:hidden;color:#203b49}.km-drawing-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.km-drawing .plant-footer{display:none}.km-hint{text-align:center;font-size:.78rem;color:var(--km-muted);margin:-6px 0 0}.km-card{background:var(--km-card);border:1px solid var(--km-line);border-radius:22px;padding:6px 16px}.km-sec{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--km-muted);margin:12px 0 6px}.km-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 0;border:0;border-bottom:1px solid var(--km-line);border-radius:0;background:transparent;color:var(--km-text);font-weight:400;justify-content:flex-start;text-align:left}.km-row:last-child{border-bottom:0}.km-row b{flex:1;font-weight:600}.km-row>svg:last-child{color:#9ec2c4}@media(hover:hover){button.km-row:hover:not(:disabled){background:transparent;color:#fff}}.km-row span.ok{color:#9fded7}.km-row span.amber{color:#f6d08a}.km-row span.red{color:#ffb3ab}.km-row span.off{color:var(--km-muted)}.km-dot{width:9px;height:9px;border-radius:50%;background:#ffffff40;flex:none}.km-dot.ok{background:var(--km-teal)}.km-dot.amber{background:var(--km-amber)}.km-dot.red{background:var(--km-red)}.km-events ul{list-style:none;margin:0;padding:0}.km-events li{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid var(--km-line)}.km-events li:last-child{border:0}.km-events b{font-size:.92rem;font-weight:600}.km-events small{font-size:.78rem;color:var(--km-muted)}.km-admin-tools{display:flex;gap:10px;flex-wrap:wrap}.km-admin-tools button{border-radius:14px}.km-plant,.km-stats,.km-settings{display:flex;flex-direction:column;gap:14px}.settings-card p{color:var(--km-muted)}.settings-card .surface-heading svg{color:var(--km-muted)}.stats,.stats-card{color:var(--km-text)}.stats-card-head,.stats-tile-label,.stats-legend,.stats-axis{color:var(--km-muted)}.stats-tile{background:var(--km-card);border-color:var(--km-line)}.stats-filters button{border-radius:12px}.stats-filters button.selected,.stats-filters button[aria-pressed=true]{background:var(--km-teal);color:#062a2c}.stats-table th,.stats-table td{border-color:var(--km-line)}.stats-tip{background:var(--km-sheet);border:1px solid var(--km-line);color:var(--km-text)}.km-sheet-back{position:fixed;inset:0;background:#0000008c;z-index:40;display:flex;align-items:flex-end;justify-content:center;animation:km-fade .18s ease-out}.km-sheet{position:relative;width:100%;max-width:460px;max-height:92vh;overflow:auto;background:var(--km-sheet);border:1px solid var(--km-line);border-bottom:0;border-radius:30px 30px 0 0;padding:10px 22px calc(26px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;animation:km-up .22s ease-out}@media(min-width:851px){.km-sheet-back{align-items:center}.km-sheet{border-radius:28px;border-bottom:1px solid var(--km-line)}}@keyframes km-up{0%{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}@keyframes km-fade{0%{opacity:0}to{opacity:1}}.km-grab{width:38px;height:5px;border-radius:3px;background:#fff3;margin:0 auto}.km-close{position:absolute;right:16px;top:14px;width:34px;height:34px;min-width:34px;font-size:20px}.km-sheet-title{text-align:center;padding:0 40px}.km-sheet-title b{display:block;font-size:1.3rem;font-weight:700}.km-sheet-title span{font-size:.85rem;color:var(--km-muted)}.km-seg{display:flex;background:#ffffff0f;border-radius:14px;padding:4px;gap:4px}.km-seg button{flex:1;border:0;background:transparent;color:var(--km-muted);border-radius:10px;padding:9px;font-weight:600}.km-seg button.on{background:var(--km-teal);color:#062a2c;opacity:1}.km-explain{color:var(--km-muted);font-size:.9rem;margin:0;text-align:center}.km-note{display:flex;gap:8px;align-items:center;font-size:.8rem;color:var(--km-muted)}.km-note.warn{color:#f6d08a}.km-actions{display:flex;gap:10px}.km-actions>button{flex:1}.km-big{padding:15px;font-size:1rem;font-weight:700;border-radius:16px}.km-danger{color:#ff9f95;border-color:#ff6b5e4d}.km-soft{color:#9fded7}.km-link{background:transparent;border:0;color:var(--km-muted)}.km-alert{display:flex;flex-direction:column;gap:4px;border-radius:18px;padding:14px;background:#3fd1c214;border:1px solid rgba(63,209,194,.3);font-size:.88rem;color:var(--km-muted)}.km-alert strong{color:#fff}.km-alert.warn{background:#f2b84b14;border-color:#f2b84b59;color:#f6d08a}.km-alert .km-actions{margin-top:8px}.km-duration{display:flex;flex-direction:column;gap:12px}.km-duration-head{display:flex;justify-content:space-between;align-items:baseline}.km-duration-head span{font-size:.85rem;color:var(--km-muted);font-weight:600}.km-duration-head strong{font-family:Space Grotesk;font-size:1.7rem}.km-duration-note{text-align:center;color:var(--km-muted);font-size:.78rem}.km-duration-note.err{color:#ffb3ab}.km-wheel{position:relative;display:flex;justify-content:center;gap:4px;background:#ffffff09;border:1px solid var(--km-line);border-radius:22px;padding:4px 0}.km-wheel-hl{position:absolute;left:12px;right:12px;top:50%;height:46px;margin-top:-23px;background:#3fd1c21a;border:1px solid rgba(63,209,194,.35);border-radius:12px;pointer-events:none}.km-wheel-col{position:relative;display:flex;align-items:center}.km-wheel-scroll{height:230px;width:84px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;padding:92px 0;box-sizing:border-box;outline:none;-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}.km-wheel-scroll::-webkit-scrollbar{display:none}.km-wheel-scroll:focus-visible{background:#3fd1c20f;border-radius:12px}.km-wheel-item{height:46px;line-height:46px;text-align:center;scroll-snap-align:center;font-family:Space Grotesk;font-size:22px;color:#ffffff61;cursor:pointer;-webkit-user-select:none;user-select:none}.km-wheel-item.near{font-size:25px;color:#ffffff8c}.km-wheel-item.on{font-size:32px;font-weight:700;color:#fff}.km-wheel-unit{width:30px;font-weight:600;color:var(--km-muted);font-size:.9rem}.km-running{display:flex;flex-direction:column;gap:12px;align-items:stretch}.km-ring{width:190px;height:190px;margin:4px auto;border-radius:50%;border:10px solid var(--km-amber);box-shadow:0 0 18px #f2b84b59,inset 0 0 18px #f2b84b26;display:flex;flex-direction:column;align-items:center;justify-content:center}.km-count{font-family:Space Grotesk;font-size:2.8rem;font-weight:700;line-height:1}.km-count.amber{color:#f2c86b;font-size:3.2rem}.km-muted{color:var(--km-muted);font-size:.85rem}.km-warnrun{display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:10px}.km-warnrun strong{font-size:1.2rem}.km-warn-icon{width:72px;height:72px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:#f2b84b26;color:var(--km-amber);box-shadow:0 0 0 10px #f2b84b0d}.command-toast .notice{background:var(--km-sheet);box-shadow:0 10px 30px #0006}.km-counters{display:flex;gap:12px;margin-bottom:16px}.km-counter{flex:1;max-width:220px;border-radius:20px;padding:14px 16px;border:1px solid}.km-counter b{display:block;font-family:Space Grotesk;font-size:2rem;line-height:1.1}.km-counter span{font-size:.85rem}.km-counter.bad{background:#ff6b5e17;border-color:#ff6b5e4d}.km-counter.bad b{color:#ff8a7f}.km-counter.bad span{color:#ffb3ab}.km-counter.good{background:#3fd1c212;border-color:#3fd1c240}.km-counter.good b{color:var(--km-teal)}.km-counter.good span{color:#9fded7}.company-card{position:relative;overflow:hidden}.company-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#ffffff26}.company-card.health-online:before{background:var(--km-teal)}.company-card.health-offline:before{background:var(--km-red)}.company-card.health-setup:before{background:var(--km-amber)}.company-card .company-toggle{background:transparent;border:0;color:var(--km-text)}.company-monogram{background:#ffffff14;color:var(--km-teal);border-radius:14px}.health-offline .company-monogram{background:#ff6b5e26;color:#ff8a7f}.company-health{color:var(--km-muted)}.health-offline .company-health{color:#ff9f95}.health-online .company-health{color:#9fded7}.company-body,.company-users,.project-row,.company-user{border-color:var(--km-line)}.project-link{background:var(--km-card2);color:var(--km-text)}.company-user-phones small,.company-users h3{color:var(--km-muted)}.customers-count{background:#ffffff14;color:var(--km-muted)}.phones-account,.phones-company h2{border-color:var(--km-line)}.km-account{display:flex;flex-direction:column;gap:14px;max-width:520px}.km-profile{text-align:center;margin:10px 0}.km-avatar{width:84px;height:84px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(150deg,var(--km-teal),var(--km-teal2));color:var(--km-ink);display:grid;place-items:center;font-size:2rem;font-weight:700;box-shadow:0 0 0 8px #3fd1c214}.km-profile h1{font-size:1.5rem;margin:0}.km-profile span{color:var(--km-muted);font-size:.9rem}.km-danger-row b{color:#ff8a7f}.km-login{background:var(--km-bg)}.km-login .login-story{position:relative;overflow:hidden;background:linear-gradient(160deg,#1c5560,#164651 60%,#123640);color:var(--km-text)}.km-login .login-story>*{position:relative}.km-login .login-pattern,.km-login .login-sea,.km-login .login-rings{position:absolute!important;pointer-events:none}.km-login .login-pattern{inset:0;width:100%;height:100%}.km-login .login-pattern path{fill:none;stroke:var(--km-teal);stroke-width:1.5;opacity:.08}.km-login .login-sea{left:0;right:0;bottom:0;width:100%;height:28%}.km-login .login-sea path:first-child{fill:#3fd1c224}.km-login .login-sea path:last-child{fill:#1a9c9459}.km-login .login-rings{display:none}.km-login .login-rings circle{fill:none;stroke:var(--km-teal)}.km-login .login-copy h1{font-family:Space Grotesk;font-size:3.6rem;line-height:1.02;letter-spacing:-.03em;color:#fff}.km-login .login-copy p{color:#a9c6c8;font-size:1.1rem}.km-login .login-points{display:flex;gap:24px;font-size:.85rem;color:#cfe5e3}.km-login .login-points span:before{content:"● ";color:var(--km-teal)}.km-login .login-form{background:#143a44}.km-login .login-box h2{color:#fff}.km-login .login-box p,.km-login .login-help{color:var(--km-muted)}.km-login .iconbox{background:#3fd1c21f;color:var(--km-teal)}.km-login .login-remember small{color:var(--km-muted)}.km-login .login-help{border-top-color:var(--km-line)}@media(max-width:850px){.km-shell .sidebar{display:none}.km-shell main{padding:calc(14px + env(safe-area-inset-top)) 18px 110px}.km-shell footer,.km-shell .preview-banner{display:none}.km-bottom{display:flex;position:fixed;left:50%;transform:translate(-50%);bottom:calc(18px + env(safe-area-inset-bottom));z-index:30;gap:4px;align-items:center;padding:6px;border-radius:34px;background:#1a4650eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000059;max-width:calc(100% - 28px)}.km-bottom .km-tab{background:transparent;border:0;color:var(--km-muted);border-radius:24px;padding:12px 14px;gap:6px;font-weight:700;font-size:.85rem}.km-bottom .km-tab span{display:none}.km-bottom .km-tab.on{background:var(--km-teal);color:#062a2c;padding:12px 16px}.km-bottom .km-tab.on span{display:inline}.km-head h1{font-size:1.6rem}.km-top{grid-template-columns:1fr;gap:10px}.km-gauge-card{background:transparent;border:0;padding:0}.km-gauge{width:236px;height:236px}.km-tiles{gap:12px}.km-overview .km-wide{display:none}.km-drawing-scroll>*{min-width:760px}.km-sheet{max-width:none}.km-counters{margin-top:4px}.km-login .login-story{min-height:auto;padding:70px 24px 20px;align-items:center;text-align:center}.km-login .login-rings{display:block;width:420px;height:420px;left:50%;top:-40px;transform:translate(-50%)}.km-login .login-rings circle:nth-child(1){opacity:.35}.km-login .login-rings circle:nth-child(2){opacity:.2}.km-login .login-rings circle:nth-child(3){opacity:.1}.km-login .login-rings circle:nth-child(4){opacity:.05}.km-login .login-pattern,.km-login .login-sea,.km-login .login-copy,.km-login .login-points{display:none}.km-login .login-story,.km-login .login-form{background:transparent}.km-login{background:radial-gradient(120% 60% at 50% 0%,#215560,#123640 60%)}}@media(min-width:851px){.km-bottom{display:none}}@media(max-width:850px){.km-login .brand{flex-direction:column;gap:18px;font-size:1.9rem;margin:0 auto}.km-login .brand .brand-logo{width:110px;height:110px;box-shadow:0 0 50px #3fd1c259;border-radius:50%}.km-login .brand small{text-align:center}}.field input,.field select,.field-secret input{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--km-text);border-radius:12px}.login-remember{color:#cfe5e3}.login-remember small{color:var(--km-muted)}.metric{background:var(--km-card);border-color:var(--km-line);border-radius:20px;color:var(--km-text)}.metric>span{color:var(--km-muted)}.metric p{color:var(--km-muted)}.metric>strong,.metric strong{color:var(--km-text)}.metric.accent{background:#3fd1c21a;border-color:#3fd1c24d}.metric.accent strong{color:var(--km-teal)}.metric.metric-alarm{background:#ff6b5e1a;border-color:#ff6b5e80}.metric.metric-alarm>span,.metric.metric-alarm>strong,.metric.metric-alarm>p{color:#ffb3ab}.km-body .plant-surface,.km-body .ro-plant{background:#f7fafa;color:#203b49;border-color:transparent}.km-body .plant-surface .eyebrow{color:#718b97}.stats-filters{background:#ffffff0d;border-color:var(--km-line);border-radius:12px}.stats-filters button{color:var(--km-muted);border-radius:9px}.stats-filters button:hover{color:#fff}.stats-filters button.chosen{background:var(--km-teal);color:#062a2c;box-shadow:none}.stats-refresh{color:var(--km-muted)}.stats-tile{background:var(--km-card);border-color:var(--km-line);border-radius:18px}.stats-tile strong{color:var(--km-text)}.stats-tile small{color:var(--km-muted)}.stats-tile.warn{background:#f2b84b12;border-color:#f2b84b4d}.phones-number{color:#cfe5e3}.phones-used{color:var(--km-muted)}.phones-used.full{color:#ff9f95}.process-info-toggle{background:#eef4f5;color:#527481}@media(min-width:851px){.km-account-btn{display:none}}@media(max-width:850px){.km-shell .customers-page-heading .text-button,.km-shell .customers-page-heading button:not(.primary){display:none}.km-bottom .km-tab{white-space:nowrap}}.settings-grid .field>span{display:flex;align-items:center;gap:8px}.stats-card-head h3{color:var(--km-text)}.stats-card-head span{color:var(--km-muted)}.stats-card-head.sub{border-top-color:var(--km-line)}.stats-list li{border-bottom-color:var(--km-line)}.stats-list strong{color:var(--km-text)}.stats-list span{color:var(--km-muted)}.stats-lane-label{fill:#a9c6c8}.stats-lane-track{fill:#ffffff12}.stats-lane-bar:hover,.stats-lane-bar:focus{stroke:#fff}.stats-ref{fill:#a9c6c8}.stats-ref.halo{stroke:var(--km-bg)}.stats-cross{stroke:#9ec2c4}.stats-tip{background:var(--km-sheet);border-color:var(--km-line);box-shadow:0 8px 24px #0006}.stats-tip-row strong{color:var(--km-text)}.stats-tip-row span,.stats-tip small,.stats-tile-pairs small,.stats-tile-pairs span{color:var(--km-muted)}.stats-table-wrap{border-color:var(--km-line);border-radius:14px}.stats-table th{background:var(--km-sheet);color:var(--km-muted);border-bottom-color:var(--km-line)}.stats-table td{color:var(--km-text);border-bottom-color:var(--km-line)}.stats-table th.group{border-bottom-color:var(--km-line)}.stats-days{display:none}@media(max-width:850px){.stats-table-wrap{display:none}.stats-days{display:flex;flex-direction:column;gap:10px;margin-top:14px}.stats-day{background:#ffffff0a;border:1px solid var(--km-line);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.stats-day-head{display:flex;justify-content:space-between;align-items:center}.stats-day-head strong{font-size:.95rem}.stats-day-alarm{font-size:.72rem;font-weight:700;color:#ffb3ab;background:#ff6b5e1f;padding:3px 8px;border-radius:10px}.stats-day-row{display:flex;align-items:center;gap:8px;font-size:.85rem}.stats-day-row i{width:8px;height:8px;border-radius:50%;flex:none}.stats-day-row span{flex:1;color:#cfe5e3}.stats-day-row b{font-variant-numeric:tabular-nums}.stats-day-row small{color:var(--km-muted);width:48px;text-align:right}.stats-day-foot{display:flex;justify-content:space-between;gap:8px;font-size:.75rem;color:var(--km-muted);border-top:1px solid var(--km-line);padding-top:8px}.stats-more{border-radius:14px;padding:12px;color:#9fded7}}.stats-legend,.stats-legend span{color:#a9c6c8}.km-overview{display:flex;flex-direction:column;gap:16px}@media(min-width:851px){.km-top{grid-template-columns:300px 1fr;align-items:stretch}.km-tiles{grid-auto-rows:1fr}.km-wide{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch}}.km-wide .km-events{display:flex;flex-direction:column;padding:6px 18px 12px;overflow:hidden}.km-wide .km-events ul{overflow:auto}.km-drawing{padding:10px 14px 4px}.km-head h1{line-height:1.15}.km-company{text-transform:none;letter-spacing:0}.offline-note{border-radius:18px}.km-shell .account{gap:10px}.km-shell .account>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;font-size:.85rem}.km-shell .account>span small{display:block;overflow:hidden;text-overflow:ellipsis;color:var(--km-muted)}.km-shell .account-menu summary{color:#cfe5e3;border-radius:10px}.km-shell .account-menu summary:hover{background:#ffffff14}.km-shell .account-dropdown{background:var(--km-sheet);color:var(--km-text);border:1px solid var(--km-line);border-radius:16px;box-shadow:0 18px 40px #00000073;padding:14px;left:auto;right:-6px}.km-shell .account-dropdown>strong{color:#fff}.km-shell .account-dropdown>small{color:var(--km-muted)}.km-shell .account-dropdown button{width:100%;justify-content:flex-start;background:transparent;border:0;color:var(--km-text);padding:10px;border-radius:10px;font-weight:600}.km-shell .account-dropdown button:hover:not(:disabled),.km-shell .account-dropdown button:focus-visible{background:#ffffff14;color:#fff}.km-shell .account-dropdown button svg{color:var(--km-teal)}.km-shell .sidebar nav{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.km-shell .sidebar nav::-webkit-scrollbar{width:6px}.km-shell .sidebar nav::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.km-shell .nav-company-name{color:#cfe5e3;font-size:.72rem;letter-spacing:.04em;margin-top:6px}.km-side-title{line-height:1.35}.km-wave{animation:km-drift 6s linear infinite}.km-wave.back{animation-duration:9s;animation-direction:reverse}@keyframes km-drift{0%{transform:translate(0)}to{transform:translate(-80px)}}.km-live:not(.off) i{animation:km-pulse 2s ease-out infinite}@keyframes km-pulse{0%{box-shadow:0 0 #3fd1c28c}to{box-shadow:0 0 0 9px #3fd1c200}}.km-tile.on .km-ti,.km-tile.man .km-ti{position:relative}.km-tile.on .km-ti:after,.km-tile.man .km-ti:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(255,255,255,.55);animation:km-ring 2.4s ease-out infinite}@keyframes km-ring{0%{transform:scale(.85);opacity:.9}to{transform:scale(1.45);opacity:0}}.km-gauge-arc{transition:stroke-dasharray .8s ease}.km-login .login-sea path{animation:km-sea 10s ease-in-out infinite alternate}.km-login .login-sea path:last-child{animation-duration:7s}@keyframes km-sea{0%{transform:translate(0)}to{transform:translate(-40px)}}.km-login .login-rings circle{transform-origin:200px 200px;animation:km-rings 6s ease-in-out infinite}@keyframes km-rings{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.km-wave,.km-live i,.km-tile .km-ti:after,.km-login .login-sea path,.km-login .login-rings circle{animation:none!important}}.km-shell.in-project .sidebar .nav-company{display:none}.km-shell .account-menu summary>span{display:none}.km-shell .sidebar .brand-logo{width:76px;height:76px}@media(min-width:851px){.stats-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:851px)and (max-width:1500px){.km-wide{grid-template-columns:minmax(0,1fr) 270px}.km-top{grid-template-columns:260px 1fr}.km-gauge{width:190px;height:190px}}.km-wide .recovery-plant{min-width:0}:root{--km-bg:#0e2b33;--km-bg2:#13363f;--km-sheet:#1d4a55;--km-card:#183f49;--km-card2:#21515c;--km-line:rgba(255,255,255,.14);--km-text:#ffffff;--km-muted:#b4d0d2}body{background:radial-gradient(120% 55% at 50% 0%,#1d4c57 0%,var(--km-bg) 55%) fixed var(--km-bg)}.surface,.settings-card,.stats-card,.push-card,.trust-note,.company-card,.phones-company,.empty,.password-card,.km-card,.km-gauge-card,.km-tile,.metric,.stats-tile{box-shadow:0 1px #ffffff0f inset,0 8px 24px #0000002e}.km-tile.on,.km-tile.man{box-shadow:0 8px 28px #00000040}.stats-grid{stroke:#ffffff1a}.stats-axis{fill:#b4d0d2}.stats-card-head span,.stats-legend,.stats-legend span{color:#c9dfe0}.km-shell .sidebar{background:#0b252c}.km-shell .nav,.km-side-tabs .km-tab{color:#d3e6e7}.km-sec,.km-side-title{color:#9ec2c4}.km-tile span:not(.km-ti){opacity:.92}.stats-chart,.stats-chart *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.stats-chart svg{-webkit-tap-highlight-color:transparent}.stats-coverage{margin:0 0 10px;font-size:.8rem;color:#f6d08a}:root{--km-card:#1f4b56;--km-card2:#285a66;--km-sheet:#21515c;--km-line:rgba(255,255,255,.18);--km-muted:#c6dddf}.km-tile:not(.on):not(.man):not(.amber):not(.alarm){background:#1f4b56}.stats-grid{stroke:#ffffff1f}.km-shell .sidebar{background:#0a2026;border-right-color:#ffffff1a}@media(min-width:851px){.km-wide,.km-wide[class]{grid-template-columns:minmax(0,1fr)!important}.km-wide .km-events ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;overflow:visible}.km-wide .km-events li{border-bottom:0;border-top:1px solid var(--km-line)}.km-wide .km-events li:nth-child(-n+3){border-top:0}}.ro-settings .surface-heading p,.ro-field small,.ro-input em,.ro-actions span,.ro-pres-group h3,.ro-pres strong small{color:var(--km-muted)}.ro-field strong,.ro-pres strong{color:var(--km-text)}.ro-pres span{color:#d9e9ea}.ro-field,.ro-actions{border-top-color:var(--km-line)}.ro-input input{background:#ffffff0f;border-color:#ffffff38;color:var(--km-text)}.ro-was{color:#f6d08a!important}.ro-pres{background:#ffffff0d;border-color:var(--km-line)}.ro-pres i{background:#6aa5ff2e;color:#9cc4ff}.ro-settings .eyebrow,.ro-pressures .eyebrow{color:#9ec2c4}.phones-account li small,.phones-account-head small,.company-health,.company-card .company-health{color:var(--km-muted)}.badge{background:#3fd1c233;color:#7ff0e3}.ro-pres i{background:#6aa5ff38;color:#c6dcff}.km-danger-row b,.km-danger{color:#ffb0a8}.km-wheel-item{color:#ffffff73}.ro-pres i{background:#6aa5ff24;color:#dbe9ff}.zoom{position:relative}.zoom-window{overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior:contain;border-radius:14px}.zoom-window.zoomed{cursor:grab}.zoom-window.zoomed:active{cursor:grabbing}.zoom-inner svg,.zoom-inner .recovery-plant,.zoom-inner .ro-plant{min-width:0!important;width:100%;height:auto;display:block}.km-drawing-scroll{overflow:visible}@media(max-width:850px){.km-drawing-scroll>*{min-width:0}}.zoom-bar{display:flex;justify-content:flex-end;gap:6px;margin:6px 4px 2px}.zoom-bar button{width:36px;height:34px;min-width:36px;padding:0;border-radius:10px;background:#e9f1f2;border:1px solid #d3e1e3;color:#1d4a55}.zoom-bar button:hover:not(:disabled){background:#dbe9eb}.zoom-bar button:disabled{opacity:.4}.zoom-bar .zoom-level{width:auto;padding:0 10px;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}.zoom-window{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.zoom-window *{-webkit-user-select:none;user-select:none}.dg-view{display:block;width:100%;height:auto}.plant.dg-view{max-height:none}.dg-flow{animation:dg-flow .9s linear infinite}@keyframes dg-flow{to{stroke-dashoffset:var(--dg-step,-28px)}}.dg-lamp-on{filter:drop-shadow(0 0 6px var(--dg-glow))}.dg-wave{animation:km-drift 5s linear infinite}@media(prefers-reduced-motion:reduce){.dg-flow,.dg-wave{animation:none}}.dg-editor{display:flex;flex-direction:column;gap:10px}.dg-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}.dg-tools{display:flex;flex-wrap:wrap;gap:4px;align-items:center;background:var(--km-card);border:1px solid var(--km-line);border-radius:14px;padding:4px}.dg-tools button{position:relative;min-width:36px;height:36px;padding:0 9px;border-radius:10px;background:transparent;border:0;color:var(--km-text);font-size:.85rem;gap:6px}.dg-tools button.on{background:var(--km-teal);color:#062a2c}.dg-tools button.primary{background:linear-gradient(90deg,var(--km-teal),#22a89f);color:var(--km-ink)}.dg-tools select{height:32px;border-radius:9px;padding:0 6px;font-size:.8rem}.dg-zoom{font-size:.8rem;font-variant-numeric:tabular-nums;min-width:42px;text-align:center;color:var(--km-muted)}.dg-swatch{position:absolute;left:8px;right:8px;bottom:4px;height:3px;border-radius:2px}.dg-swatch.water{background:#3aa9d6}.dg-swatch.dose{background:#9a6bd1;height:2px}.dg-swatch.drain{background:#8d7a66}.dg-msg{background:#3fd1c21a;border:1px solid rgba(63,209,194,.3);border-radius:12px;padding:9px 12px;font-size:.88rem}.dg-body{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:12px;align-items:start}.dg-canvas-wrap{overflow:auto;height:calc(100vh - 220px);min-height:360px;border-radius:16px;border:1px solid var(--km-line);background:#dfe8ea}.dg-canvas{display:block;touch-action:none;-webkit-user-select:none;user-select:none}.dg-canvas.tool-select .dg-item{cursor:move}.dg-canvas:not(.tool-select){cursor:crosshair}.dg-sel{fill:none;stroke:#1a9c94;stroke-width:1.5;stroke-dasharray:5 4;pointer-events:none}.dg-handle{fill:#fff;stroke:#1a9c94;stroke-width:2;cursor:nwse-resize}.dg-side{background:var(--km-card);border:1px solid var(--km-line);border-radius:18px;padding:12px 14px;max-height:calc(100vh - 220px);overflow:auto}.dg-side h3{font-size:1rem;margin:2px 0 10px}.dg-side section{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;align-content:start}.dg-side h3,.dg-side .dg-wide,.dg-side .dg-row,.dg-side .dg-hint,.dg-side .dg-check{grid-column:1/-1}.dg-f{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:var(--km-muted)}.dg-f input,.dg-f select{height:34px;padding:0 9px;font-size:.88rem;width:100%;min-width:0}.dg-color input{padding:2px;height:34px;cursor:pointer}.dg-row{display:flex;gap:6px;flex-wrap:wrap}.dg-row button{height:34px;padding:0 10px;border-radius:10px;font-size:.82rem}.dg-del{color:#ffb0a8}.dg-check{display:flex;gap:8px;align-items:center;font-size:.85rem}.dg-hint{font-size:.78rem;color:var(--km-muted);line-height:1.45;margin:0}.dg-hint p{margin:0 0 8px}.km-diagram .km-drawing{padding:10px 14px 4px}.lib{display:flex;flex-direction:column;gap:16px}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.lib-card{background:var(--km-card);border:1px solid var(--km-line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.lib-thumb{display:block;padding:0;border:0;border-radius:0;background:#f7fafa;aspect-ratio:16/9;overflow:hidden}.lib-thumb svg{width:100%;height:100%;pointer-events:none}.lib-info{padding:12px 14px 4px;display:flex;flex-direction:column;gap:4px}.lib-info h2{font-size:1.05rem;margin:0}.lib-info>span{font-size:.78rem;color:var(--km-muted)}.lib-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.lib-chip{font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:10px;background:#ffffff14;color:var(--km-muted)}.lib-chip.on{background:#3fd1c22e;color:#7ff0e3}.lib-actions{display:flex;gap:6px;padding:10px 14px 14px}.lib-actions button{height:34px;padding:0 10px;border-radius:10px;font-size:.84rem}.lib-actions button:first-child{flex:1}.lib-edit{display:flex;flex-direction:column;gap:10px}.lib-edit-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.lib-name{font-size:1.25rem;font-weight:700;height:44px;padding:0 14px;min-width:280px}.lib-dirty{position:relative}.lib-dirty i{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:#f2a23a;box-shadow:0 0 0 2px #fff}.lib-uses{font-size:.82rem;color:var(--km-muted)}.lib-assign{max-width:560px}.lib-company h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--km-muted);margin:6px 0}.lib-target{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 12px;border-radius:14px;background:#ffffff0d;margin-bottom:6px}.lib-target b{display:block}.lib-target small{color:var(--km-muted)}.lib-target button{min-width:96px}.lib-project-tools{padding:6px 0 12px}.dg-spin{transform-box:fill-box;transform-origin:center;animation:ro-spin .7s linear infinite}.dg-needle{transition:d .6s ease}.dg-palette{display:grid;grid-template-columns:1fr 1fr;gap:8px;grid-column:1/-1}.dg-palette button{flex-direction:column;height:auto;padding:8px 6px 10px;border-radius:14px;gap:4px;background:#f2f7f8;border:1px solid #d6e2e5;color:#123640;font-size:.75rem;font-weight:700;line-height:1.2}.dg-palette button:hover:not(:disabled){background:#e2eff1}.dg-palette small{font-weight:500;color:#5b7480;font-size:.68rem}@media(prefers-reduced-motion:reduce){.dg-spin{animation:none}}select{color-scheme:dark}select option,select optgroup{background-color:#1a4650;color:#fff}select option:checked{background-color:#3fd1c2;color:#062a2c}select option:disabled{color:#9cc0c2}.dg-media{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}.dg-media button{flex-direction:column;height:auto;padding:6px 4px 8px;border-radius:12px;gap:2px;background:#f2f7f8;border:2px solid #d6e2e5;color:#123640;font-size:.72rem;font-weight:700}.dg-media button.on{border-color:#1a9c94;background:#e2f4f2}.dg-layers{display:grid;gap:3px}.dg-layer{display:grid;grid-template-columns:26px 1fr 34px 34px;align-items:center;gap:6px;font-size:.85rem}.dg-layer.off{opacity:.55}.dg-layer button{height:30px;padding:0;justify-content:center}.dg-layer button.on{background:#ffe9c7;border-color:#f2a23a}.dg-stagepick .dg-row button{gap:6px}.dg-stagepick .dg-row button i{width:12px;height:12px;border-radius:50%;background:var(--stage)}.dg-stagepick .dg-row button.on{border-color:var(--stage);box-shadow:0 0 0 2px var(--stage) inset}.dg-contents{display:grid;gap:3px}.dg-content{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px}.dg-content select{width:auto;min-width:84px}.dg-tones{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:4px}.dg-tones button{height:34px;padding:0 8px;border-radius:10px;justify-content:flex-start;gap:6px;font-size:.78rem;background:#f2f7f8;border:2px solid #d6e2e5;color:#123640}.dg-tones button.on{border-color:#1a9c94;background:#e2f4f2}.dg-tones i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.25);flex:none}@keyframes dg-fm-up{to{stroke-dashoffset:-28}}@keyframes dg-fm-bubble{0%{transform:translateY(0);opacity:0}10%{opacity:.85}85%{opacity:.75}to{transform:translateY(-248px);opacity:0}}@keyframes dg-fm-float{0%,50%,to{transform:translateY(0)}16%{transform:translateY(-.18px)}33%{transform:translateY(.3px)}66%{transform:translateY(-.3px)}83%{transform:translateY(.18px)}}.dg-fm-line{animation:dg-fm-up var(--fm-speed,1.5s) linear infinite}.dg-fm-bubble{animation:dg-fm-bubble calc(var(--fm-speed,1.5s) * 2.2) linear infinite}.dg-fm-off .dg-fm-line,.dg-fm-off .dg-fm-bubble{animation-play-state:paused}.dg-fm-ball{transition:transform .48s cubic-bezier(.22,.65,.25,1),opacity .25s}.dg-fm-float{animation:dg-fm-float 3.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.dg-fm-line,.dg-fm-bubble,.dg-fm-float{animation:none!important}.dg-fm-ball{transition:none}}.sw-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.sw-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px;text-align:left;padding:18px;border-radius:24px;background:var(--km-card);border:1px solid var(--km-line);color:var(--km-text);font:inherit;cursor:pointer}@media(hover:hover){.sw-card:hover{border-color:#3fd1c273;background:var(--km-card2)}}.sw-card.st-nodata{opacity:.85}.sw-card.st-fault{border-color:#ff6b5e80}.sw-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.sw-card header b{display:block;font-size:1.35rem;letter-spacing:-.02em}.sw-card header small{color:var(--km-muted);font-size:.8rem}.sw-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap;background:#ffffff14;color:var(--km-muted)}.sw-pill i{width:8px;height:8px;border-radius:50%;background:currentColor}.sw-pill.run{background:#3fd1c229;color:var(--km-teal)}.sw-pill.run i{box-shadow:0 0 0 3px #3fd1c233}.sw-pill.fault,.sw-pill.nodata{background:#ff6b5e24;color:#ff9f95}.sw-big{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sw-big div,.sw-small div{display:flex;flex-direction:column;gap:2px}.sw-big span,.sw-small span{font-size:.75rem;color:var(--km-muted)}.sw-big strong{font-size:1.45rem;font-weight:800;letter-spacing:-.03em}.sw-big strong small{font-size:.8rem;font-weight:600;color:var(--km-muted)}.sw-small{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 0;border-top:1px solid var(--km-line);border-bottom:1px solid var(--km-line)}.sw-small b{font-size:1.05rem}.sw-small b small{font-size:.7rem;color:var(--km-muted);font-weight:600}.sw-gauge{display:flex;flex-direction:column;gap:6px}.sw-gauge>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:.8rem}.sw-gauge>div:first-child span{color:#cfe5e3}.sw-gauge b{font-weight:800}.sw-gauge small{font-size:.72rem;color:var(--km-muted);line-height:1.35}.sw-bar{position:relative;height:8px;border-radius:99px;background:#ffffff14;overflow:hidden}.sw-bar em{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--km-teal)}.sw-bar i{position:absolute;top:0;bottom:0;width:2px;background:#ffffff59;z-index:1}.sw-gauge.warn b{color:var(--km-amber)}.sw-gauge.warn .sw-bar em{background:var(--km-amber)}.sw-gauge.alarm b{color:var(--km-red)}.sw-gauge.alarm .sw-bar em{background:var(--km-red)}.sw-trend{display:flex;flex-direction:column;gap:4px}.sw-trend span{font-size:.72rem;color:var(--km-muted)}.sw-spark{width:100%;height:40px;display:block}.sw-attn ul{list-style:none;margin:0;padding:0 18px 14px;display:flex;flex-direction:column;gap:8px}.sw-attn li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#f2b84b14;border:1px solid rgba(242,184,75,.3);color:#f6d08a;font-size:.9rem}.sw-attn li.alarm{background:#ff6b5e1a;border-color:#ff6b5e66;color:#ffb3ab}.sw-attn li span{flex:1}.sw-attn li button{padding:6px 12px;font-size:.8rem;white-space:nowrap}.sw-ok{display:flex;align-items:center;gap:8px;margin:0;padding:0 18px 16px;color:var(--km-teal)}.sw-seg{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:#ffffff0d;border:1px solid var(--km-line);flex-wrap:wrap}.sw-seg button{border:0;background:transparent;color:var(--km-muted);padding:7px 12px;border-radius:10px;font-weight:700;font-size:.85rem}.sw-seg button.on{background:var(--km-teal);color:var(--km-ink)}.sw-plant-pick{display:flex;margin-bottom:14px}.sw-plant-pick button{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 10px;position:relative}.sw-plant-pick small{font-weight:600;font-size:.7rem;opacity:.8}.sw-dot{position:absolute;top:8px;right:10px;width:8px;height:8px;border-radius:50%;background:#7d949e}.sw-dot.run{background:var(--km-teal)}.sw-dot.fault,.sw-dot.nodata{background:var(--km-red)}.sw-plant-pick button.on .sw-dot.run{background:#0b6e69}.sw-process .surface-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.sw-line{display:block;width:100%;height:auto;min-width:0}.sw-line .sw-pipe{fill:none;stroke:#b9cbd3;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.sw-line .sw-pipe.on{stroke:#7cc8e6}.sw-line .sw-pipe.on.prod{stroke:#56b6e0}.sw-line .sw-pipe.on.conc{stroke:#b8a78d}.sw-line .sw-dose{stroke:#9a6bd1;stroke-width:3;fill:none}.sw-line .sw-pump-s{fill:#4f6873}.sw-line .sw-cf{fill:#e9f0f3;stroke:#8fa8b3;stroke-width:2}.sw-line .sw-hp{fill:#9aabb3;stroke:#fff;stroke-width:3}.sw-line .sw-hp.on{fill:#0e8e87}.sw-line .sw-vessel{fill:#f4f7f8;stroke:#9fb0b8;stroke-width:1}.sw-line text{font-family:Inter,Arial,sans-serif}.sw-line .sw-l{font-size:11px;font-weight:700;fill:#587d8e;letter-spacing:.5px}.sw-line .sw-l.sm{font-size:9.5px;font-weight:600}.sw-line .sw-pump-s+text.sw-l{fill:#fff;font-size:9px}.sw-line .sw-tag{fill:#fff;stroke:#cbd9df;stroke-width:1}.sw-line .sw-tag.warn{fill:#fff6e3;stroke:#e0a03a}.sw-line .sw-tag.alarm{fill:#ffe9e6;stroke:#d23c3c}.sw-line .sw-tag-l{font-size:9px;font-weight:600;fill:#6b8794}.sw-line .sw-tag-v{font-size:13px;font-weight:800;fill:#123640}.sw-line .sw-tag-u{font-size:9px;font-weight:600;fill:#6b8794}.sw-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:14px 0}.sw-groups .surface{margin:0}.sw-values .sw-val{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 18px;border-top:1px solid var(--km-line);font-size:.88rem}.sw-values .sw-val span{color:#cfe5e3}.sw-values .sw-val b{font-size:1.05rem;white-space:nowrap}.sw-values .sw-val b small{color:var(--km-muted);font-weight:600;font-size:.75rem}.sw-device .sw-val{align-items:center}.sw-device .sw-val b{font-size:.9rem;margin-left:auto}.sw-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;padding:4px 18px 18px}.sw-day-grid,.sw-mem-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0 18px 18px}.sw-day-grid h3,.sw-mem-charts h3{font-size:.85rem;font-weight:700;color:#cfe5e3;margin:0 0 6px}.sw-mem .surface-heading h3{font-size:1rem;margin:4px 0 0;font-weight:700}.sw-chart svg{display:block;width:100%;height:auto;touch-action:pan-y}.sw-chart text{font-size:10.5px;fill:var(--km-muted);font-family:Inter,Arial,sans-serif}.sw-chart .sw-grid{stroke:#ffffff14;stroke-width:1}.sw-chart .sw-cursor{stroke:#fff6;stroke-width:1}.sw-legend{display:flex;flex-wrap:wrap;gap:6px 14px;padding:6px 0 0;font-size:.78rem;color:#cfe5e3;min-height:24px}.sw-legend span{display:inline-flex;align-items:center;gap:6px}.sw-legend i{width:12px;height:3px;border-radius:2px}.sw-legend b{margin-left:2px}.sw-legend .sw-when{color:var(--km-muted);font-weight:700}.sw-empty{padding:30px;text-align:center;color:var(--km-muted);font-size:.9rem}.sw-note{margin-bottom:14px}.sw-hist{padding-bottom:6px}.sw-hist-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 18px}.sw-hist-bar select{padding:9px 12px}.sw-csv{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;font-weight:700}.sw-hist .sw-chart{padding:0 18px}.sw-stats{width:calc(100% - 36px);margin:10px 18px;border-collapse:collapse;font-size:.85rem}.sw-stats th{text-align:right;color:var(--km-muted);font-weight:600;padding:8px 6px;border-bottom:1px solid var(--km-line)}.sw-stats th:first-child,.sw-stats td:first-child{text-align:left}.sw-stats td{text-align:right;padding:8px 6px;border-bottom:1px solid var(--km-line)}.sw-foot{font-size:.75rem;color:var(--km-muted);padding:0 18px 12px;margin:0}@media(max-width:1100px){.sw-cards{grid-template-columns:1fr 1fr}}@media(max-width:850px){.sw-cards,.sw-day-grid,.sw-mem-charts{grid-template-columns:1fr}.sw-csv{margin-left:0}.sw-hist-bar .sw-seg{width:100%}.sw-hist-bar .sw-seg button{flex:1;padding:7px 4px}.sw-scheme{overflow-x:auto}.sw-line{min-width:720px}}.sw-stats thead th{background:transparent}.sw-card>*{width:100%}.sw-three{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-mem .surface-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.sw-mem .surface-heading p{margin:4px 0 0;font-size:.8rem;color:var(--km-muted)}.sw-install{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-size:.82rem;font-weight:700;white-space:nowrap}.sw-install-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.sw-install-form label{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:var(--km-muted)}.sw-install-form input{padding:8px 10px}.sw-install-form button{padding:8px 14px}.sw-install-form small{width:100%;color:#ffb3ab}.sw-err{color:#ffb3ab!important}.sw-day .surface-heading p{margin:4px 0 0;font-size:.8rem;color:var(--km-muted)}.sw-disc{margin-top:14px}.sw-disc .surface-heading p{margin:6px 0 0;font-size:.82rem;color:var(--km-muted);max-width:820px}.sw-disc-status{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0 18px 12px;font-size:.8rem;color:var(--km-muted)}.sw-disc-status span:first-child{display:inline-flex;align-items:center;gap:6px;font-weight:700}.sw-disc-status i{width:8px;height:8px;border-radius:50%;background:#7d949e}.sw-disc-status .on{color:var(--km-teal)}.sw-disc-status .on i{background:var(--km-teal)}.sw-disc-link{display:flex;flex-wrap:wrap;gap:12px;padding:0 18px 12px}.sw-disc-link label{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:var(--km-muted)}.sw-disc-link select{padding:8px 10px}.sw-disc-paste{margin:0 18px 12px;padding:10px 14px;border:1px dashed var(--km-line);border-radius:14px}.sw-disc-paste summary{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:700;font-size:.88rem}.sw-disc-paste p{font-size:.8rem;color:var(--km-muted)}.sw-disc-paste code{color:#cfe5e3}.sw-disc-paste textarea{width:100%;box-sizing:border-box;padding:10px;font-family:inherit}.sw-disc-paste>div{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-top:8px}.sw-disc-paste label{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:var(--km-muted)}.sw-disc-paste input{width:90px;padding:8px}.sw-disc-rows{display:flex;flex-direction:column;gap:8px;padding:0 18px}.sw-disc-row{padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid var(--km-line)}.sw-disc-row.picked{border-color:#3fd1c266}.sw-disc-fields{display:grid;grid-template-columns:90px minmax(150px,1.2fr) minmax(140px,1.4fr) 70px 90px 36px;gap:8px;align-items:center}.sw-disc-fields select,.sw-disc-fields input{padding:8px 10px;min-width:0}.sw-disc-fields input.bad{border-color:var(--km-red)}.sw-disc-del{padding:8px;display:grid;place-items:center;color:#ffb3ab}.sw-disc-pick{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:8px 0 0;font-size:.82rem;color:var(--km-teal)}.sw-disc-pick b{color:var(--km-text)}.sw-disc-pick button{margin-left:auto;padding:4px 10px;font-size:.75rem}.sw-disc-read{margin-top:8px;display:flex;flex-direction:column;gap:6px}.sw-disc-raw{font-family:ui-monospace,Consolas,monospace;font-size:.72rem;color:var(--km-muted)}.sw-disc-screen{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#cfe5e3}.sw-disc-screen input{width:110px;padding:7px 10px}.sw-disc-cands{display:flex;flex-wrap:wrap;gap:6px}.sw-disc-cands button{padding:6px 10px;font-size:.78rem;text-align:left}.sw-disc-cands button.best{border-color:var(--km-teal);background:#3fd1c21f}.sw-disc-cands small,.sw-disc-wait{font-size:.78rem;color:var(--km-muted)}.sw-disc-hint{font-size:.75rem;color:#9fded7}.sw-disc-actions{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px}.sw-disc-actions .sp{flex:1}.sw-disc-actions button{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;font-weight:700}.sw-disc-msg{padding:0 18px 14px;margin:0;font-size:.85rem;color:#cfe5e3}@media(max-width:850px){.sw-disc-fields{grid-template-columns:1fr 1fr}.sw-disc-fields input:not(.sm){grid-column:1/-1}.sw-disc-fields .sw-disc-del{justify-self:end}}.sw-drawpick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 18px 12px}.sw-drawpick select{padding:8px 10px;background:#fff;color:#123640;border-color:#cbd9df}.sw-drawpick button{padding:8px 12px;font-weight:700;background:#eef4f5;color:#123640;border-color:#cbd9df}.sw-drawpick small{color:#3b5c66}.lib-plants{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.lib-plants>b{padding:4px 2px 0;font-size:.9rem}.dg-joint{fill:#1f9d55;stroke:#fff;stroke-width:1.5}.dg-snap{fill:none;stroke:#1f9d55;stroke-width:2.5}.dg-marquee{fill:#1a9c9414;stroke:#1a9c94;stroke-width:1;stroke-dasharray:4 3}.dg-miss{fill:none;stroke:#e0a03a;stroke-width:2.5;stroke-dasharray:3 2}.dg-values{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dg-values li{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;background:#fff;border:1px solid #dbe6ea;border-radius:9px;padding:8px 10px}.dg-values b{grid-row:span 2;width:22px;height:22px;border-radius:50%;background:var(--dg-accent);color:#fff;font-size:12px;display:grid;place-items:center}.dg-values span{font-size:.72rem;color:#5b7380;line-height:1.3}.dg-values strong{font-size:1.05rem;color:#123640;font-weight:800}