:root{--accent:var(--brand, #0369a1);--navy:var(--brand, #0369a1);--line:var(--line-soft, #e0f2fe);--muted:#64748b;--sava-blue:var(--brand, #0369a1);--navigation-height:72px;--shell-height:72px;color:var(--ink, #0c4a6e);background:var(--tint, #f0f9ff);font-family:Arial,"Segoe UI",sans-serif}
:focus-visible{outline-color:var(--sky, #0ea5e9)}
body>header{height:var(--navigation-height);min-height:var(--navigation-height);top:0;padding:0 28px;gap:26px;background:var(--surface, #fff);color:var(--ink, #0c4a6e);border-bottom:1px solid var(--line);box-shadow:0 2px 10px #0369a107}
header>.brand{width:210px;margin:0 12px 0 0;display:flex;align-items:center;letter-spacing:0}
.brand img{display:block;width:210px;height:auto;max-width:100%;object-fit:contain}
header>.disciplines{height:var(--navigation-height);gap:30px}#electrical-menu>summary{height:var(--navigation-height);border-bottom:3px solid var(--sava-blue);text-transform:uppercase;font-size:13px;font-weight:700;color:var(--brand, #0369a1);letter-spacing:.025em}
.future-discipline{color:var(--muted, #64748b);text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.025em}.future-discipline small{border-color:var(--line-soft, #e0f2fe);color:var(--muted, #64748b);text-transform:none;font-weight:400}
#language-menu>summary,#project-menu>summary,#member-menu>summary{background:var(--surface, #fff);color:var(--brand, #0369a1);border-color:var(--line-soft, #e0f2fe);border-radius:4px;font-weight:600}
#language-menu>summary:hover,#project-menu>summary:hover,#member-menu>summary:hover{background:var(--tint, #f0f9ff);border-color:var(--sky-soft, #bae6fd)}
.tool-menu{top:calc(var(--navigation-height) - 2px);border-radius:0 0 6px 6px;border-top:3px solid var(--sava-blue)}
.tool-menu a:hover,.tool-menu a[aria-current]{background:var(--tint, #f0f9ff);color:var(--sava-blue)}
.sidebar{top:var(--shell-height);width:238px;padding:27px 15px 16px;background:var(--surface, #fff);border-color:var(--line)}
.sidebar-label{font-size:9px;letter-spacing:.14em;color:var(--muted, #64748b);margin-bottom:24px}.discipline-label{padding-bottom:22px}.discipline-label strong{color:var(--brand, #0369a1);font-size:16px}.electrical-icon{background:var(--danger-bg, #fef2f2);color:var(--sava-blue);border-radius:5px}
.side-tools{gap:5px}.side-tools a{border-radius:5px;padding:12px 10px}.side-tools strong{font-size:12px;line-height:1.5}.side-tools small{font-size:10px;color:var(--muted, #64748b)}.side-tools a:hover{background:var(--tint, #f0f9ff)}.side-tools a[aria-current]{background:var(--tint, #f0f9ff);border-color:var(--line-soft, #e0f2fe);color:var(--sava-blue);box-shadow:inset 3px 0 var(--sava-blue)}.side-tools a[aria-current] .tool-number{color:var(--sava-blue);font-weight:700}
.sidebar>.side-tools{scrollbar-color:var(--sky-soft, #bae6fd) transparent}.sidebar>.side-tools::-webkit-scrollbar-thumb{background:var(--sky-soft, #bae6fd)}.version-dot{background:var(--sky, #0ea5e9)}
.app-main{margin-left:238px;padding:28px 30px 0;background:var(--tint, #f0f9ff)}
.page-heading{position:relative;border:1px solid var(--line-soft, #e0f2fe);border-top:3px solid var(--sava-blue);border-radius:6px;padding:18px 22px;margin-bottom:22px;background:linear-gradient(110deg,var(--surface, #fff) 65%,var(--tint, #f0f9ff));overflow:hidden}
.breadcrumb{font-size:10px;color:var(--muted, #64748b);margin-bottom:12px}.sava-section-label{font-size:10px;letter-spacing:.13em;font-weight:700;color:var(--sava-blue);margin:0 0 7px}h1{font-size:30px;color:var(--brand, #0369a1);letter-spacing:-.7px}.heading-badge{background:var(--surface, #fff);color:var(--muted, #64748b);border-color:var(--line-soft, #e0f2fe);border-radius:3px;font-size:10px}.page-description{color:var(--muted, #64748b);font-size:12px;margin:10px 0 0}.heading-description{gap:10px}
.project-context{border-color:var(--line-soft, #e0f2fe);background:var(--surface, #fff);border-radius:5px;padding:13px 17px;margin-bottom:18px}.project-context-icon{color:var(--brand, #0369a1)}.project-context button{color:var(--brand, #0369a1)}
.card,.visual-card{border-radius:7px;border-color:var(--line-soft, #e0f2fe);box-shadow:0 3px 14px #0369a104}.card{padding:22px}.card h2{color:var(--brand, #0369a1)}.eyebrow{color:var(--sava-blue);font-weight:700;letter-spacing:.13em}.results-column>.card{border-top:3px solid var(--sava-blue)}
.visual-card{background:radial-gradient(ellipse at 100% 0,var(--tint, #f0f9ff) 0,transparent 65%),var(--canvas, #f8fafc);padding:22px}.visual-heading h2{color:var(--brand, #0369a1)}.visual-badge{color:var(--brand, #0369a1);border-color:var(--line-soft, #e0f2fe);background:var(--surface, #fff);border-radius:4px}.visual-badge:before{background:var(--sky, #0ea5e9)}.visual-scene svg{color:var(--brand, #0369a1)}.visual-metric,.visual-note{border-color:var(--line-soft, #e0f2fe)}.visual-metric strong{color:var(--brand, #0369a1)}.visual-track{background:var(--line-soft, #e0f2fe)}.visual-fill{background:linear-gradient(90deg,var(--brand, #0369a1),var(--sky, #0ea5e9))}
button{border-radius:4px;background:var(--sava-blue)}button:hover:not(:disabled){filter:brightness(.94)}button.secondary{color:var(--brand, #0369a1);background:var(--tint, #f0f9ff);border-color:var(--line-soft, #e0f2fe)}#calculate{background:var(--sava-blue);min-width:130px}#save-calculation{background:var(--sava-blue)}
input:focus,select:focus{border-color:var(--sky-soft, #bae6fd);box-shadow:0 0 0 3px #0ea5e919}.workspace-note button{color:var(--sava-blue)}
.member-panel{border-top:3px solid var(--sava-blue);border-radius:5px}.member-heading{color:var(--brand, #0369a1)}footer{color:var(--muted, #64748b);border-color:var(--line-soft, #e0f2fe);font-size:10px}
.calculation-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.load-supply select{background:var(--tint, #f0f9ff);border-color:var(--line-soft, #e0f2fe)}.load-item{border-color:var(--line-soft, #e0f2fe);border-radius:5px}.load-item>summary{color:var(--brand, #0369a1)}.load-item[open]>summary,.load-item>summary:hover{background:var(--tint, #f0f9ff);border-color:var(--line-soft, #e0f2fe);border-radius:5px 5px 0 0}.load-item>summary::after{color:var(--sky, #0ea5e9)}
#guest-intro.workspace-note button{color:var(--brand, #0369a1)}.field-help,.candidate .field-help{color:var(--brand, #0369a1);border-color:var(--line-soft, #e0f2fe)}.field-help[aria-expanded=true],.candidate .field-help[aria-expanded=true]{color:var(--brand, #0369a1);background:var(--tint, #f0f9ff);border-color:var(--sky-soft, #bae6fd)}
@media(max-width:700px){.calculation-layout{grid-template-columns:minmax(0,1fr);gap:0}}
@media(min-width:1600px){.app-main{padding:32px 42px 0}}
@media(min-width:701px) and (max-width:1150px){.calculation-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1200px){body>header{gap:16px;padding:0 22px}header>.brand{width:195px;margin-right:6px}.brand img{width:195px}header>.disciplines{gap:22px}}
@media(min-width:701px) and (max-width:1100px){.sidebar{width:210px}.app-main{margin-left:210px;padding:22px}.page-heading{padding:20px}.visual-heading{flex-wrap:wrap}}
@media(max-width:700px){:root{--navigation-height:64px;--shell-height:64px}body>header{padding:0 14px;gap:9px;flex-wrap:nowrap}header>.brand{width:158px;margin:0 auto 0 0}.brand img{width:158px}#discipline-toggle{border-color:var(--line-soft, #e0f2fe);color:var(--brand, #0369a1);background:var(--canvas, #f8fafc);border-radius:4px}header>#discipline-navigation{top:var(--navigation-height);border-top:3px solid var(--sava-blue)}#discipline-navigation #electrical-menu>summary{height:40px}header .member-panel,#project-menu .member-panel{top:calc(var(--shell-height) + 8px);max-height:calc(100dvh - var(--shell-height) - 22px)}.sidebar{display:none}.app-main{margin-left:0;padding:16px 14px 0}.page-heading{padding:18px;margin-bottom:16px}.breadcrumb{margin-bottom:13px;font-size:9px}.sava-section-label{font-size:9px;letter-spacing:.1em}h1{font-size:27px;flex-wrap:wrap;gap:10px}.heading-badge{font-size:9px}.page-description{font-size:11px;line-height:1.7}.card,.visual-card{padding:18px}.visual-heading{flex-wrap:wrap}.project-context{padding:12px}.visual-card{margin-top:18px}footer{gap:8px;flex-wrap:wrap;padding-bottom:18px}}
@media(max-width:380px){body>header{gap:6px;padding:0 10px}header>.brand{width:135px}.brand img{width:135px}#language-menu>summary,#project-menu>summary,#member-menu>summary{width:32px;min-width:32px;padding:6px}#discipline-toggle{width:30px}}
.header-actions{order:2;margin-left:auto;display:flex;align-items:center;flex:0 0 auto;gap:0;padding:3px;border:1px solid var(--line-soft, #e0f2fe);border-radius:7px;background:var(--canvas, #f8fafc)}
.header-actions>#language-menu,.header-actions>#project-menu,.header-actions>#member-menu{margin:0;order:0}
.header-actions>details+details{border-left:1px solid var(--line-soft, #e0f2fe)}
.header-actions>#language-menu>summary,.header-actions>#project-menu>summary,.header-actions>#member-menu>summary{height:32px;display:flex;align-items:center;justify-content:center;padding:0 11px;gap:7px;border:0;border-radius:4px;background:transparent;font-size:12px;line-height:1;color:var(--brand, #0369a1)}
.header-actions>details[open]>summary,.header-actions>details>summary:hover{background:var(--tint, #f0f9ff);color:var(--brand, #0369a1)}
.header-actions .header-chevron{font-size:11px;color:var(--muted, #64748b)}.header-actions .header-icon{width:17px;height:17px}.header-actions .language-chevron{width:12px;margin-left:0}
@media(max-width:1200px){.header-actions>#language-menu>summary,.header-actions>#project-menu>summary,.header-actions>#member-menu>summary{width:36px;min-width:36px;padding:0 8px;gap:0}}
@media(max-width:700px){.header-actions{margin-left:0;padding:2px;border-radius:6px}.header-actions>#language-menu>summary,.header-actions>#project-menu>summary,.header-actions>#member-menu>summary{width:32px;min-width:32px;height:30px;padding:0 6px}}
@media(max-width:380px){.header-actions>#language-menu>summary,.header-actions>#project-menu>summary,.header-actions>#member-menu>summary{width:29px;min-width:29px;padding:0 5px}}
.tool-icon,.discipline-icon{display:block;flex:0 0 auto;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.discipline-icon{width:17px;height:17px}#electrical-menu>summary{gap:9px}.future-discipline{gap:7px}
.tool-menu{width:370px;max-height:calc(100dvh - var(--navigation-height) - 18px);overflow-y:auto;padding:9px;scrollbar-width:thin}
.tool-menu>p{margin:7px 0 10px;padding:0 10px}.tool-menu>a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:6px}.tool-menu-copy{min-width:0}.tool-menu strong{font-size:12px;line-height:1.5}.tool-menu small{font-size:10px;line-height:1.5;margin-top:2px}
.tool-menu .tool-icon{width:34px;height:34px;padding:7px;border-radius:7px;background:var(--tint, #f0f9ff);color:var(--sky, #0ea5e9)}.tool-menu a[aria-current] .tool-icon,.tool-menu a:hover .tool-icon{background:var(--surface, #fff);color:var(--brand, #0369a1)}
.sidebar{padding:20px 13px 14px}.sidebar-label{margin:0 10px 16px;font-size:9px}.discipline-label{padding:0 10px 16px;margin-bottom:12px;gap:9px}.discipline-label strong{font-size:14px}.discipline-label small{font-size:10px}.electrical-icon{width:30px;height:32px;font-size:26px}
.sidebar>.side-tools{flex:0 1 auto;gap:4px;align-content:start;padding:2px}.side-tools a{align-items:center;gap:10px;min-height:44px;padding:8px 10px}.side-tools a>span{min-width:0}.side-tools strong{font-size:12px;line-height:1.45;font-weight:600}.side-tools .tool-icon{color:var(--sky, #0ea5e9);width:19px;height:19px}.side-tools a[aria-current] .tool-icon{color:var(--brand, #0369a1)}.sidebar-foot{padding:14px 10px 0}
@media(min-width:1101px){.sidebar{width:224px}.app-main{margin-left:224px}}
@media(min-width:701px) and (max-width:1000px){header .disciplines .discipline-icon{display:none}}
@media(max-width:700px){#discipline-navigation .tool-menu{max-height:none;overflow:visible;padding:4px}#discipline-navigation .tool-menu>a{padding:9px;gap:10px}#discipline-navigation .tool-menu .tool-icon{width:30px;height:30px;padding:6px}#discipline-navigation .future-discipline{justify-content:flex-start;gap:9px}#discipline-navigation .future-discipline small{margin-left:auto}}
.skip-to-content{position:fixed;left:16px;top:8px;z-index:100;padding:10px 16px;background:var(--brand, #0369a1);color:var(--surface, #fff);border-radius:5px;text-decoration:none;transform:translateY(-160%)}.skip-to-content:focus{transform:translateY(0)}
#main-content,#electrical-panel{scroll-margin-top:calc(var(--shell-height) + 16px)}
@media(max-width:700px){.header-actions>#language-menu>summary,.header-actions>#project-menu>summary,.header-actions>#member-menu>summary{height:38px}#discipline-toggle{height:42px}}
.field-error{display:block;margin-top:6px;color:var(--danger, #b91c1c);font-size:12px;font-weight:400;line-height:1.5;white-space:normal}
#calculation [aria-invalid=true]{border-color:var(--danger, #b91c1c);box-shadow:0 0 0 2px #b91c1c14}#calculation [aria-invalid=true]:focus{outline-color:var(--danger, #b91c1c)}
.result-state{padding:11px 13px;margin:12px 0;background:var(--warning-bg, #fffbeb);border:1px solid var(--warning-line, #fde68a);border-radius:5px;color:var(--warning, #92400e);font-size:12px;line-height:1.6}
.result-state{min-height:62px;display:flex;align-items:center}.result-state[data-state=ready]{background:var(--tint, #f0f9ff);border-color:var(--line-soft, #e0f2fe);color:var(--brand, #0369a1)}
#result.has-result:not([data-state=pending]):not([data-state=invalid]):not([data-state=error]){border-left:3px solid transparent;padding-left:12px}
@media(max-width:700px){.result-state{min-height:82px}}
#result[data-state=pending],#result[data-state=invalid],#result[data-state=error]{border-left:3px solid var(--warning-line, #fde68a);padding-left:12px}
#result[data-state=pending] button,#result[data-state=invalid] button,#result[data-state=error] button{cursor:not-allowed}
#result[data-state=pending] a,#result[data-state=invalid] a,#result[data-state=error] a{pointer-events:none;color:var(--muted, #64748b);text-decoration:none}
.phase-column{--phase-color:var(--brand, #0369a1)}.phase-column.phase-B{--phase-color:var(--sky, #0ea5e9)}.phase-column.phase-C{--phase-color:var(--sky-light, #7dd3fc)}.phase-column h3{color:var(--ink, #0c4a6e)}
.triangle-before{stroke:var(--muted, #64748b);fill:#64748b0c}.triangle-key strong{color:var(--muted, #64748b)}.triangle-key.after strong{color:var(--brand, #0369a1)}
#save-calculation{color:var(--surface, #fff);border-color:var(--brand, #0369a1)}.electrical-icon{background:var(--tint, #f0f9ff);color:var(--brand, #0369a1)}
:root{color:var(--text, #334155);background:var(--canvas, #f8fafc)}.app-main{background:var(--canvas, #f8fafc)}
.calculation-layout label{color:var(--text-secondary, #475569)}input,select{color:var(--text, #334155)}
.muted,.page-description,.visual-note,.visual-bar-label,.planning-visual-caption{color:var(--muted, #64748b)}
button.secondary{color:var(--text-secondary, #475569);background:var(--canvas, #f8fafc)}.visual-metric{color:var(--muted, #64748b)}
.forgot-password-link{display:block;margin-top:14px;text-align:center;color:var(--brand, #0369a1);font-size:12px;text-underline-offset:3px}
/* A quieter workspace: one page label, essential inputs and a clear result. */
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;background:none;border:0;border-radius:0;padding:0 0 14px;margin-bottom:0;overflow:visible}
.page-heading .breadcrumb{display:flex;align-items:center;gap:10px;margin:0;font-size:11px;color:var(--muted, #64748b);letter-spacing:0;text-transform:none}
.page-heading h1{display:inline;margin:0;font-size:13px;font-weight:500;line-height:1.5;color:var(--text-secondary, #475569)}
.page-heading .workspace-note{margin:0;font-size:11px}.page-heading #open-member{font-size:11px}
.project-context{padding:10px 14px;margin-bottom:16px;border-left-width:1px;gap:10px}.project-context-label{display:none}#current-project-meta{white-space:normal}
#electrical-panel>h2{font-size:23px;line-height:1.3;margin:0 0 6px;color:var(--ink, #0c4a6e)}#tool-description{font-size:12px;margin:0 0 20px}
.item-name-details{margin:0 0 18px;border-bottom:1px solid var(--line, #e2e8f0);padding-bottom:12px}.item-name-details>summary,.input-settings>summary,.saved-history>summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--text-secondary, #475569);line-height:1.6}.item-name-details>summary span{font-size:10px;font-weight:400;color:var(--muted, #64748b);margin-left:6px}.item-name-details .load-field{margin-top:12px}.item-name-details .circuit-name-field{border:0;padding:0;margin:0}
#fields .input-settings{grid-column:1/-1;width:100%;min-width:0;background:var(--canvas, #f8fafc);border:1px solid var(--line, #e2e8f0);border-radius:8px;margin:8px 0 0;padding:12px 14px}
.input-settings>summary small{display:block;padding-left:14px;font-size:11px;font-weight:400;color:var(--muted, #64748b)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.settings-grid label{min-width:0}.settings-grid .load-field{margin:0}
#fields>fieldset{row-gap:16px}#calculation label{font-size:12px;line-height:1.5}#calculation input,#calculation select{font-size:14px;min-height:42px;border-radius:6px}
.results-column>.card{border-top:0;border-color:var(--sky-soft, #bae6fd)}.results-column>.card>h2{font-size:16px;margin:0 0 10px;color:var(--ink, #0c4a6e)}#result>h3{font-size:11px;font-weight:400;color:var(--muted, #64748b);margin:0 0 12px}#result>table .primary-metric td{font-size:25px;font-weight:700;color:var(--brand, #0369a1)}#result>table .primary-metric th{color:var(--text-secondary, #475569)}
.result-state{min-height:42px;padding:8px 11px;font-size:11px;margin:8px 0 12px}.saved-history{border-top:1px solid var(--line, #e2e8f0);margin-top:18px;padding-top:12px}#history:before{display:none}
.visual-card{background:var(--surface, #fff);margin-top:18px}.visual-heading{margin-bottom:12px}.visual-heading h2{font-size:15px;color:var(--text-secondary, #475569)}.visual-note{font-size:10px}.result-limitations{font-size:11px;line-height:1.6}
@media(max-width:700px){.page-heading{padding:0 0 12px;flex-wrap:wrap}.page-heading .breadcrumb{font-size:10px}.page-heading h1{font-size:12px}#electrical-panel>h2{font-size:22px}.project-context{padding:10px 12px}.project-context button{width:auto;margin-left:auto}.settings-grid{grid-template-columns:minmax(0,1fr)}.calculation-layout{gap:16px}.results-column{gap:0}.card,.visual-card{padding:18px}.input-settings>summary small{font-size:10px}}
.result-state[hidden]{display:none}
.result-state[data-state=pending]{gap:10px;background:var(--tint, #f0f9ff);border-color:var(--sky-soft, #bae6fd);color:var(--brand, #0369a1)}
.result-state[data-state=pending]::before,#calculate[data-state=running]::before{content:"";display:inline-block;flex-shrink:0;width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:calculation-spin .8s linear infinite}
#calculate[data-state=running]{display:flex;justify-content:center;align-items:center;gap:10px;cursor:progress;opacity:.85}
#result[data-state=pending]:empty{min-height:100px;border:0;background:none;padding:12px 0}
#result[data-state=pending]:empty::after{content:"";display:block;width:100%;height:76px;background:linear-gradient(var(--line-soft, #e0f2fe),var(--line-soft, #e0f2fe)) left top/65% 16px no-repeat,linear-gradient(var(--line-soft, #e0f2fe),var(--line-soft, #e0f2fe)) left center/90% 12px no-repeat,linear-gradient(var(--line-soft, #e0f2fe),var(--line-soft, #e0f2fe)) left bottom/75% 12px no-repeat;border-radius:4px}
#result[data-state=error]:empty{min-height:0;padding:0;border:0;background:none}
#result[data-state=error]:empty::after{display:none}
#result[data-state=pending]:not(:empty){opacity:.55}
.live-calculation[data-state=waiting],.live-calculation[data-state=running]{color:var(--brand, #0369a1)}
@keyframes calculation-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.result-state[data-state=pending]::before,#calculate[data-state=running]::before{animation:none}}