*{box-sizing:border-box}body{color:#213c50;background:#f3f6f8;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}:is(button:focus-visible,a:focus-visible){outline-offset:3px;outline:3px solid #6aa9c3}dialog{margin:auto}dialog::backdrop{background:#10243899}a{color:#215d70}.portal-header{color:#fff;background:#102438;justify-content:space-between;padding:20px 32px;font-size:13px;display:flex}.portal-header a{color:#d1e5ed}.portal-main{max-width:1500px;margin:auto;padding:35px}.text-button{color:#276a82;cursor:pointer;background:0 0;border:0}.secondary{color:#315b70;background:#fff;border:1px solid #cddce5;border-radius:6px;padding:9px 14px}@media (max-width:700px){.portal-main{padding:20px 14px}.portal-header{padding:16px}}.water-shell{background:#f4f6f9;min-height:100dvh;display:flex}.water-sidebar{color:#d6e0e9;background:#102438;flex-shrink:0;width:238px;min-height:100dvh;padding:31px 24px}.water-sidebar img{width:190px;max-width:100%;height:auto;display:block}.water-sidebar-title{color:#a7c3d8;margin-top:24px;font-size:12px;font-weight:600;line-height:1.6}.water-main{flex:1;min-width:0}.water-header{color:#7d8998;flex-wrap:wrap;gap:16px;height:auto;min-height:65px;padding:20px 35px;font-size:11px}.water-header>span{align-items:center;gap:13px;display:flex}.water-header strong{color:#344b5e;font-weight:550}.water-header a{color:#355f77;text-decoration:none}.water-header a:hover{text-decoration:underline}.water-content{max-width:none;min-height:calc(100dvh - 65px);padding:33px 35px 50px}.water-content p{margin:0}@media (max-width:700px){.water-sidebar{width:160px;padding:24px 16px}.water-header{padding:18px 20px}.water-content{padding:28px 20px}.water-sidebar-title{font-size:11px}}@media (max-width:420px){.water-sidebar{width:110px;padding:24px 12px}.water-sidebar-title{font-size:10px}.water-header{padding:16px}.water-content{padding:24px 16px}}.water-sidebar nav{margin-top:30px}.water-sidebar nav a{color:#aebdca;border-radius:7px;align-items:center;gap:12px;padding:12px;font-size:12px;font-weight:550;text-decoration:none;display:flex}.water-sidebar nav a.active{color:#fff;background:#24475c;box-shadow:inset 3px 0 #65b5c6}.water-sidebar nav a:hover{background:#203c51}.water-sidebar nav svg{flex-shrink:0}.water-catalog-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.water-catalog-panel{background:#fff;border:1px solid #e0e6ed;border-radius:11px;overflow:hidden}.water-catalog-toolbar{color:#65748a;align-items:center;gap:16px;padding:20px;font-size:12px;display:flex}.water-catalog-toolbar label{border:1px solid #dae2e9;border-radius:7px;flex:1;align-items:center;gap:10px;max-width:500px;padding:10px;display:flex}.water-catalog-toolbar input{border:0;width:100%;min-width:0}.water-catalog-toolbar>button{margin-left:auto}.water-catalog-table{min-width:680px}.water-catalog-table td:nth-child(2){white-space:pre-wrap;overflow-wrap:anywhere;min-width:220px}.water-catalog-table td:first-child{white-space:nowrap;color:#34576d}.water-catalog-table td:nth-child(3),.water-catalog-table td:nth-child(4),.water-catalog-table th:nth-child(3),.water-catalog-table th:nth-child(4){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.water-catalog-dialog{color:#1e2e44;border:1px solid #d2dfe8;border-radius:14px;width:min(600px,94vw);max-height:90dvh;padding:26px;overflow:auto;box-shadow:0 24px 100px #07172766}.water-catalog-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b20379c}.water-dialog-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.water-dialog-heading h2{margin:0;font-size:20px}.water-close{color:#65748a;background:0 0;border:0;padding:5px;display:flex}.water-catalog-dialog fieldset{border:0;min-width:0;margin:0;padding:0}.water-catalog-dialog label{flex-direction:column;gap:8px;margin-bottom:20px;font-size:12px;font-weight:600;display:flex}.water-catalog-dialog input,.water-catalog-dialog textarea{color:#1e2e44;background:#fff;border:1px solid #cbd8e2;border-radius:7px;width:100%;padding:11px;font-size:13px}.water-catalog-dialog input[readonly]{color:#667e90;background:#f1f5f8}.water-catalog-dialog textarea{resize:vertical;min-height:100px}.water-catalog-dialog small{font-weight:400}.water-price-fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}.water-dialog-actions{border-top:1px solid #e0e6ed;justify-content:flex-end;gap:10px;padding-top:20px;display:flex}.water-error,.water-notice{border-radius:8px;margin-bottom:18px;padding:12px 16px;font-size:13px;line-height:1.6}.water-error{color:#9a3530;background:#fff0ee;border:1px solid #efcdc8}.water-notice{color:#286448;background:#e9f5ef;border:1px solid #cce6d9}@media (max-width:700px){.water-catalog-heading{flex-direction:column;align-items:flex-start}.water-catalog-toolbar{flex-wrap:wrap;padding:14px}.water-catalog-toolbar label{flex-basis:100%}.water-price-fields{grid-template-columns:1fr;gap:0}}@media (max-width:420px){.water-sidebar nav a{gap:6px;padding:12px 6px;font-size:11px}}.water-sidebar nav{gap:5px;display:grid}.water-record-dialog{color:#1e2e44;border:1px solid #d2dfe8;border-radius:14px;width:min(800px,95vw);max-height:92dvh;padding:26px;overflow:auto;box-shadow:0 24px 100px #07172766}.water-record-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b20379c}.water-record-dialog fieldset{border:0;min-width:0;margin:0;padding:0}.water-record-dialog fieldset:disabled{opacity:1}.water-record-dialog label{color:#476076;flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.water-record-dialog input,.water-record-dialog select,.water-record-dialog textarea{color:#1e2e44;background:#fff;border:1px solid #cbd8e2;border-radius:6px;width:100%;min-width:0;padding:10px;font-size:12px}.water-record-dialog input[readonly]{color:#667e90;background:#f1f5f8}.water-record-dialog input:disabled,.water-record-dialog textarea:disabled,.water-record-dialog select:disabled{color:#485e72;opacity:1;background:#f6f8fa}.water-record-dialog textarea{resize:vertical}.water-form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.water-form-grid .full{grid-column:1/-1}.water-record-dialog small{font-weight:400}.water-tabs{border-bottom:1px solid #dce5ed;gap:5px;margin-bottom:22px;display:flex;overflow:auto}.water-tabs>button{color:#6a7d8e;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 16px;font-size:12px}.water-tabs>button.active{color:#28556b;border-color:#3f8496;font-weight:650}.water-section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.water-section-heading h3{margin:0}.water-subrecord{background:#f9fbfc;border:1px solid #dce5ed;border-radius:9px;margin-bottom:16px;padding:18px}.water-record-dialog .water-dialog-actions{z-index:1;background:#fff;margin-top:24px;padding:18px 0;position:sticky;bottom:-26px}.water-inline-actions{white-space:nowrap;gap:8px;display:flex}.water-inline-actions a,.water-quote-actions a{text-decoration:none}.water-record-link{text-align:left;padding:0;font-size:12px;font-weight:700}.water-record-link:hover{text-decoration:underline}.water-quote-dialog{width:min(1150px,96vw)}.water-quote-dialog .water-dialog-heading{border-bottom:1px solid #e0e6ed;padding-bottom:18px}.water-quote-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.water-quote-help{background:#eff5f8;border-radius:7px;padding:12px;font-size:11px;margin-bottom:18px!important}.water-quote-section{border-bottom:1px solid #e2e8ed;padding:20px 0}.water-quote-section h3{color:#2d536e;align-items:center;gap:9px;margin-bottom:18px;font-size:14px;display:flex}.water-quote-section h3>span{background:#e7eff4;border-radius:6px;place-items:center;width:25px;height:25px;font-size:11px;display:inline-grid}.water-quote-section .water-section-heading h3{margin:0}.water-quote-section .water-inline-create{align-self:flex-start;align-items:center;gap:5px;margin-top:3px;padding:0;display:flex}.water-quote-lines-wrap{overflow:auto}.water-quote-lines{min-width:790px}.water-quote-line{border-bottom:1px solid #e5ecf1;grid-template-columns:minmax(260px,1fr) 75px 120px 120px 90px 28px;align-items:start;gap:12px;padding:15px 2px;display:grid}.water-quote-line input,.water-quote-line select,.water-quote-line textarea{padding:9px;font-size:11px}.water-quote-line-head{color:#718495;text-transform:uppercase;letter-spacing:.5px;background:#f6f9fb;padding:12px 7px;font-size:10px}.water-line-description{gap:8px;display:grid}.water-quote-totals{align-items:center;padding:13px 8px;font-size:12px}.water-grand{color:#244c64;background:#edf4f8;border-bottom:0}.water-quote-options{align-items:center;gap:25px;margin:18px 0;display:flex}.water-quote-options>label:first-child{width:100px}.water-record-dialog .water-check{flex-direction:row;align-items:center;gap:9px;display:flex}.water-check input{accent-color:#2b647b;width:16px;height:16px}.water-margin{background:#f2f6f7;border:1px solid #dce7eb;border-radius:8px;flex-wrap:wrap;gap:10px 24px;padding:16px;font-size:12px;display:flex}.water-margin>small{flex-basis:100%}.water-history{padding:18px 0}.water-history summary{cursor:pointer;font-size:12px;font-weight:650}.water-history>div{border-bottom:1px solid #e2e8ed;justify-content:space-between;gap:20px;padding:12px 0;font-size:11px;display:flex}.water-history a{color:#315d78}.water-confirm-dialog{max-width:460px}.water-quote-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px;display:grid}.water-quote-kpis>button,.water-quote-kpis>div{text-align:left;color:#354f64;background:#fff;border:1px solid #dce5ed;border-radius:10px;padding:18px}.water-quote-kpis>button:hover{border-color:#4c8494}.water-quote-kpis strong{letter-spacing:-.6px;overflow-wrap:anywhere;margin:10px 0;font-size:25px;font-weight:650;display:block}.water-quote-kpis span{color:#718495;font-size:10px}.water-customer-filter{color:#405d73;background:#fff;border:1px solid #d5e0e8;border-radius:6px;max-width:220px;padding:9px;font-size:11px}.water-quotes-table{min-width:850px}.water-quotes-table td:nth-child(5),.water-quotes-table td:nth-child(6){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.water-status{color:#637485;white-space:nowrap;background:#edf1f5;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:600;display:inline-block}.water-status-sent{color:#365f95;background:#e8f1fc}.water-status-accepted{color:#2c7650;background:#e4f3eb}.water-status-declined,.water-status-expired{color:#a35737;background:#fceee7}@media (max-width:900px){.water-quote-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.water-form-grid{grid-template-columns:1fr}.water-form-grid .full{grid-column:auto}.water-record-dialog{padding:18px}.water-record-dialog .water-dialog-actions{bottom:-18px}.water-quote-kpis{gap:9px}.water-quote-kpis>button,.water-quote-kpis>div{padding:13px}.water-quote-kpis strong{font-size:20px}.water-quote-kpis span{line-height:1.5;display:block}.water-customer-filter{flex:1;max-width:100%}.water-quote-actions>a,.water-quote-actions>button{flex:1}.water-history>div{align-items:flex-start}.water-quote-options{flex-wrap:wrap}}.water-status-issued{color:#8b6825;background:#fff4dc}.water-line-description .water-line-frequency{color:#698093;gap:5px;font-size:10px;font-weight:500}.water-pin-entry{place-items:center;min-height:100dvh;padding:24px;display:grid}.water-pin-entry>section{background:#fff;border:1px solid #dce5ed;border-radius:14px;width:min(420px,100%);padding:32px}.water-pin-entry h1{font-size:23px}.water-pin-entry label{gap:8px;margin:18px 0;font-size:13px;display:grid}.water-pin-entry input{letter-spacing:4px;border:1px solid #cbd8e2;border-radius:6px;width:100%;padding:12px;font-size:20px}.water-pin-entry a{color:#355f77;margin-top:24px;font-size:12px;display:block}.water-pin-entry .text-button{margin-top:18px}.water-pin-entry [role=alert]{color:#a13532}.water-ops{color:#213c50;font-size:13px}.water-ops h1{margin:8px 0;font-size:28px}.water-ops h2{margin:0 0 12px;font-size:20px}.water-ops h3{font-size:15px}.water-ops p{margin:8px 0;line-height:1.7}.ops-eyebrow{letter-spacing:1.7px;color:#39788b;font-size:10px;font-weight:700}.water-ops button:not(.text-button):not(.water-close):not(.ops-list-row){color:#fff;cursor:pointer;background:#215d70;border:1px solid #215d70;border-radius:7px;padding:10px 14px;font-size:12px}.water-ops button.secondary{color:#315b70!important;background:#fff!important;border-color:#cedce4!important}.water-ops button:disabled{opacity:.5;cursor:wait}.ops-navigation{flex-wrap:wrap;gap:7px;margin-bottom:25px;display:flex}.water-ops .ops-navigation button{color:#516c7c!important;background:#fff!important;border-color:#dce5eb!important}.water-ops .ops-navigation button.active{color:#fff!important;background:#215d70!important;border-color:#215d70!important}.ops-panel{background:#fff;border:1px solid #dce5ed;border-radius:12px;min-width:0;margin-bottom:20px;padding:24px}.ops-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px;margin-top:20px;display:grid}.ops-cards article{background:#f8fbfc;border:1px solid #dde7ed;border-radius:9px;padding:20px}.ops-cards button{margin:10px 8px 0 0}.ops-filters{flex-wrap:wrap;align-items:center;gap:15px;margin:20px 0;display:flex}.ops-filters input,.ops-filters select{color:#345466;background:#fff;border:1px solid #cfdee6;border-radius:7px;padding:10px}.ops-workspace{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.4fr);align-items:start;gap:20px;display:grid}.ops-register{max-height:80vh;padding:8px;overflow:auto}.ops-list-row{text-align:left;color:#29495d;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #e6edf1;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:16px;font-size:12px;display:flex}.ops-list-row:hover,.ops-list-row.selected{background:#eaf3f6}.ops-list-row small{color:#7a8d9b;margin-top:7px;font-size:10px;display:block}.ops-empty{text-align:center;color:#7b8f9c;padding:32px!important}.ops-detail-heading{justify-content:space-between;gap:20px;margin-bottom:20px;display:flex}.ops-detail-heading small{color:#7a8e9d;overflow-wrap:anywhere;font-size:10px}.ops-values{grid-template-columns:1fr 1fr;gap:18px;margin:24px 0;display:grid}.ops-values dt{color:#78909f;margin-bottom:6px;font-size:11px}.ops-values dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.6}.ops-upload{background:#f5f8fa;border:1px dashed #becfda;border-radius:8px;gap:10px;margin:18px 0;padding:15px;font-size:12px;display:grid}.ops-file{color:#276c83;padding:10px 0;display:block}.water-ops table{border-collapse:collapse;width:100%;margin-top:15px}.water-ops th,.water-ops td{text-align:left;border-bottom:1px solid #e4ebef;padding:12px;font-size:12px}.water-ops details{margin:15px 0}.water-ops summary{cursor:pointer;font-weight:600}.water-ops .water-notice{justify-content:space-between;align-items:center;gap:15px;display:flex}.water-ops .water-quote-actions{margin-top:20px}.ops-detail .water-subrecord{margin-top:15px}@media (max-width:1100px){.ops-workspace{grid-template-columns:1fr}.ops-register{max-height:400px}}@media (max-width:700px){.water-ops h1{font-size:24px}.ops-panel{padding:17px}.ops-values{grid-template-columns:1fr}.ops-navigation{flex-wrap:nowrap;padding-bottom:8px;overflow:auto}.ops-navigation button{white-space:nowrap}.water-shell:has(.water-ops){display:block}.water-shell:has(.water-ops) .water-sidebar{width:100%;min-height:auto;padding:15px}.water-shell:has(.water-ops) .water-sidebar nav{margin-top:8px;display:flex;overflow:auto}.water-shell:has(.water-ops) .water-sidebar-title{margin-top:0}.water-shell:has(.water-ops) .water-sidebar img{display:none}.water-content:has(.water-ops){padding:20px 14px}}@media print{body *{visibility:hidden}#water-print,#water-print *{visibility:visible}#water-print{border:0;width:100%;position:absolute;top:0;left:0}#water-print .no-print,#water-print .no-print *{display:none!important}.ops-values{grid-template-columns:1fr 1fr}}.portal-login{color:#092f53;isolation:isolate;background:radial-gradient(at 90% 10%,#12627866,#0000 55%),radial-gradient(at 10% 100%,#16466b88,#0000 50%),#072c50;place-items:center;min-height:100dvh;padding:48px 24px;display:grid;position:relative;overflow:hidden}.portal-login:before{content:"";aspect-ratio:274/284;z-index:0;opacity:.12;filter:grayscale()invert();mix-blend-mode:screen;pointer-events:none;background-image:url(/centron-water-logo.png);background-position:80.8537% 14.557%;background-repeat:no-repeat;background-size:681.387% 155.634%;width:clamp(280px,30vw,420px);position:absolute;top:-90px;right:-85px}.portal-login-card{z-index:1;background:#fff;border:1px solid #dce7ed;border-top:4px solid #20abc2;border-radius:16px;width:min(520px,100%);position:relative;overflow:hidden;box-shadow:0 24px 75px #001a3433}.portal-brand{border-bottom:1px solid #e9eff3;padding:36px 46px 30px;display:block}.portal-brand img{width:100%;max-width:320px;height:auto;margin:auto;display:block}.portal-login-content{padding:32px 42px 30px}.portal-eyebrow{color:#477484;letter-spacing:1.6px;font-size:10px;font-weight:700;line-height:1.6;display:block}.portal-login h1{letter-spacing:-.8px;margin:13px 0 20px;font-size:30px;font-weight:650;line-height:1.2}.portal-login p{color:#5d7384;margin:12px 0;font-size:14px;line-height:1.8}.portal-login .portal-intro{letter-spacing:-.3px;color:#193e5c;margin-bottom:14px;font-size:21px;font-weight:500;line-height:1.45}.portal-signin{text-align:center;color:#fff;background:#08365b;border:1px solid #08365b;border-radius:7px;margin:25px 0 21px;padding:16px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:block}.portal-signin:hover{background:#0d526f;border-color:#0d526f}.portal-login .portal-access-note{align-items:flex-start;gap:10px;margin:0;font-size:12px;line-height:1.7;display:flex}.portal-access-note svg{color:#168da4;flex-shrink:0;margin-top:2px}.portal-login-footer{color:#6c8190;background:#f7fafb;border-top:1px solid #e7eef2;justify-content:space-between;align-items:center;gap:15px;padding:18px 42px;font-size:11px;display:flex}.portal-login-footer a{color:#325d75;text-underline-offset:3px}.portal-header{background:#072c50;align-items:center;gap:20px}.portal-header-brand{align-items:center;gap:20px;text-decoration:none;display:flex}.portal-header-brand img{background:#fff;border-radius:4px;width:160px;height:auto;padding:9px 10px;display:block}.portal-header-brand span{color:#e3f0f5;font-size:13px}.portal-login a:focus-visible{outline-offset:5px;outline:3px solid #18a9c1}@media (max-width:540px){.portal-login{padding:24px 16px}.portal-brand{padding:30px 32px 26px}.portal-login-content{padding:28px}.portal-login h1{font-size:27px}.portal-login-footer{padding:18px 28px}.portal-header-brand{gap:12px}.portal-header-brand img{width:125px}.portal-header-brand span{font-size:11px}}@media (prefers-reduced-motion:reduce){.portal-signin{transition:none}}@media (max-width:540px){.portal-login:before{opacity:.09;width:280px;top:-75px;right:-80px}}.portal-access-form{margin-top:24px}.portal-access-form label{margin-bottom:9px;font-size:12px;font-weight:600;display:block}.portal-access-form input{color:#143f5c;background:#fbfdfe;border:1px solid #c8dce6;border-radius:7px;width:100%;padding:13px 12px;font-size:13px;display:block}.portal-access-form .portal-signin{cursor:pointer;width:100%;margin:12px 0 18px}.portal-login .portal-access-help{font-size:12px;line-height:1.7}.portal-team-access{border-top:1px solid #e1eaf0;margin-top:24px;padding-top:18px;font-size:12px}.portal-team-access summary{cursor:pointer;color:#466b81;text-underline-offset:3px}.portal-team-access p{font-size:12px}.portal-team-access .portal-signin{color:#214e68;background:#eef5f8;border-color:#cfdee7;margin:12px 0 0;padding:12px;font-size:12px}.portal-close-access{color:#e1eef4;cursor:pointer;background:0 0;border:1px solid #7897b1;border-radius:6px;padding:9px 12px;font-size:12px}
