/* Cool graphite environment, with clear light work surfaces. */
:root{--bg:#291439;--ink:#332241;--line:#e2dce6}body{background:#291439;background-image:radial-gradient(ellipse at 79% 0%,#5c42714d,transparent 48%),radial-gradient(ellipse at 28% 55%,#49226722,transparent 50%),radial-gradient(ellipse at 90% 92%,#b48c4a14,transparent 42%),linear-gradient(140deg,#2d183e,#251134 65%,#311c41);background-attachment:fixed;min-height:100vh}body:before{content:'';position:fixed;inset:0 0 0 228px;z-index:0;pointer-events:none;background-image:linear-gradient(#cbbad805 1px,transparent 1px),linear-gradient(90deg,#cbbad805 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(125deg,transparent,#000 30%,#000 75%,transparent)}body:after{content:'';position:fixed;inset:0 0 0 228px;z-index:0;pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1300' height='1000' viewBox='0 0 1300 1000'%3E%3Cg fill='none' stroke='%2382b3ac' stroke-width='1'%3E%3Cpath d='M1010 0v105q0 25 25 25h90q25 0 25 25v270q0 25 25 25h125'/%3E%3Cpath d='M1025 0v90q0 20 25 20h90q25 0 25 25v270q0 25 25 25h110' opacity='.35'/%3E%3Cpath d='M0 705h90q25 0 25-25v-95q0-25 25-25h105'/%3E%3Cpath d='M760 1000v-140q0-25 25-25h150q25 0 25-25v-90'/%3E%3C/g%3E%3Cg fill='%23abc7ac'%3E%3Ccircle cx='245' cy='560' r='3'/%3E%3Ccircle cx='960' cy='720' r='3'/%3E%3Ccircle cx='1150' cy='280' r='3'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;background-position:center top}.main{position:relative;z-index:1}aside{background:linear-gradient(145deg,#22122eeb,#2d193ce8);border-right:1px solid #8f7c9e20;backdrop-filter:blur(20px)}.topbar{border-bottom-color:#9a8ba525}.crumb{color:#a191ae}.crumb b{color:#d3c9da}.projectselect{color:#e0d9e6}.projectselect option{background:#352045;color:#eee9f2}.topbar .saved{color:#a091ab}.avatar{background:#8f7f9c14;border-color:#ada1b62b;box-shadow:inset 0 1px 0 #f4efce08}.avatar svg{stroke:#b7a8c2}.mobiletop{color:#efe8f4}.mobiletop span{color:#dbc294}.electric-hero{background:linear-gradient(110deg,#251333f0,#3e2750f2 60%,#2f1940f5);border-color:#a391b147;box-shadow:0 14px 35px #160b2038,inset 0 1px 0 #d2c2de12}.electric-hero:after{background:radial-gradient(ellipse at 80% 32%,#9781a925,transparent 60%),linear-gradient(110deg,#1a0c2666,transparent 58%)}.hero-hardware{width:53%;right:0}.hero-breakers{left:29%;top:46px}.panel-rail{left:17%;width:77%;top:44%;box-shadow:0 14px 22px #160a1f88,inset 0 1px 1px #e5d7a944}.hero-breakers{animation:panel-breathe 24s ease-in-out 6.4s infinite}.hero-coil{left:4%;bottom:9px;animation:coil-seat 4s cubic-bezier(.18,.72,.25,1) .6s both}.hero-circuit-end{position:absolute;right:6%;top:24px;display:flex;align-items:center;gap:7px;color:#b1a5bb;font-size:6px;letter-spacing:1.4px;animation:precision-reveal 2s ease 5s both}.hero-circuit-end i{width:6px;height:6px;display:inline-block;border:1px solid #d9c694;border-radius:50%;box-shadow:0 0 0 3px #ad9cba1a;animation:endpoint-light 12s ease-in-out 6s infinite}.hero-spec.spec-right{opacity:.7}.hero-switch{background:#22103055;border-color:#b3a5be2b}.electric-workflow{color:#aa9db4}.electric-workflow b{background:linear-gradient(135deg,#8c789b15,#2a163a33);border-color:#907e9f2b;color:#a99ab5;box-shadow:inset 0 1px 0 #dccaea08}.electric-workflow i{color:#7c6a8b}.calcintro h2{color:#ebe4f1}.calcintro .eyebrow{color:#9a8aa7}.calcintro .sub{color:#aa9eb4}.live-label{color:#ac9eb7}.live-label i{box-shadow:0 0 7px #bfa6d233}.calclayout>.card{background:linear-gradient(145deg,#fbf9fc,#f1edf5);border-color:#cec4d57a;box-shadow:0 8px 25px #150a1e22,inset 0 1px 0 #fff}.calcresult{box-shadow:0 8px 25px #150a1e33,inset 0 1px 0 #fff}.heading h1{color:#ede6f2}.heading>.sub,.heading>div>.sub{color:#b0a5b9}.heading .eyebrow{color:#a193ac}.heading .eyebrow .badge{color:#624d73}.heading .eyebrow .badge.demo{color:#8a7c5b}.sectiondesc{color:#a99eb2}.card .sectiondesc,.modal .sectiondesc{color:#7e6e8b}.card{box-shadow:0 6px 20px #150a1e17}.card .sub,.card .exportnote{color:#81708f}.card .bottomnote{color:#897995}.bottomnote{color:#a79ab1}.intro{background:#e9dff0;border-color:#d3c5de;color:#645372}.heading .btn{box-shadow:0 3px 10px #160b2017}.room.add{color:#816d90}.room.add .sub{color:#816d90}.projectcard{box-shadow:0 6px 18px #180b2218}.projectcard .sub{color:#806f8d}footer{color:#92829e;border-top:1px solid #9f8fac1a;padding-top:20px}.stat{box-shadow:0 5px 15px #1a0c2618}.empty{color:#806f8d}.mobilebar{background:#f6f2faf2;backdrop-filter:blur(15px);box-shadow:0 -5px 22px #26123614}.power-off .hero-circuit-end{opacity:1!important;animation:none!important}.power-off .hero-circuit-end i{animation:none;box-shadow:none}
@keyframes endpoint-light{0%,100%{background:transparent;box-shadow:0 0 0 3px #ad9cba1a}40%,55%{background:#d8d3a7;box-shadow:0 0 10px #d8d3a777,0 0 0 3px #ad9cba1a}}
@media(min-width:1500px){.hero-breakers{left:28%;top:47px}.hero-circuit-end{font-size:7px;top:28px}}
@media(max-width:1100px) and (min-width:801px){body:before,body:after{left:195px}.hero-breakers{left:24%;top:53px}.hero-circuit-end{font-size:5px;right:3%;letter-spacing:.8px}}
@media(max-width:800px){body:before,body:after{left:0}.hero-hardware{width:47%;right:-6%;top:5px}.hero-breakers{left:9%;top:37px;width:136px}.hero-coil{left:-4%;bottom:8px}.hero-circuit-end{right:20%;top:12px;gap:4px;font-size:4px;letter-spacing:.6px}.hero-circuit-end i{width:4px;height:4px}.panel-rail{left:1%;top:45%;width:90%}.hero-ambient{top:-20px;right:-25px}.electric-hero{background:linear-gradient(120deg,#2d183ddc,#3d254ff5 70%,#2e183ff5)}.electric-workflow{color:#ab9fb5}.electric-workflow b{border-color:#907e9f3b}.calcintro .sub{font-size:10px;color:#a99db3}.calcintro h2{color:#eee7f3}.calclayout>.calcresult{border-color:#e3d9ea;box-shadow:0 6px 20px #170b2033}.topbar{border-color:#9a8ba525}.topright{gap:10px}.heading .sub{color:#b8adc1}.sectiondesc{color:#b2a6bb}.mobilebar button{color:#877794}}
@media(prefers-reduced-motion:reduce){.hero-circuit-end,.hero-circuit-end i{animation:none!important;opacity:1}}
@media print{body{background:white!important}body:before,body:after{display:none}.main{z-index:auto}.card{box-shadow:none}.heading h1{color:#332241}.hero-circuit-end{display:none}footer{display:none!important}}
.calcmat summary{font-size:12px;font-weight:600;color:#664f78;cursor:pointer}.calcmat .calclink{margin-top:8px}.delivery-summary{align-items:flex-start;gap:25px}.delivery-summary>div{flex:1}.delivery-summary strong{font-size:20px}.delivery-summary span{font-size:10px}@media(max-width:800px){.calcmat summary{font-size:11px}.delivery-summary strong{font-size:18px}.delivery-summary{gap:15px}}