:root{--tabbg:#e8edf4;--tabink:#5b6b82;--bg:#f4f7fb;--card:#fff;--ink:#12213a;--muted:#718099;--line:#e3eaf3;--blue:#0057ff;--teal:#00bfa6;--nav:#071c32;--nav2:#0b263f;--shadow:0 5px 20px #18395305;--soft:#edf4ff;--warning:#fff4d9;--warnink:#92600c;--success:#e6f8f2;--successink:#08745d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.55}body.dark{--tabbg:#1d2f46;--tabink:#9fb0c7;--bg:#0c1726;--card:#142438;--ink:#e7effb;--muted:#9fb0c7;--line:#29394f;--soft:#1a3455;--warning:#40351d;--warnink:#ffdb87;--success:#153c35;--successink:#86dec7}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible{outline:3px solid #50bcd8;outline-offset:3px}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;padding:11px 13px;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0057ff10}textarea{resize:vertical;min-height:110px}label{display:block;font-size:12px;font-weight:600;margin-bottom:16px;color:var(--ink)}label>input,label>select,label>textarea,label>.password-wrap{margin-top:7px}input[type=checkbox]{width:auto;accent-color:var(--blue)}label.check{display:flex;gap:8px;align-items:center;font-weight:400;margin:8px 0}label.check input{margin:0}h1,h2,h3,p{margin-top:0}h1{font-size:31px;letter-spacing:-1px;margin-bottom:7px;line-height:1.2}h2{font-size:18px;letter-spacing:-.3px;margin-bottom:10px}h3{font-size:15px;margin-bottom:8px}p{color:var(--muted);margin-bottom:16px}.ico{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;padding:29px 16px 16px;background:linear-gradient(165deg,var(--nav2),var(--nav));color:#b5c7dc;display:flex;flex-direction:column;z-index:30;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;color:white;font-size:35px;font-weight:850;line-height:1;letter-spacing:-1px;padding:0 10px}.brand small{font-size:10px;letter-spacing:3.1px;display:block;font-weight:500;color:#c2d2e4;margin-top:9px}.brand-symbol{font-size:45px;font-weight:900;font-style:italic;color:#00cfca;line-height:1}.workspace-label{margin:29px 10px 10px;font-size:11px;display:flex;justify-content:space-between;color:#90a9c4}.workspace-label span{color:#a9f1e5;background:#16463e;padding:0 6px;border-radius:4px}.nav-heading{font-size:9px;letter-spacing:1.9px;margin:18px 13px 9px;color:#6f8ba7}.nav-item{display:flex;align-items:center;gap:13px;padding:11px 13px;margin-bottom:4px;border-radius:8px;color:#b5c7dc;font-size:12px;transition:.15s}.nav-item.active{background:var(--blue);color:white;box-shadow:0 5px 16px #0057ff33}.nav-item:hover:not(.active){background:#ffffff0b;color:white}.nav-item .ico{width:18px;height:18px}.sidebar-bottom{font-size:10px;color:#90a9c4;padding:24px 12px 0;margin-top:auto;display:flex;gap:9px;align-items:center}.sidebar-bottom .ico{width:15px}.shell{margin-left:236px}.topbar{height:83px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:14px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{padding:0 10px;color:#c7d1df}.top-actions{display:flex;align-items:center;gap:19px}.top-actions form{margin:0}.quiet{background:transparent;border:0;font-size:11px;color:var(--muted);padding:0}.avatar{display:grid;place-items:center;border-radius:50%;width:33px;height:33px;background:var(--soft);color:var(--blue);font-weight:700}.user b,.user small{display:block;font-size:11px}.user small{font-size:10px;color:var(--muted)}.icon-button{background:var(--card);border:1px solid var(--line);border-radius:8px;width:32px;height:32px;color:var(--muted);font-size:19px}.menu-toggle{display:none}main{max-width:1560px;margin:auto;padding:31px 35px 20px}.eyebrow{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:1.65px;margin-bottom:10px;display:block}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-heading p{font-size:12px;margin:0}.badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;border-radius:5px;padding:5px 9px;white-space:nowrap}.badge.blue{background:var(--soft);color:var(--blue)}.badge.amber{background:var(--warning);color:var(--warnink)}.badge.green{background:var(--success);color:var(--successink)}.card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:23px;box-shadow:var(--shadow);margin-bottom:20px;min-width:0}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:19px}.card-header h2,.card-header p{margin-bottom:0}.card-header p{font-size:11px;margin-top:4px}.grid{display:grid;gap:20px}.cols2{grid-template-columns:1fr 1fr}.cols3{grid-template-columns:repeat(3,1fr)}.cols4{grid-template-columns:repeat(4,1fr)}.split{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr)}.grid .card{margin-bottom:0}.section-gap{margin-bottom:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--blue);background:var(--blue);color:white;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.5}.button.secondary{background:var(--card);border-color:var(--line);color:var(--ink)}.button.soft{background:var(--soft);border-color:transparent;color:var(--blue)}.button.danger{background:var(--card);border-color:#ecd4d4;color:#b34444}.button.small{padding:6px 10px;font-size:10px}.button .ico{width:16px;height:16px}.button.wide{width:100%;justify-content:space-between}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.actions form{margin:0}.notice{border-radius:9px;padding:13px 16px;background:var(--soft);color:var(--ink);border:1px solid var(--line);font-size:12px;margin-bottom:20px}.notice.success{background:var(--success);color:var(--successink);border:0}.notice.error{background:#fff0f0;color:#ac3030;border-color:#f3cccc}.notice.warning{background:var(--warning);color:var(--warnink);border:0}.hero-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#063e9b,#0057db 65%,#009ba3);border-radius:13px;color:white;padding:28px 30px;position:relative;overflow:hidden;margin-bottom:23px}.hero-banner h2{font-size:24px;letter-spacing:-.5px}.hero-banner p{color:#bcd8ff;font-size:12px;margin:0}.hero-banner .button{background:#ffffff1a;border-color:#ffffff44;color:white;position:relative}.hero-mark{font-size:75px;color:#ffffff10;font-weight:800;letter-spacing:-4px;position:absolute;right:180px;top:0}.metric{display:flex;align-items:center;gap:15px;padding:18px 21px}.metric-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:10px;background:var(--soft);color:var(--blue)}.metric strong{display:block;font-size:25px;letter-spacing:-1px;line-height:1.1}.metric small{font-size:10px;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:27px 0 14px}.section-title h2{font-size:16px;margin:0}.section-title small{color:var(--muted);font-size:10px}.tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tile{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:21px;color:var(--ink);position:relative;min-height:137px;transition:transform .15s,border .15s}.tile:hover{transform:translateY(-3px);border-color:#98b6ef}.tile>.ico{width:30px;height:30px;color:var(--blue);margin-bottom:16px}.tile h3{font-size:13px;margin-bottom:3px}.tile p{font-size:10px;margin-bottom:0}.tile .arrow{position:absolute;right:19px;top:25px;color:#a7b5c8}.tile.disabled{opacity:.52}.tile.disabled:hover{transform:none;border-color:var(--line)}.step{display:flex;gap:13px;margin-bottom:16px;align-items:flex-start}.step:last-child{margin-bottom:0}.step-number{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--blue);flex-shrink:0;font-size:12px}.step b{font-size:12px}.step p{font-size:11px;margin:3px 0 0}.empty{text-align:center;padding:38px 20px;color:var(--muted)}.empty>.ico{width:38px;height:38px;color:#afbdd1;margin-bottom:12px}.empty h3{color:var(--ink);font-size:15px}.empty p{font-size:12px;max-width:410px;margin:0 auto 17px}.page-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:32px;padding-top:17px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px;background:var(--bg);font-weight:600;padding:12px}td{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:middle}td small{display:block;color:var(--muted);font-size:10px;margin-top:3px}tr:last-child td{border-bottom:0}.muted{color:var(--muted)}.tiny{font-size:10px}.small-text{font-size:12px}.upload-zone{padding:25px;border:1px dashed #a8c4ef;background:var(--soft);border-radius:10px;text-align:center}.upload-zone .ico{color:var(--blue);width:28px;height:28px;margin-bottom:10px}.upload-zone input{font-size:11px;background:var(--card);padding:8px}.upload-zone p{font-size:11px}.stack>*+*{margin-top:12px}.pdf-card{display:flex;align-items:center;gap:17px}.pdf-thumb{display:grid;place-items:center;background:linear-gradient(145deg,#044579,#00a7ca);width:74px;min-width:74px;height:95px;color:white;border-radius:5px;font-size:15px;font-weight:700}.pdf-thumb small{font-size:10px}.inline-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.inline-form>label{flex:1;min-width:120px;margin-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.input-unit{display:grid;grid-template-columns:1fr 95px;gap:6px}.input-unit select{font-size:11px}.rule{height:1px;background:var(--line);margin:19px 0}details{border-top:1px solid var(--line);padding:15px 0}summary{font-size:12px;font-weight:600;cursor:pointer;margin-bottom:10px}.check-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.check-row:last-child{border:0}.value{font-size:32px;letter-spacing:-1px;color:var(--blue);font-weight:700}.value small{font-size:13px;letter-spacing:0;font-weight:400;color:var(--muted)}.result-big{padding:23px;border-radius:11px;background:var(--soft);margin-bottom:20px}.result-big p{margin:0;font-size:11px}.result-big .value{font-size:38px}.pipe-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 30px;gap:10px;align-items:end;margin-bottom:12px;padding:15px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}.pipe-row label{margin:0;font-size:10px}.pipe-row input{padding:8px}.remove-section{height:34px;border:0;background:none;color:#b75454;font-size:20px}.code{font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:300px;white-space:pre}.formula{font-family:ui-monospace,monospace;background:var(--bg);padding:15px;border-radius:8px;font-size:12px;overflow:auto;margin:12px 0}.alphabet-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.alphabet-links a{padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--card);font-size:11px}.chart{width:100%;height:auto;display:block}.chart text{fill:var(--muted);font-size:11px;font-family:inherit}.chart line{stroke:var(--line)}.chart polyline{stroke:var(--blue);fill:none;stroke-width:3}.chart circle{fill:var(--blue)}.print-only{display:none}.report-meta{display:flex;gap:25px;font-size:12px;flex-wrap:wrap}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-story{background:linear-gradient(145deg,#061d34,#064377);color:white;padding:40px 50px;display:flex;flex-direction:column;min-height:100vh;position:relative;overflow:hidden}.login-story .brand{padding:0}.login-story-main{margin:auto 0}.login-story .eyebrow{color:#5cddd0;font-size:9px;letter-spacing:2px;margin-top:60px}.login-story h1{font-size:45px;line-height:1.15;letter-spacing:-1.7px;margin-top:17px;margin-bottom:21px}.login-story p{color:#9dbbda;font-size:14px}.login-story-foot{font-size:8px;letter-spacing:1.1px;color:#9fb9d1;display:flex;gap:14px;position:relative;z-index:1}.engineering-art{position:relative;height:250px;width:340px;margin:25px auto}.art-orbit{width:265px;height:200px;border:1px solid #40b9e02a;border-radius:50%;position:absolute;top:20px;left:40px;transform:rotate(-23deg)}.art-orbit.inner{transform:rotate(50deg);width:250px;height:150px;top:45px;left:47px}.art-pump{position:absolute;left:125px;top:0;width:80px;filter:drop-shadow(0 15px 25px #0003)}.motor{height:68px;background:repeating-linear-gradient(90deg,#163b55 0,#163b55 6px,#366585 7px,#366585 9px);border:1px solid #7898b1;border-radius:13px 13px 5px 5px}.shaft{width:57px;height:120px;margin:auto;background:repeating-linear-gradient(0deg,#7399b1 0,#c8dce7 2px,#376788 5px,#5f8ba7 17px);border:3px solid #92b9d0;box-shadow:inset 12px 0 10px #062847aa,inset -8px 0 8px #d5e9f2aa}.pump-base{height:22px;border:2px solid #9bbacf;border-radius:4px;background:#38708b}.art-label{position:absolute;font-size:10px;border:1px solid #397698;border-radius:30px;padding:6px 13px;color:#a3e5ed;background:#124b6c}.flow-label{top:136px;left:16px}.head-label{right:4px;top:43px}.login-panel{padding:38px 55px 25px;display:flex;flex-direction:column;min-height:100vh;background:#fcfdff}.back-link{color:#718099;font-size:12px}.login-card{width:100%;max-width:360px;margin:auto}.login-lock{background:#ebf2ff;width:49px;height:49px;display:grid;place-items:center;border-radius:13px;color:var(--blue);margin-bottom:29px}.login-card .eyebrow{font-size:9px;color:#718099}.login-card h2{font-size:31px;letter-spacing:-1px;margin-bottom:9px}.login-card p{font-size:12px;margin-bottom:29px}.login-card label{margin-bottom:19px}.login-card input{padding:13px 14px;background:white;color:#12213a}.login-card .button{padding:13px 17px;margin-top:6px}.password-wrap{position:relative}.password-wrap input{padding-right:64px}.show-password{position:absolute;right:11px;top:13px;background:none;border:0;color:#718099;font-size:11px}.login-security{display:flex;align-items:center;gap:7px;color:#98a5b6;font-size:10px;margin-top:24px}.login-security .ico{width:13px}.login-bottom{font-size:10px;color:#98a5b6;display:flex;justify-content:space-between;gap:10px}.login-bottom span{font-size:9px}.subnav{display:flex;gap:15px;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:12px}.subnav a{font-size:12px}.reference-group{padding:14px 0;border-bottom:1px solid var(--line)}.reference-group h3{font-size:12px}.reference-group .badge{margin:3px}.pill-list{display:flex;flex-wrap:wrap;gap:7px}.inline-note{font-size:10px;color:var(--muted);margin-top:8px}.print-button{margin-bottom:20px}
@media(min-width:1600px){.sidebar{width:252px}.shell{margin-left:252px}main{padding-top:40px}.nav-item{font-size:13px}}
@media(max-width:1150px){.sidebar{width:208px}.shell{margin-left:208px}main{padding:25px 22px}.topbar{padding:0 22px}.tile-grid{grid-template-columns:repeat(3,1fr)}.top-actions{gap:10px}.top-actions .user{display:none}.split{grid-template-columns:1fr}.cols4{grid-template-columns:repeat(2,1fr)}.login-story{padding:35px}.login-panel{padding:35px}.login-story h1{font-size:38px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:235px;transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 80px #0005}.shell{margin-left:0}.menu-toggle{display:block}.topbar{height:65px;padding:0 17px}.breadcrumb{display:none}.top-actions{margin-left:auto}.top-actions .avatar{display:none}main{padding:23px 17px}.page-heading{align-items:flex-start}.page-heading .badge{display:none}h1{font-size:27px}.page-heading p{font-size:11px}.hero-banner{padding:24px;display:block}.hero-banner .button{margin-top:20px}.hero-mark{right:20px}.hero-banner h2{font-size:22px}.cols2,.cols3,.form-grid{grid-template-columns:1fr}.tile-grid{grid-template-columns:1fr 1fr;gap:10px}.tile{padding:17px;min-height:138px}.tile h3{font-size:12px}.card{padding:18px}.metric{padding:15px;gap:10px}.metric strong{font-size:22px}.metric-icon{width:34px;height:34px}.metric small{font-size:9px}.pipe-row{grid-template-columns:1fr 1fr}.pipe-row .remove-section{grid-column:2;justify-self:end}.page-footer{display:block}.page-footer span{display:block;margin:4px 0}.login-page{display:block}.login-story{display:none}.login-panel{min-height:100vh;padding:25px}.login-card{margin:65px auto}.login-bottom{margin-top:auto}.inline-form{display:block}.inline-form label{margin-bottom:12px}.card-header{flex-wrap:wrap}.code{font-size:10px}.table-wrap td{min-width:100px}.report-meta{display:block}}
@media print{.sidebar,.topbar,.page-heading,.page-footer,.print-button,.no-print{display:none!important}.shell{margin:0}main{padding:0}.card{box-shadow:none;break-inside:avoid}body{background:white;color:#12213a}.print-only{display:block}a{color:#12213a}.grid{display:block}table{font-size:10px}}
.circuit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.circuit-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;color:var(--ink);transition:transform .15s,border .15s}
.circuit-card:hover{transform:translateY(-3px);border-color:#98b6ef}
.circuit-card h3{font-size:14px;margin:12px 0 3px}.circuit-card p{font-size:11px;margin:0}
.circuit-art{background:var(--bg);border-radius:9px;padding:8px}.circuit-art.large{padding:16px}
.circuit-svg{display:block;width:100%;height:auto}
.circuit-tabs{display:flex;flex-wrap:wrap;gap:8px}
.c-line,.c-pipe,.c-pumpring,.c-valve,.c-dim{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.c-pipe{stroke-width:3}.c-line.thin{stroke-width:1.2}.c-valve{fill:var(--card)}.c-pumpring{fill:var(--card)}
.c-dim{stroke:var(--muted);stroke-width:1.2;stroke-dasharray:4 3}.c-dim.dash{stroke-dasharray:3 3}
.c-water{fill:#3b82f6;opacity:.85}.c-pump{fill:#e5483d}.c-arrowfill{fill:var(--muted)}
.c-txt{fill:var(--muted);font-size:10px;font-family:inherit}
@media(max-width:1150px){.circuit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.circuit-grid{grid-template-columns:1fr}}
.wiz-steps{display:flex;gap:6px;list-style:none;margin:0 0 20px;padding:0;counter-reset:w}
.wiz-steps li{flex:1;text-align:center;font-size:10px;font-weight:600;color:var(--muted);padding:8px 4px;border-radius:8px;background:var(--bg);counter-increment:w}
.wiz-steps li::before{content:counter(w)". ";}
.wiz-steps li.active{background:var(--blue);color:#fff}
.wiz-panel[hidden]{display:none}
.wiz-panel h2{margin-bottom:6px}
.wiz-group{margin:20px 0 4px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}
.wiz-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 46px;gap:10px;align-items:center;padding:10px 0;margin:0;border-bottom:1px solid var(--line);font-weight:400}
.wiz-row>input,.wiz-row>select{margin:0}
.wiz-row input[readonly]{background:var(--bg);color:var(--muted)}
.wiz-label{font-size:12px;font-weight:600}.wiz-unit{font-size:11px;color:var(--muted)}.wiz-static{font-size:13px}
.stepper{display:flex;align-items:stretch;gap:4px}.stepper input{text-align:center;padding:8px 4px}
.stepper button{width:36px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;font-size:18px;line-height:1}
.wiz-zeta{margin-top:14px;font-size:12px}.wiz-zeta summary{cursor:pointer;color:var(--blue);font-weight:600}
.zeta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;margin-top:12px}
.wiz-nav{display:flex;justify-content:space-between;gap:10px;margin-top:22px}
.wizard.js .wiz-nav .button[hidden]{display:none}
@media(max-width:760px){.wiz-row{grid-template-columns:1fr 1fr 36px;gap:8px}.zeta-grid{grid-template-columns:1fr}.wiz-steps li{font-size:9px;padding:7px 2px}}
.inline-form+.button.wide{margin-top:14px}
/* V7 grouped navigation */
.nav-item small{margin-left:auto;font-size:9px;background:#ffffff14;color:#9fb6cf;border-radius:10px;padding:1px 7px}
.nav-item.active small{background:#ffffff33;color:#fff}
.page-tabs{display:flex;gap:2px;margin:-6px 0 24px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.page-tabs::-webkit-scrollbar{display:none}
.page-tabs .tab{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .15s,border-color .15s,background .15s;border-radius:8px 8px 0 0}
.page-tabs .tab .ico{width:15px;height:15px}
.page-tabs a.tab:hover{color:var(--ink);background:var(--soft)}
.page-tabs .tab.active{color:var(--blue);border-bottom-color:var(--blue)}
.card{transition:box-shadow .15s}
@media(max-width:760px){.page-tabs{margin:-8px -4px 20px}.page-tabs .tab{padding:10px 12px}}
@media print{.page-tabs{display:none!important}}
/* V8 results polish */
.wiz-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 72px}
.wiz-row .unit-select{padding:9px 4px;font-size:11px}
.wiz-row input:disabled{background:var(--bg);color:var(--muted)}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:16px 0}
.kpi{background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:14px 16px}
.kpi small{display:block;font-size:10px;font-weight:600;letter-spacing:.6px;color:var(--muted);text-transform:uppercase;margin-bottom:4px}
.kpi b{font-size:22px;letter-spacing:-.5px;line-height:1.15}.kpi i{font-style:normal;font-size:11px;font-weight:500;color:var(--muted)}
.kpi.main{background:var(--soft);border-color:transparent}.kpi.main b{font-size:30px;color:var(--blue)}
.head-bar{display:block;width:100%;height:12px;border-radius:6px;overflow:hidden;margin:14px 0 8px;background:var(--line)}
.hb0{fill:#0057ff}.hb1{fill:#00bfa6}.hb2{fill:#f5a524}.hb3{fill:#8b5cf6}.hb4{fill:#e5483d}
.head-legend{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:11px;color:var(--muted)}
.head-legend b{color:var(--ink);font-weight:600;margin-left:4px}
.hbdot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.hb0d{background:#0057ff}.hb1d{background:#00bfa6}.hb2d{background:#f5a524}.hb3d{background:#8b5cf6}.hb4d{background:#e5483d}
.recent-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}
.recent-row:last-child{border-bottom:0}.recent-row span{color:var(--muted);font-size:11px;white-space:nowrap}.recent-row a{font-weight:600}
/* V9 catalogue */
.quick-search{flex:1;max-width:340px;margin:0 18px}.quick-search input{margin:0;padding:9px 14px;border-radius:20px;background:var(--bg);font-size:12px}
@media(max-width:900px){.quick-search{display:none}}
.cv{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.cv.dim{stroke-width:1.4;opacity:.55}.cv:hover{stroke-width:3;opacity:1}.cv.dash{stroke-dasharray:6 4}
.cv0{stroke:#0057ff;fill:none}.cv1{stroke:#00bfa6}.cv2{stroke:#f5a524}.cv3{stroke:#8b5cf6}.cv4{stroke:#e5483d}.cv5{stroke:#0e9f6e}.cv6{stroke:#ec4899}.cv7{stroke:#64748b}
circle.cvdot{stroke:none}circle.cv0{fill:#0057ff}circle.cv1{fill:#00bfa6}circle.cv2{fill:#f5a524}circle.cv3{fill:#8b5cf6}circle.cv4{fill:#e5483d}circle.cv5{fill:#0e9f6e}circle.cv6{fill:#ec4899}circle.cv7{fill:#64748b}
.lgdot{display:inline-block;width:10px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
.cv0d{background:#0057ff}.cv1d{background:#00bfa6}.cv2d{background:#f5a524}.cv3d{background:#8b5cf6}.cv4d{background:#e5483d}.cv5d{background:#0e9f6e}.cv6d{background:#ec4899}.cv7d{background:#64748b}
.curve-chart,.scope-chart{width:100%;height:auto;display:block}.curve-chart .gl,.scope-chart .gl{stroke:var(--line);stroke-width:1;fill:none}.ct{fill:var(--muted);font-size:10.5px;font-family:inherit}.ct.ax{font-weight:600}.ct.tiny{font-size:9px}
.tolbox{fill:#00bfa626;stroke:#00bfa6;stroke-width:1.2;stroke-dasharray:4 3}.duty{fill:#e5483d;stroke:#fff;stroke-width:2}.marker{fill:#0057ff;stroke:#fff;stroke-width:2}
.sc{stroke-width:1.2;fill-opacity:.16;stroke-opacity:.9;transition:fill-opacity .15s}.sc:hover{fill-opacity:.55}.sc0{fill:#0057ff;stroke:#0057ff}.sc1{fill:#00bfa6;stroke:#00bfa6}.sc2{fill:#f5a524;stroke:#f5a524}.sc3{fill:#8b5cf6;stroke:#8b5cf6}.sc4{fill:#e5483d;stroke:#e5483d}.sc5{fill:#0e9f6e;stroke:#0e9f6e}.sclabel{pointer-events:none;font-weight:600;fill:var(--ink)}
.size-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.size-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;color:var(--ink);transition:transform .15s,border-color .15s}.size-card:hover{transform:translateY(-3px);border-color:#98b6ef}
.size-card h3{font-size:17px;margin:0 0 2px}.size-card .sub{font-size:11px;color:var(--muted);margin-bottom:10px}.size-card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:11px}.size-card dt{color:var(--muted)}.size-card dd{margin:0;text-align:right;font-weight:600}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}.fact{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.fact small{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.fact b{font-size:16px}
.table-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.table-tools input[type=search]{max-width:260px;margin:0}
th[data-sort]{cursor:pointer;user-select:none}th[data-sort]::after{content:" ↕";color:var(--muted);font-size:10px}
.badge.small{font-size:10px;padding:2px 8px}
.pill-row{display:flex;gap:6px;flex-wrap:wrap}.pill{font-size:10px;padding:3px 9px;border-radius:12px;background:var(--soft);color:var(--blue);font-weight:600}.pill.warn{background:#f5a52422;color:#b86e00}
.result-flag{font-size:10.5px;color:#b86e00;display:block;margin-top:2px}
.form-section{border:1px solid var(--line);border-radius:12px;margin:12px 0;overflow:hidden}.form-section>summary{padding:13px 16px;font-weight:700;font-size:13px;cursor:pointer;background:var(--bg)}.form-section .form-grid{padding:4px 16px 16px}
.finder{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}@media(max-width:760px){.finder{grid-template-columns:1fr}}
.spec-table td:first-child{color:var(--muted);width:46%}
@media print{.quick-search{display:none}}
.hz-switch{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:3px;margin:10px 0 0}.hz-switch a{padding:5px 16px;border-radius:16px;font-size:11.5px;font-weight:700;color:var(--muted)}.hz-switch a.on{background:var(--blue);color:#fff}.hero-banner .hz-switch{background:#ffffff22;border-color:#ffffff44}.hero-banner .hz-switch a{color:#ffffffcc}.hero-banner .hz-switch a.on{background:#fff;color:#0b4ab8}
.pdf-thumb{text-align:center;line-height:1.1}
.hz-switch.fam{margin-left:8px}.hero-banner .hz-switch.fam{margin-left:8px}
.hz-switch{flex-wrap:wrap}
/* V12 product book + A-Z */
.book-list{display:grid;gap:10px}.book-row{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.book-badge{width:64px;height:48px;border-radius:10px;background:var(--soft);color:var(--blue);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;text-align:center}
.book-main h3{margin:0 0 2px;font-size:14px}.book-main p{margin:0}
@media(max-width:760px){.book-row{grid-template-columns:48px 1fr}.book-row .actions{grid-column:1/-1}.book-badge{width:48px;height:40px;font-size:10px}}
.alphabet-links .off{opacity:.3;padding:6px 8px;font-weight:600;font-size:12px}
.ec-grid h3{font-size:12.5px;margin:0 0 4px;color:var(--muted)}.ec-grid{gap:14px}
.ec-grid h3{font-size:12.5px;margin:0 0 4px;color:var(--muted)}.ec-grid{gap:14px}
/* V19: same logo as public site */
.brand .logo{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#0057ff,#00bfa6);display:grid;place-items:center;color:#fff;box-shadow:0 20px 60px rgba(8,30,55,.12);flex-shrink:0;font-size:15px;font-weight:950;letter-spacing:-.08em;font-style:normal;line-height:1;text-shadow:0 1px 6px rgba(0,0,0,.18)}
.brand .brand-name{font-size:17px;font-weight:850;letter-spacing:-.3px;line-height:1.15}
.brand .brand-name small{font-size:10px;letter-spacing:.2px;font-weight:600;margin-top:4px;color:#c2d2e4}

/* V22 — pill tabs: active = blue, others = grey */
.page-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 22px;padding:0;border:0;overflow:visible}
.page-tabs .tab{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;margin:0;font-size:12.5px;font-weight:600;color:var(--tabink);background:var(--tabbg);border:1px solid transparent;border-radius:999px;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}
.page-tabs a.tab:hover{background:var(--soft);color:var(--blue)}
.page-tabs .tab.active,.page-tabs a.tab.active:hover{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 4px 12px #0057ff40}
.page-tabs .tab .ico{width:15px;height:15px}
/* step tabs on Pump Selection */
.flow-steps{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;background:none;border:0;justify-content:flex-start}
.flow-steps .fs{display:inline-flex;align-items:center;gap:9px;padding:10px 20px;border:1px solid transparent;border-radius:999px;background:var(--tabbg);color:var(--tabink);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}
.flow-steps .fs b{display:inline-flex;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;font-size:11px;background:#0000001a;color:inherit}
.flow-steps .fs em{font-style:normal;font-size:10.5px;padding:1px 8px;border-radius:10px;background:var(--blue);color:#fff}
.flow-steps .fs.idle{opacity:.85}.flow-steps .fs:hover{background:var(--soft);color:var(--blue)}
.flow-steps .fs.ready{color:var(--blue);background:var(--soft)}
.flow-steps .fs.current,.flow-steps .fs.current:hover{background:var(--blue);color:#fff;box-shadow:0 4px 12px #0057ff40}
.flow-steps .fs.current b{background:#ffffff33}.flow-steps .fs.current em{background:#fff;color:var(--blue)}
.step-wrap.js .step-panel[hidden]{display:none}
/* matching pump chips */
.chip-card{margin-bottom:18px}.chip-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}.chip-head h2{margin:0;font-size:15px}.chip-head small{color:var(--muted);font-size:11px}
.chips{display:flex;flex-wrap:wrap;gap:8px;max-height:132px;overflow:auto}
.chip{display:inline-flex;flex-direction:column;gap:1px;padding:7px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);transition:border-color .15s,transform .15s}
.chip b{font-size:12.5px}.chip span{font-size:10.5px;color:var(--teal);font-weight:600}.chip:hover{border-color:var(--blue);transform:translateY(-2px)}
tr.flash td{animation:rowflash 1.8s ease}@keyframes rowflash{0%,60%{background:#0057ff26}100%{background:transparent}}
/* review */
.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-bottom:14px}
.review-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--card)}.review-card header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:6px}.review-card h3{margin:0;font-size:16px}.review-card small{color:var(--muted);font-size:11px}.review-card .rank{font-size:10px;font-weight:700;color:var(--blue);background:var(--soft);padding:2px 8px;border-radius:10px}
.step-hint{text-align:center}
/* dashboard glance */
.glance{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.size-grid.compact{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.size-card.mini{padding:10px 8px;border-radius:10px;text-align:center;display:flex;flex-direction:column;gap:2px;min-width:0}.size-card.mini b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-card.mini span{font-size:10.5px;color:var(--ink)}.size-card.mini small{font-size:9.5px;color:var(--muted)}.size-card.mini:hover{background:var(--soft);transform:translateY(-2px)}
.glance-side{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:18px}.glance-side h3{margin:0 0 2px;font-size:15px}.glance-side .finder{grid-template-columns:1fr;margin-top:12px}.button.wide{width:100%;justify-content:center}
@media(max-width:1300px){.size-grid.compact{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1000px){.glance{grid-template-columns:1fr}.size-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){.size-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}}
.form-section{padding:0}.form-section>summary{margin:0;padding:13px 16px;background:var(--bg);list-style-position:inside}.form-section:not([open])>summary{border-radius:12px}
.review-card .fact b{font-size:13.5px;line-height:1.35}.flow-steps .fs{transition:none}
/* V23 — messages + live notifications */
.msg-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.msg-bar .hz-switch{margin:0}
.msg.is-new{border-left:4px solid var(--blue)}.msg-body{margin:6px 0 10px;white-space:normal;font-size:13.5px}.msg-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:10px}.msg-meta a{font-weight:600}
.bell{position:relative;display:inline-flex;align-items:center;justify-content:center}.bell .ico{width:18px;height:18px}
.bell-count,.nav-unread{background:#e5483d;color:#fff;font-size:10px;font-weight:700;border-radius:10px;padding:1px 6px;min-width:18px;text-align:center}.bell-count{position:absolute;top:-6px;right:-6px}.bell.ring .ico{animation:ring .8s ease 2}
.bell-count[hidden],.nav-unread[hidden]{display:none}
@keyframes ring{0%,100%{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-6deg)}}
.toasts{position:fixed;top:78px;right:18px;z-index:80;display:flex;flex-direction:column;gap:10px;width:min(340px,calc(100vw - 36px))}
.toast{background:var(--card);color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:12px;padding:12px 14px;box-shadow:0 14px 40px #0003;display:block;animation:toastin .25s ease}
.toast b{display:block;font-size:13px}.toast small{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.toast span{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes toastin{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}

/* V24 — pill tab rows, product book grid, model cards */
.pilltabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pilltabs .pt{display:inline-flex;align-items:center;padding:7px 15px;border-radius:999px;background:var(--tabbg);color:var(--tabink);font-size:12px;font-weight:600;border:1px solid transparent;transition:background .15s,color .15s}
.pilltabs .pt:hover{background:var(--soft);color:var(--blue)}.pilltabs .pt.on{background:var(--blue);color:#fff;box-shadow:0 4px 12px #0057ff40}.pilltabs .pt.back{background:transparent;border-color:var(--line);color:var(--ink)}
.pilltabs .hz-switch{margin:0 0 0 auto}
.hz-switch{display:inline-flex;flex-wrap:wrap;gap:6px;background:none;border:0;padding:0;margin:0}
.hz-switch a{padding:7px 16px;border-radius:999px;background:var(--tabbg);color:var(--tabink);font-size:12px;font-weight:600}
.hz-switch a:hover{background:var(--soft);color:var(--blue)}.hz-switch a.on,.hz-switch a.on:hover{background:var(--blue);color:#fff;box-shadow:0 4px 12px #0057ff40}
.hero-banner .hz-switch a{background:#ffffff26;color:#ffffffd9;box-shadow:none}.hero-banner .hz-switch a.on{background:#fff;color:#0b4ab8}
.table-tools{gap:12px}.table-tools .hz-switch.fam{margin-left:0}
.book-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.book-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}
.book-card:hover{transform:translateY(-3px);border-color:#98b6ef;box-shadow:0 10px 26px #0057ff18}
.book-card .bk-badge{align-self:flex-start;font-size:11px;font-weight:800;color:var(--blue);background:var(--soft);padding:4px 10px;border-radius:9px}
.book-card h3{margin:2px 0 0;font-size:14px;line-height:1.3}.book-card .bk-hz{font-size:11px;color:var(--muted);font-weight:600}
.book-card dl{margin:6px 0 0;display:grid;grid-template-columns:auto 1fr;gap:3px 8px;font-size:11px}.book-card dt{color:var(--muted)}.book-card dd{margin:0;text-align:right;font-weight:600}
.book-card .bk-open{margin-top:auto;padding-top:8px;font-size:11.5px;font-weight:700;color:var(--blue)}
.size-grid.six{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.size-grid.six .size-card{padding:13px 14px}.size-grid.six .size-card dl{font-size:10.5px}.size-grid.six .size-card h3{font-size:15px}
.model-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.model-card{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--card);transition:transform .15s,border-color .15s,box-shadow .15s}
.model-card:hover{transform:translateY(-2px);border-color:#98b6ef;box-shadow:0 8px 22px #0057ff14}
.model-card[hidden]{display:none}
.mc-link{display:block;padding:12px 12px 11px;color:var(--ink)}.mc-link b{display:block;font-size:13px;padding-right:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-link small{display:block;min-height:15px;font-size:10px;color:var(--muted);margin-bottom:7px}
.mc-link dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:2px 6px;font-size:10.5px}.mc-link dt{color:var(--muted)}.mc-link dd{margin:0;text-align:right;font-weight:600}
.mc-check{position:absolute;top:10px;right:9px;z-index:2;margin:0;display:block;line-height:0}.mc-check input{margin:0;width:15px;height:15px}
@media(max-width:1300px){.model-grid,.size-grid.six{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1350px){.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.model-grid,.size-grid.six{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.model-grid,.size-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.book-grid,.model-grid,.size-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}.pilltabs .hz-switch{margin-left:0}}

.chart-wide{max-width:1100px;margin:6px auto 0}.info-cards{align-items:start}.info-cards .card{margin:0}
@media(max-width:1000px){.info-cards{grid-template-columns:1fr}}
.kpi.main b{font-size:clamp(18px,5vw,24px);white-space:normal;overflow-wrap:anywhere}.kpi{min-width:0;overflow:hidden}.kpi b{display:block;overflow-wrap:anywhere}.kpi b i{white-space:nowrap}

.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.pack-card{border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:var(--card)}.pack-card.off{background:var(--bg);opacity:.85}
.pack-card h3{margin:6px 0 2px;font-size:12.5px;line-height:1.35}.pack-top{display:flex;justify-content:space-between;align-items:center}.pack-hz{font-size:11px;font-weight:800;color:var(--blue);background:var(--soft);padding:2px 9px;border-radius:9px}.pack-card form{margin-top:8px}
.badge.gray{background:var(--tabbg);color:var(--tabink)}
/* V26 — Pipeline Loss: photo circuits, two-column forms, fitting icons */
.circuit-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px}
.circuit-card{padding:16px;border-radius:14px}.circuit-card:hover{box-shadow:0 12px 30px #0057ff18}
.circuit-photo{display:block;width:100%;height:auto;border-radius:10px;background:#fff;border:1px solid var(--line)}
.circuit-art{padding:0;background:none}
.circuit-card h3{font-size:15px}
@media(max-width:1100px){.circuit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.circuit-grid{grid-template-columns:1fr!important}}
.circuit-card{padding:12px}.circuit-card h3{font-size:13.5px}.circuit-card p{font-size:12px}
.wiz-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:12px 0 4px}
.wiz-cols .wiz-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"lab lab" "inp unit";gap:6px 8px;align-items:center;padding:12px 14px;margin:0;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.wiz-cols .wiz-row>.wiz-label{grid-area:lab;font-size:11.5px;font-weight:700;color:var(--muted);text-transform:none}
.wiz-cols .wiz-row>input,.wiz-cols .wiz-row>select,.wiz-cols .wiz-row>.wiz-static{grid-area:inp;background:var(--card)}
.wiz-cols .wiz-row>.wiz-unit{grid-area:unit;font-size:11px;min-width:24px}
.wiz-cols .wiz-row>.wiz-static{font-weight:600;padding:9px 0}
.wiz-cols .wiz-row>.unit-select{grid-area:unit;width:auto}
.wiz-cols .wiz-row:has(.unit-select){grid-template-columns:minmax(0,1fr) 92px}
.fit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-top:8px}
.fit-card{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-areas:"ico lab" "ico step";gap:2px 12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.fit-card .fit-ico{grid-area:ico}.fit-card .wiz-label{grid-area:lab;font-size:12px;font-weight:700}.fit-card .stepper{grid-area:step;max-width:150px}
.fit-ico{display:flex;align-items:center;justify-content:center;width:64px;height:52px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px}.fit-ico img{max-width:100%;max-height:100%;object-fit:contain}
.zeta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 14px!important}
.zeta-item{display:grid;grid-template-columns:52px minmax(0,1fr) 78px;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:12px;font-weight:600}
.zeta-item .fit-ico{width:52px;height:42px}.zeta-item input{margin:0;padding:7px 8px;background:var(--card)}
.wiz-panel>h2{margin-bottom:2px}.wiz-group{margin:22px 0 4px}
@media(max-width:760px){.wiz-cols,.fit-grid,.zeta-grid{grid-template-columns:1fr!important}}

/* V27 — glance scroll + glance page */
.glance-scroll{max-height:418px;overflow-y:auto;padding:2px 8px 2px 2px;scrollbar-width:thin;scrollbar-color:#98b6ef transparent}
.glance-scroll::-webkit-scrollbar{width:8px}.glance-scroll::-webkit-scrollbar-thumb{background:#98b6ef;border-radius:8px}.glance-scroll::-webkit-scrollbar-track{background:var(--bg);border-radius:8px}
.size-grid.compact{grid-auto-rows:76px}.size-card.mini{justify-content:center;overflow:hidden}
.glance-hint{margin:8px 0 0}
.card-header .actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.gl-filters{position:sticky;top:70px;z-index:20;margin-bottom:14px;padding:14px 16px}
.gl-row{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end;margin-bottom:10px}
.gl-row label{display:flex;flex-direction:column;gap:4px;font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;flex:1 1 130px;min-width:110px}
.gl-row label input,.gl-row label select{margin:0;padding:8px 10px;font-size:12.5px;text-transform:none;letter-spacing:0;font-weight:500}
.gl-row .gl-search{flex:2 1 260px}.gl-actions{display:flex;gap:8px;margin-left:auto}
.gl-result{font-size:12px;color:var(--ink)}.gl-result b{color:var(--blue)}
.gl-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.gl-jump a{padding:6px 14px;border-radius:999px;background:var(--tabbg);color:var(--tabink);font-size:12px;font-weight:600}.gl-jump a:hover{background:var(--soft);color:var(--blue)}.gl-jump small{opacity:.7;margin-left:4px}
.gl-cat[hidden],.gl-group[hidden],.gl-size[hidden]{display:none}
.gl-group{margin-bottom:18px;padding:20px}
.gl-head{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:flex-start}.gl-head h2{margin:0;font-size:20px}.gl-tag{margin:2px 0 0;color:var(--muted);font-size:12.5px}.gl-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.gl-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:14px 0}.gl-kpis>div{background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:10px 12px}.gl-kpis small{display:block;font-size:9.5px;font-weight:700;letter-spacing:.5px;color:var(--muted);text-transform:uppercase}.gl-kpis b{font-size:16px}.gl-kpis i{font-style:normal;font-size:10.5px;color:var(--muted);font-weight:500}
.gl-info{border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:0;overflow:hidden}.gl-info>summary{padding:11px 16px;font-weight:700;font-size:13px;cursor:pointer;background:var(--bg)}
.gl-info-grid{display:grid;grid-template-columns:1.3fr 1fr 1.3fr;gap:20px;padding:14px 16px 16px}.gl-info-grid h3{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:0 0 6px}.gl-info-grid h3:not(:first-child){margin-top:14px}.gl-info-grid p{margin:0 0 8px;font-size:12.5px;line-height:1.55}
.gl-list{margin:6px 0 10px;padding-left:18px;font-size:12.5px}.gl-list li{margin:3px 0}
.gl-chips{display:flex;flex-wrap:wrap;gap:6px}.gl-chips span{font-size:11px;padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--blue);font-weight:600}
.gl-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:11.5px}.gl-dl dt{color:var(--muted);white-space:nowrap}.gl-dl dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.gl-scope{padding:10px 14px 14px;max-width:900px}
.gl-sizes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}
.gl-size{position:relative;display:flex;flex-direction:column;gap:2px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);transition:transform .15s,border-color .15s,box-shadow .15s}
.gl-size:hover{transform:translateY(-2px);border-color:#98b6ef;box-shadow:0 8px 22px #0057ff14}
.gl-size b{font-size:13.5px}.gl-hz{font-size:10px;color:var(--blue);font-weight:700}.gl-size dl{margin:6px 0 0;display:grid;grid-template-columns:auto 1fr;gap:2px 6px;font-size:10.5px}.gl-size dt{color:var(--muted)}.gl-size dd{margin:0;text-align:right;font-weight:600}.gl-conn{margin-top:6px;font-size:9.5px;color:var(--muted)}
.gl-nomatch{text-align:center;color:var(--muted)}
@media(max-width:1400px){.gl-sizes{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1250px){.gl-sizes{grid-template-columns:repeat(4,minmax(0,1fr))}.gl-info-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.gl-sizes{grid-template-columns:repeat(3,minmax(0,1fr))}.gl-info-grid{grid-template-columns:1fr}.gl-filters{position:static}}
@media(max-width:560px){.gl-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V28: Source documents popup */
.doc-card{cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}
.doc-card:hover,.doc-card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 22px rgba(15,40,80,.14);border-color:#2f6fed;outline:none}
.doc-more{display:inline-block;margin-top:8px;font-size:.8rem;font-weight:600;color:#2f6fed}
dialog.doc-modal{border:0;padding:0;border-radius:16px;width:min(980px,94vw);max-height:90vh;background:#fff;color:#1b2430;box-shadow:0 24px 70px rgba(0,0,0,.35);overflow:hidden}
dialog.doc-modal[open]{display:flex;flex-direction:column}
dialog.doc-modal::backdrop{background:rgba(10,20,40,.55);backdrop-filter:blur(2px)}
.dm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 22px;background:linear-gradient(135deg,#0f3d91,#2f6fed);color:#fff}
.dm-title{display:flex;gap:14px;align-items:center}
.dm-title h2{margin:0;font-size:1.25rem;color:#fff}.dm-title p{margin:2px 0 0;font-size:.82rem;opacity:.85}
.dm-thumb{display:grid;place-items:center;width:44px;height:54px;border-radius:8px;background:rgba(255,255,255,.18);font-weight:700;font-size:.75rem}
.dm-actions{display:flex;gap:10px;align-items:center}
.dm-close{border:0;background:rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem}
.dm-close:hover{background:rgba(255,255,255,.35)}
.dm-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:10px 22px;background:var(--tabbg,#eef2f8);border-bottom:1px solid #dbe2ee}
.dm-tabs button{border:0;background:transparent;padding:7px 14px;border-radius:999px;cursor:pointer;font-weight:600;font-size:.85rem;color:var(--tabink,#44546a)}
.dm-tabs button.on{background:#2f6fed;color:#fff}
.dm-body{padding:20px 22px;overflow:auto;flex:1}
.dm-pane[hidden]{display:none}
.dm-pane h3{margin:18px 0 8px;font-size:1rem}
.dm-fams{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.dm-fam{border:1px solid #dbe2ee;border-radius:12px;padding:12px;background:#f8faff}
.dm-fam small{display:block;color:#66768c}.dm-fam p{margin:6px 0 0;font-size:.82rem}
.dm-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.dm-dl{display:grid;grid-template-columns:200px 1fr;gap:8px 16px}.dm-dl dt{font-weight:600;color:#66768c}.dm-dl dd{margin:0}
.dm-table{width:100%;border-collapse:collapse;font-size:.82rem}.dm-table th,.dm-table td{padding:6px 8px;border-bottom:1px solid #e3e9f3;text-align:left}
.dm-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.dm-note{border-left:4px solid #2f6fed;background:#f3f7ff;padding:8px 12px;border-radius:8px;margin:8px 0}.dm-note.warn{border-color:#e0a100;background:#fff8e5}
.dm-note p{margin:4px 0 0;font-size:.85rem}
body.dark dialog.doc-modal{background:#18202c;color:#e3e9f3}
body.dark .dm-fam,body.dark .dm-note{background:#202a3a}body.dark .dm-note.warn{background:#3a3220}
body.dark .dm-fam,body.dark .dm-table th,body.dark .dm-table td,body.dark .dm-tabs{border-color:#2d3a50}
@media(max-width:640px){.dm-dl{grid-template-columns:1fr}.dm-head{padding:14px}.dm-body{padding:14px}}
.fluid-banner{background:#eef5ff;border:1px solid #cfe0ff;border-radius:10px;padding:10px 12px;margin:10px 0;font-size:12.5px}
.fluid-more{margin-top:6px}.fluid-more>summary{cursor:pointer;color:var(--blue);font-size:11.5px;font-weight:600}.fluid-more[open]>summary{margin-bottom:6px}
.fluid-fam{margin:8px 0}.fluid-fam>b{font-size:12px;display:block;margin-bottom:3px}
.pill.good{background:#0e9f6e1f;color:#0b7a55}.pill.bad{background:#e5483d1c;color:#b3261e}
.fm-ok{color:#0b7a55;text-align:center;font-weight:700}.fm-check{color:#b86e00;text-align:center;font-weight:700}.fm-no{color:#c0392b;text-align:center;opacity:.7}
.check-inline{display:flex;gap:8px;align-items:center;font-size:12px;margin-top:8px}.check-inline input{width:auto}
.warn-text{color:#b86e00}.fluid-card .facts .fact small+small{display:block}

.alt-box{margin-top:12px}.alt-box summary{cursor:pointer;font-weight:600;font-size:13px}.alt-box .spec-table td,.alt-box .spec-table th{white-space:nowrap;font-size:12px;padding:6px 8px}
.fact.wide{grid-column:1/-1}

.ds{max-width:900px;margin:0 auto}.ds-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:2px solid var(--blue);padding-bottom:14px;margin-bottom:14px}.ds-head h1{margin:0 0 4px}.ds-head p{margin:0}.ds-co{text-align:right;font-size:12px}.ds-co span{display:block;color:var(--muted)}.ds-meta{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:12px}.ds-meta small,.ds-kpis small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.ds-meta b,.ds-kpis b{font-size:13px}.ds-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:14px}.ds-kpis>div{background:var(--bg);border-radius:8px;padding:9px 11px}.ds-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ds-cols{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;margin-top:10px}.ds-foot{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}.ds h3{margin:12px 0 6px}.ds .spec-table td,.ds .spec-table th{padding:5px 8px}
@media(max-width:760px){.ds-charts,.ds-cols{grid-template-columns:1fr}.ds-head{flex-direction:column}.ds-co{text-align:left}}
@media print{@page{size:A4;margin:12mm}.ds{max-width:none;border:0;padding:0}.ds-charts{grid-template-columns:1fr 1fr!important;display:grid!important}.ds-cols{display:grid!important;grid-template-columns:1fr 1.4fr!important}.ds-kpis{display:grid!important}.ds .spec-table td,.ds .spec-table th{padding:2px 6px;font-size:9px}.ds h1{font-size:22px}.ds-kpis>div{background:#f4f7fb}}
.app-card h3{margin-bottom:6px}.app-card .pill-list{margin:6px 0}.app-card .actions{margin-top:10px}.app-banner{margin-bottom:14px}

.inst-list{margin:8px 0 0 18px;padding:0;font-size:12.5px}.inst-list li{margin:3px 0}

.ds-charts.one{grid-template-columns:1fr}.ds-dims{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 10px;margin:4px 0 12px}.ds-dims span{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:3px 0;font-size:12px}.ds-dims small{color:var(--muted)}
/* V62 — Simple calculation spans the full width under the four circuits */
.circuit-grid .circuit-card:nth-child(5){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:6px 22px;align-items:center}
.circuit-grid .circuit-card:nth-child(5) .circuit-art{grid-row:1/3}
.circuit-grid .circuit-card:nth-child(5) h3{align-self:end;margin:0}.circuit-grid .circuit-card:nth-child(5) p{align-self:start;margin:0}
@media(max-width:1100px){.circuit-grid .circuit-card:nth-child(5){grid-template-columns:minmax(0,200px) 1fr}}
@media(max-width:560px){.circuit-grid .circuit-card:nth-child(5){display:block}}
/* V63 — login recovery link */
.login-forgot{margin:14px 0 0;text-align:center;font-size:13px}.login-forgot a{color:var(--blue);font-weight:600;text-decoration:none}.login-forgot a:hover{text-decoration:underline}
/* V63 — Mailbox and Mail Settings */
.mb-bar{align-items:center;gap:12px;flex-wrap:wrap}.mb-actions{display:flex;gap:8px;align-items:center}.mb-actions form{margin:0}
.mb-grid{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:16px;align-items:start}
.mb-list{padding:6px;max-height:calc(100vh - 260px);overflow:auto}
.mb-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:12px 12px;border-radius:12px;text-decoration:none;color:var(--ink);border:1px solid transparent}
.mb-row+.mb-row{margin-top:2px}.mb-row:hover{background:var(--bg)}.mb-row.on{background:var(--soft,#eaf1ff);border-color:var(--line)}
.mb-who{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-when{font-size:11px;color:var(--muted);white-space:nowrap}
.mb-subj{grid-column:1/-1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-snip{grid-column:1/-1;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb-row.unread .mb-who,.mb-row.unread .mb-subj{font-weight:800}.mb-row.unread{background:linear-gradient(90deg,#0057ff10,transparent)}
.mb-read{min-height:260px}.mb-read-head h2{margin:0 0 8px;font-size:19px;line-height:1.3}.mb-meta{font-size:12.5px;line-height:1.7;color:var(--muted);margin:0 0 10px}.mb-meta b{color:var(--ink);display:inline-block;min-width:42px}
.mb-atts{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}.chip{background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:12px}
.mb-body{border-top:1px solid var(--line);padding:14px 0;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.mb-body blockquote,.mb-editor blockquote{margin:8px 0;padding:4px 0 4px 12px;border-left:3px solid var(--line);color:var(--muted)}
.mb-back{display:none;font-size:13px;margin-bottom:8px;text-decoration:none;color:var(--blue);font-weight:600}
.mb-compose form{display:grid;gap:12px;max-width:860px}.mb-compose label{display:grid;gap:5px;font-size:13px;font-weight:600}
.mb-editor-wrap{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
.mb-tools{display:flex;gap:4px;flex-wrap:wrap;padding:8px;border-bottom:1px solid var(--line);background:var(--bg)}
.mb-tools button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:6px 11px;font-size:13px;cursor:pointer;min-height:34px}.mb-tools button:hover{border-color:var(--blue);color:var(--blue)}.mb-tools .sep{width:1px;background:var(--line);margin:2px 4px}
.mb-editor{min-height:240px;padding:14px;font-size:15px;line-height:1.65;outline:none;overflow-wrap:anywhere}.mb-editor:empty::before{content:attr(data-placeholder);color:var(--muted)}.mb-editor:focus{box-shadow:inset 0 0 0 2px #0057ff22}
.mb-editor a,.mb-body a{color:var(--blue)}
.mb-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important;font-weight:500!important}.mb-check input{width:auto}
.mb-file small{font-weight:400;color:var(--muted)}.mb-send{display:flex;gap:10px;flex-wrap:wrap}
.mail-grid form{display:grid;gap:12px}.mail-grid label{display:grid;gap:5px;font-size:13px;font-weight:600}.mail-grid label small{font-weight:400;color:var(--muted)}.mail-grid textarea{font:inherit;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--card);color:var(--ink);resize:vertical}
.mail-two{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.mail-inline{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}
.mail-presets{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:4px 0 12px;font-size:12px;color:var(--muted)}
.mail-presets button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:5px 12px;font-size:12px;cursor:pointer}.mail-presets button:hover{border-color:var(--blue);color:var(--blue)}
.mail-log{margin-top:8px}.mail-log pre{margin:6px 0 0;padding:10px 12px;background:#0b1626;color:#d8e6ff;border-radius:10px;font-size:11.5px;line-height:1.5;overflow:auto;white-space:pre-wrap}
@media(max-width:900px){.mb-grid{grid-template-columns:1fr}.mb-grid.has-open .mb-list{display:none}.mb-grid:not(.has-open) .mb-read{display:none}.mb-back{display:inline-block}.mb-list{max-height:none}.mail-inline{grid-template-columns:1fr}.mb-compose form{max-width:none}}
@media(max-width:560px){.mail-two{grid-template-columns:1fr}.mb-tools button{padding:7px 10px}}
.mb-editor{color:var(--ink)}

/* V67: GLOBAL under CNP in the logo mark */
.logo.cnp-logo-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1}
.logo.cnp-logo-text:after{content:"GLOBAL";display:block;font-size:6.4px;font-weight:800;letter-spacing:.2em;padding-left:.2em;line-height:1;border-top:1px solid rgba(255,255,255,.55);padding-top:3px;color:#fff}

.brand.brand-wordmark{padding:0 10px}.brand-wordmark img{display:block;height:36px;width:auto}.login-story .brand.brand-wordmark{padding:0}.login-story .brand-wordmark img{height:44px}
@media(max-width:760px){.brand-wordmark img{height:30px}}