/* Midnight graphite: layered indigo surfaces, porcelain type and brushed silver. */
:root{--bg:#1b1f30;--paper:#292e43;--ink:#f1f3fa;--muted:#b5bfd2;--line:#444c65;--green:#bbc8df;--lime:#d4dfef;--orange:#e9b98e;color-scheme:dark}
body{background:#1b1f30;background-image:radial-gradient(ellipse at 52% 15%,#383f6155,transparent 58%),radial-gradient(ellipse at 95% 85%,#343b5e44,transparent 55%),linear-gradient(145deg,#222638,#191c2c);background-attachment:fixed;color:var(--ink)}body:before{opacity:.08;background-image:linear-gradient(#c5d0ee0a 1px,transparent 1px),linear-gradient(90deg,#c5d0ee0a 1px,transparent 1px)}body:after{opacity:.035;filter:grayscale(1)}
aside{background:linear-gradient(155deg,#373e54,#2c3247);border-right:1px solid #51596e;box-shadow:8px 0 35px #080b191a}.logo{color:#fff}.tagline,.navlabel,.sidebottom{color:#c0c8d8}.sidebottom strong{color:#e2e6ef}.bolt{background:linear-gradient(140deg,#f1f3f9,#b5c0d4);border-color:#d4dbe8;box-shadow:inset 0 1px 0 #fff,0 5px 12px #0a0d253d}.bolt svg{fill:#273147;filter:none}nav button{color:#c7cfdf}nav button.active{background:linear-gradient(120deg,#555d77,#424a63);color:#fff;border-color:#74809b;box-shadow:inset 3px 0 #d1dbef,0 5px 15px #0b0d222b}.nav-icon,.active .nav-icon{border-color:#8795b344;background:#ffffff05;box-shadow:inset 0 1px 0 #ffffff08}.localdot{background:#cabed4}
.topbar{border-bottom-color:#454d65}.crumb,.topbar .saved,.device-status{color:#b5bfd2}.crumb b,.projectselect{color:#ecf0fa}.projectselect option{background:#292f45;color:#ecf0fa}.avatar{background:linear-gradient(145deg,#424a63,#2d344b);border-color:#64718b;box-shadow:inset 0 1px 0 #ffffff12}.avatar svg{stroke:#d0d8e9}.mobiletop{color:#f4f6fd}.mobiletop span{color:#c5d4ef}
.heading h1,.calcintro h2{color:#f4f6fd}.heading>div>.sub,.heading .sub,.calcintro .sub{color:#bec7db}.heading .eyebrow,.calcintro .eyebrow{color:#b6c2db}.heading .eyebrow .badge{color:#e1e8f8}.live-label{color:#d2c6dc}.live-label i{background:#cbbad8;box-shadow:0 0 8px #c1a9d444}.electric-workflow{color:#b7c2d8}.electric-workflow b{background:#353d56;border-color:#58647f;color:#dae2f5;box-shadow:inset 0 1px 0 #ffffff10}.electric-workflow i{color:#96a4c0}.product-welcome{color:#dce4f4}.product-welcome>summary{color:#e0e8f7}.product-welcome>summary span{color:#aab6cf}
.card,.stat,.projectcard,.calclayout>.card{background:linear-gradient(135deg,#30364c,#282e43);border-color:#464f69;box-shadow:inset 0 1px 0 #ffffff07,0 8px 25px #0b0e241c}.stat.highlight{background:linear-gradient(135deg,#424d6b,#343e59);border-color:#6b7896}.stat:hover{box-shadow:0 12px 25px #090d2733}.sub,.statlabel,.statfoot,.savehint,.calcfooter,.sectiondesc,td small,.unit,.wf-entry small,.wf-photos small,.card .sub,.card .sectiondesc,.modal .sectiondesc,.card .exportnote,.card .bottomnote,.calcname small,.calctoolbar button,.settingsrow p,.minirow small,.work-copy>span,.work-cost>span,.material-main p,.buyer-label,.material-settings>summary,.transaction-copy>small,.activity-card small,.draft-label,.calcresult .calcreset{color:#b8c2d8}.bottomnote,footer{color:#abb8d1}footer{border-color:#444d65}.statvalue,.totalrow,.worktitle{color:#f1f4fc}.minirow,.calcrow,td,.stage:not(:last-child){border-color:#454d65}th{background:#252c41;color:#bec8dc}.cardhead{border-color:#47516a}.btn,.chip{background:linear-gradient(145deg,#3e465f,#333b54);color:#e9eefb;border-color:#64708c;box-shadow:inset 0 1px 0 #ffffff0b}.btn.primary,.calcresult .btn.primary,.summary-actions .btn.primary,.calc-livebar .btn{background:linear-gradient(120deg,#d9e2f0,#afbed7);color:#20283b;border-color:#cdd9ed;box-shadow:inset 0 1px 0 #fff9,0 4px 12px #0c102633;font-weight:800}.btn.primary:hover,.calcresult .btn.primary:hover{background:linear-gradient(120deg,#edf2fc,#c7d4e8);color:#20283b;border-color:#e0e9fa}.btn.dark{background:#1c2336;color:#edf2ff}.btn:disabled{opacity:.5}.linkbtn,.calclink,.calcmat summary,.pdf-preview summary{color:#d1def8}.chip.active{background:#4a5675;color:#f0f5ff;border-color:#8394b3}label{color:#c2cde1}.field input,.field select,.num,.search,.calcrate input,.calcmat input,.wf-notes{background:#20273b;border-color:#626f8c;color:#f1f5ff;box-shadow:inset 0 2px 5px #080c2222}.field input::placeholder,.search::placeholder,.wf-notes::placeholder{color:#a9b6d0;opacity:1}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bbd1fb!important;outline-offset:3px}.calcqty{background:linear-gradient(145deg,#242c42,#20263a);border-color:#606c88;box-shadow:inset 0 2px 5px #080c2222}.calcqty button{color:#d4def2}.calcqty input{color:#fff}.calcqty button:hover{background:#465573;color:#fff}.calcmat,.callout{background:#252e45;color:#c1cce1}.intro{background:#303c53;border-color:#5d718b;color:#dae5f3}.badge{background:#46536f;color:#e5ecfc}.badge.demo{background:#514b49;color:#f1d9bb}.calcresult{background:linear-gradient(140deg,#424a63,#323a53);border-color:#64718e;box-shadow:inset 0 1px 0 #ffffff15,0 12px 30px #090b2344}.meter-top{color:#cad4e9}.meter-screen{background:radial-gradient(ellipse at 40% 100%,#354767,#151c32 85%);border-color:#65718a;box-shadow:inset 0 3px 10px #05081980,0 0 0 3px #505b73}.calcresult .big{color:#f0f5ff;text-shadow:0 0 15px #dce8ff22}.meter-caption{color:#b7c7e2}.calcresult .minirow{color:#c1cce0;border-color:#59637e}.calcresult .minirow strong{color:#f1f5ff}.wf-quick button{background:#3a4560;color:#e1eafa}.wf-kit{background:linear-gradient(145deg,#414b64,#2c354c);border-color:#63718c;box-shadow:inset 0 1px 0 #ffffff10}.wf-kit small{color:#bbc8df}.wf-buyer{background:#242c40;color:#d5def0;border-color:#66748f}.wf-notice{background:#453e3a;color:#f0d3ae;border-color:#8a735d}
.projecttools button{color:#cdd8ef;background:#343d54;border-color:#5e6c89}.projecttools button.selected{background:#566681;color:#fff;border-color:#91a3c3}.product-tools .device-status{color:#b5c2d9}.object-summary{background:linear-gradient(120deg,#333c57,#232b42);color:#f4f6ff;border-color:#586782;box-shadow:inset 0 1px 0 #ffffff0c,0 10px 25px #090e221f}.object-summary:before{background:linear-gradient(90deg,transparent,#a4badf,#e0e7f6,transparent);background-size:200% 100%}.summary-head h2{color:#fff}.summary-eyebrow,.summary-metrics span,.summary-bottom{color:#bdcbe4}.summary-metrics strong{color:#f5f7ff}.summary-link{color:#d4e2ff}.summary-actions .btn{color:#e4ecfb}.summary-actions .primary{color:#20283b;background:linear-gradient(120deg,#d9e2f0,#afbed7);border-color:#cdd9ed}.calculator-object-summary{color:#e3ebfb;background:#2c354d;border-color:#596882}.calculator-object-summary>summary>span:last-child{color:#b6c6df}.calculator-object-summary .object-summary{border-top-color:#596882}.product-tools .all-projects{color:#d4e2ff}.product-welcome .electric-hero{box-shadow:0 18px 45px #090b2855}
.work-item{background:#2d354c}.work-item[open]{background:#35415b;box-shadow:inset 3px 0 #b8caed}.work-cost>span,.material-remaining{color:#d4e2fb}.material-status{background:#394761;color:#d6e6fc;border-color:#677d99;box-shadow:none}.material-complete .material-status{background:#4c3d58;color:#e3d2f0;border-color:#837290}.purchase-remaining{background:#4b385a;color:#e1edff}.work-device,.work-device-drill,.work-device-box,.work-device-chase,.work-device-light{background:linear-gradient(145deg,#5d6a82,#3a465f);border-color:#76839c;box-shadow:inset 0 1px 0 #ffffff27,0 4px 8px #0b10252b}.work-device:before{border-color:#c2d1e526}.room{background:#2b344b;border-color:#53617c}.room.add{background:#2a3349;color:#c8d7f0}.room span{color:#b8c7df}.progress{background:#222a40}.progress i{background:#a7bcdd}.stageicon{background:#35415a;border-color:#6a7b98;color:#d6e3f8}.stage.done .stageicon{color:#e5d5f1;background:#4b3b57}.stage.current .stageicon{background:#b9cae3;color:#202c43}.check{accent-color:#c4d5f1}.moneyplus{color:#d5c1e5}.moneyminus{color:#edc6a1}.delete{color:#e0b8bd}.toast{background:#485671;color:#fff;border:1px solid #8394af}.undo-toast button{color:#e0ebff}.modalback{background:#080c20a8;backdrop-filter:blur(9px)}.modal{background:linear-gradient(145deg,#353e57,#283047);border:1px solid #667592;box-shadow:0 25px 90px #04081888}.modalhead,.modalfoot{border-color:#586680}.modalhead button{color:#ccd9ee}.catalogitem{background:#303c54;border-color:#5d6f8c}.catalogitem small{color:#bdcce4}.catalogitem button{background:#586e8b;color:#f3f7ff}.mobilebar{background:#252e44f5;border-color:#5a6883;box-shadow:0 -5px 25px #0a102c33}.mobilebar button{color:#b9c7e0}.mobilebar button.active{color:#f5f8ff}.mobilebar button.active svg{filter:drop-shadow(0 0 4px #b4ccff55)}.calc-livebar{background:linear-gradient(120deg,#333f5a,#27324a);color:#fff;border-color:#7687a5}.calc-livebar strong{color:#f1f5ff;text-shadow:none}.calc-livebar>div>span{color:#c4d3ed}
/* The cover becomes the dark product stage from the visual reference. */
.electric-hero{background:radial-gradient(ellipse at 70% 85%,#4c587c44,transparent 65%),linear-gradient(115deg,#121526,#242c47 75%,#151a30);border-color:#505c79;box-shadow:inset 0 1px 0 #9da9c41a,0 18px 40px #080b274d}.electric-hero:after{background:radial-gradient(ellipse at 78% 55%,#6e7d9d20,transparent 60%),linear-gradient(110deg,#090c1c33,transparent)}.hero-copy h1 .hero-title-first{color:#f8faff}.hero-copy h1 .hero-title-second{background:linear-gradient(105deg,#a9b8d6,#f1f5ff 40%,#b9c8e6 80%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:#d0ddf5;-webkit-text-fill-color:transparent}.hero-copy p,.hero-eyebrow{color:#b9c7e0}.hero-start{color:#d7e4ff}.hero-start span{background:#b5c8ee0b;border-color:#b5c8ee66}.hero-circuit-end,.hero-spec{color:#b1c1dc}.hero-switch{color:#dbe6fb;background:#2b3650;border-color:#687e9d}.switch-track{background:#5a6e86;border-color:#99aec9}.switch-track i{background:#e4edfc}.hero-circuit-end i{border-color:#b5c8ed}.current-led{background:#b5c8ed}.hero-ambient{background:radial-gradient(circle,#7f8fbd33,transparent 66%)}.hero-wire .wire-pulse{stroke:#e0eaff}.hero-wire .wire-pulse.second{stroke:#d9c7be}.hero-wire .wire-path{stroke:#7e8ca8}.hero-wire .wire-path.second{stroke:#a4908a}.hero-grid{opacity:.25}.hero-hardware{filter:saturate(.45)}.hero-breakers,.hero-coil{filter:saturate(.5) drop-shadow(8px 18px 12px #05091c88)}.panel-rail{background:linear-gradient(180deg,#161e32 0 10%,#a9b4c9 12% 15%,#64718c 19% 75%,#bdc7da 79% 85%,#2e3c59 89%)}.wf-photos figure{border-color:#586a85}.wf-photos figcaption{background:#303b53}.delivery-summary{background:#252e43;color:#ecf1ff}.delivery-status{color:#c3d1e9}.empty,.empty strong{color:#c9d6ed}.calctoolbar button{color:#d0def6}.field input:disabled,.field select:disabled{color:#c6d2e7}.settingsrow{border-color:#56647e}
@media(max-width:800px){.heading .sub,.calcintro .sub{color:#bdcbe3}.calclayout>.calcresult{border-color:#697b99;box-shadow:0 10px 25px #090d2840}.mobilebar button{color:#b9c7e0}.mobilebar button.active{color:#f5f8ff}.product-tools .device-status{color:#b5c2d9}.electric-hero{background:radial-gradient(ellipse at 70% 85%,#4c587c44,transparent 65%),linear-gradient(115deg,#121526,#242c47 75%,#151a30)}}
@media print{body{background:#fff!important;color:#192334!important}.card,.work-item,.stat,.num,.field input{background:#fff!important;color:#192334!important;border-color:#ccc!important;box-shadow:none!important}.heading h1,.sub,.work-copy>span,.work-cost strong,.minirow,.minirow strong,.totalrow,.totalrow strong,td,th{color:#192334!important}}
/* Violet light inside the task-icon frames, inspired by the supplied reference. */
.task-icon{width:46px;height:46px;display:grid;place-items:center;position:relative;isolation:isolate;flex-shrink:0;border-radius:13px;border:1px solid #9d6bca88;background:radial-gradient(ellipse at 50% 115%,#a953e050,transparent 68%),linear-gradient(150deg,#262234,#151522);box-shadow:inset 0 1px 0 #dac0f326,inset 0 -2px 6px #bc65ff30,0 0 13px #a24bde20;overflow:hidden;color:#ead8fa}.task-icon:after{content:'';position:absolute;inset:auto 9px 0;height:2px;border-radius:50%;background:#d4a6f5;box-shadow:0 0 9px 3px #b35aeb88}.task-icon svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #b574e54d)}.calcrow:hover .task-icon{border-color:#c89ee5;box-shadow:inset 0 -2px 8px #bc65ff40,0 0 15px #a24bde33}@media(max-width:800px){.calcrow{grid-template-columns:40px minmax(0,1fr) 104px}.task-icon{width:38px;height:40px;border-radius:11px}.task-icon svg{width:25px;height:25px}.calcrate{grid-column:2/-1}}@media(max-width:380px){.calcrow{grid-template-columns:34px minmax(0,1fr) 92px;gap:8px}.task-icon{width:32px;height:36px;border-radius:9px}.task-icon svg{width:22px;height:22px}}
.task-icon{border-radius:15px;border:1px solid transparent;background:linear-gradient(145deg,#11101c,#090a12) padding-box,linear-gradient(120deg,#e7bbfa,#a05ad0 28%,#6d3b8d44 68%,#24182d22) border-box;box-shadow:-3px 0 13px #b052df35,inset 0 1px 3px #d2a2ed18,0 4px 14px #6d30a122;color:#eddcf9}.task-icon:after{inset:0;z-index:-1;height:auto;border-radius:inherit;background:radial-gradient(ellipse at 0% 55%,#b45ce518,transparent 65%);box-shadow:none}.calcrow:hover .task-icon{border-color:transparent;box-shadow:-3px 0 17px #b052df66,inset 0 1px 3px #d2a2ed22,0 4px 18px #6d30a144}@media(max-width:800px){.task-icon{border-radius:13px}}@media(max-width:380px){.task-icon{border-radius:11px}}
/* Preview: recognisable porcelain hardware, with the violet frame kept quiet. */
.calcpanel .work-device{width:58px;height:58px;display:grid;place-items:center;flex-shrink:0;border-radius:16px;border:1px solid transparent;background:linear-gradient(145deg,#161420,#0d0d17) padding-box,linear-gradient(120deg,#d7adf4,#80529f 32%,#432b5744 72%,#24182d22) border-box;box-shadow:-2px 0 10px #a04dc526,inset 0 1px 2px #d2a2ed12;overflow:visible;transform:none}.calcpanel .work-device:before{border:0}.calcpanel .work-device:after{display:none}.calcpanel .work-device svg{width:47px;height:47px;transform:none;filter:drop-shadow(1px 3px 2px #0008)}.calcpanel .work-device-breaker svg{width:26px;height:49px}.calcpanel .work-device-cable svg{width:48px;height:48px}.calcpanel .work-device-drill svg{width:49px;height:49px}.calcpanel .calcrow{grid-template-columns:58px minmax(0,1fr) 116px;gap:16px;padding:18px 0}.calcpanel .calcrow:hover .work-device{transform:none;box-shadow:-2px 0 13px #a04dc533}.calcpanel .calcrow:hover .work-device svg{transform:none}@media(max-width:800px){.calcpanel .calcrow{grid-template-columns:48px minmax(0,1fr) 102px;gap:10px}.calcpanel .work-device{width:48px;height:50px;display:grid}.calcpanel .work-device svg{width:41px;height:41px}.calcpanel .work-device-breaker svg{width:23px;height:43px}}@media(max-width:380px){.calcpanel .calcrow{grid-template-columns:42px minmax(0,1fr) 92px;gap:8px}.calcpanel .work-device{width:42px;height:46px;display:grid}.calcpanel .work-device svg{width:36px;height:39px}.calcpanel .work-device-breaker svg{width:22px;height:40px}}