.navigation{position:fixed;top:0;left:0;width:var(--nav-width);height:100vh;background-color:var(--color-bg-card);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:100;transition:width var(--transition-normal),transform var(--transition-normal)}.navigation.collapsed{width:var(--nav-width-collapsed)}.navigation.collapsed .nav-label{display:none}.navigation.collapsed .nav-item{justify-content:center;padding:var(--spacing-sm)}.navigation.collapsed .nav-icon{width:auto;font-size:1.25rem}.nav-overlay{display:none}.nav-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);min-height:60px}.navigation.collapsed .nav-header{justify-content:center;padding:var(--spacing-md)}.nav-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);white-space:nowrap;overflow:hidden}.nav-header-buttons{display:flex;align-items:center;gap:var(--spacing-xs)}.nav-collapse-btn{padding:var(--spacing-xs);background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.nav-collapse-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.nav-collapse-btn:focus-visible,.nav-close-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.nav-close-btn{display:none;padding:var(--spacing-xs);background:none;border:none;color:var(--color-text-muted);cursor:pointer}.nav-list{flex:1;overflow-y:auto;padding:var(--spacing-md);list-style:none}.nav-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);border:none;border-radius:var(--radius-md);background-color:transparent;color:var(--color-text);font-size:.9375rem;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.nav-item:hover{background-color:var(--color-bg-hover)}.nav-item.active{background-color:var(--color-primary);color:#fff}.nav-item:focus{outline:none}.nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.nav-item.active:focus-visible{outline-color:#fff;box-shadow:0 0 0 4px #ffffff4d}.nav-icon{font-size:1.125rem;width:1.5rem;text-align:center}.nav-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border)}.nav-version{font-size:.75rem;color:var(--color-text-light)}@media(max-width:768px){.navigation{transform:translate(-100%);width:280px;box-shadow:var(--shadow-lg)}.navigation.open{transform:translate(0)}.nav-overlay{display:block;position:fixed;inset:0;background-color:#00000080;z-index:99}.nav-close-btn{display:block}}@media(min-width:768px)and (max-width:1024px){.navigation{width:var(--nav-width-collapsed)}.navigation .nav-label{display:none}.navigation .nav-item{justify-content:center;padding:var(--spacing-sm)}.navigation .nav-icon{width:auto;font-size:1.25rem}.navigation .nav-header{justify-content:center;padding:var(--spacing-md)}.navigation .nav-title,.navigation .nav-collapse-btn{display:none}}.header{position:fixed;top:0;left:240px;right:0;height:60px;background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);z-index:50}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.header-menu-btn{display:none;padding:var(--spacing-sm);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.header-menu-btn:hover{background-color:var(--color-bg-hover)}.header-brand{display:flex;align-items:center;gap:var(--spacing-sm)}.header-logo{background-color:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:700;font-size:.875rem}.header-title{font-size:1.25rem;font-weight:600;color:var(--color-text)}.header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.header-icon-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-primary)}.header-icon-btn:focus-visible,.header-menu-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.header-icon-btn svg{flex-shrink:0}.header-icon-btn.has-badge{position:relative}.header-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--color-primary);border-radius:50%;border:2px solid var(--color-bg-card)}@media(max-width:768px){.header{left:0}.header-menu-btn{display:flex}.header-title{font-size:1rem}}@media(min-width:768px)and (max-width:1024px){.header{left:200px}}.copyable-value{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.copyable-value:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary-light)}.copyable-value:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3b82f61a}.copyable-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.copyable-content{display:flex;align-items:center;gap:var(--spacing-sm)}.copyable-text{font-size:1.125rem;font-weight:600;color:var(--color-text);font-family:var(--font-mono)}.copyable-unit{font-size:.875rem;color:var(--color-text-muted)}.copyable-value.compact{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm)}.copyable-value.compact .copyable-label{font-size:.8125rem;text-transform:none;letter-spacing:normal;margin-right:var(--spacing-md)}.copyable-value.compact .copyable-text{font-size:1rem}.copyable-value.large .copyable-text{font-size:1.5rem}.result-with-calc{display:flex;flex-direction:column;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.result-with-calc.expanded{border-color:var(--color-primary-light)}.result-main{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none}.result-main:hover{background-color:var(--color-bg-hover)}.result-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.result-content{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-xs) var(--spacing-sm)}.result-value{font-size:1.125rem;font-weight:600;color:var(--color-text);font-family:var(--font-mono)}.result-unit{font-size:.875rem;color:var(--color-text-muted)}.calc-toggle{flex-basis:100%;width:fit-content;margin-left:0;padding:2px 8px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);font-size:.7rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.calc-toggle:hover,.calc-toggle.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.calc-detail{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface-alt);border-top:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.calc-formula{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.calc-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:#fff;border-radius:50%;font-size:.7rem;font-weight:600;flex-shrink:0}.calc-formula code{display:inline-block;padding:2px var(--spacing-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:Fira Code,Consolas,monospace;font-size:.8rem;color:var(--color-text)}.calc-breakdown{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);font-size:.85rem;color:var(--color-success);font-weight:500}.calc-reference{margin-top:var(--spacing-xs)}.calc-reference .reference-tag{display:inline-block;padding:2px var(--spacing-xs);background-color:#1e40af1a;color:var(--color-primary);border-radius:var(--radius-sm);font-size:.7rem;font-weight:500}.result-with-calc.compact .result-main{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm)}.result-with-calc.compact .result-label{font-size:.8125rem;text-transform:none;letter-spacing:normal;margin-right:var(--spacing-md)}.result-with-calc.compact .result-value{font-size:1rem}.result-with-calc.compact .calc-detail{padding:var(--spacing-xs) var(--spacing-sm)}.result-with-calc.large .result-value{font-size:1.5rem}.result-with-calc.full-width{width:100%}@media(max-width:480px){.calc-toggle{width:100%;text-align:center}}.input-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.input-wrapper{position:relative;display:flex;align-items:center}.input-element{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-input);color:var(--color-text);font-family:var(--font-mono);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-element.has-unit{padding-right:3rem}.input-element:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3b82f61a}.input-element:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.input-element:disabled{background-color:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed}.input-unit{position:absolute;right:var(--spacing-md);font-size:.875rem;color:var(--color-text-muted);pointer-events:none}.input-error,.input-warning,.input-help{font-size:.75rem;display:flex;align-items:center;gap:var(--spacing-xs)}.input-error{color:var(--color-error)}.input-warning{color:var(--color-warning)}.input-help{color:var(--color-text-muted)}.input-field.has-error .input-element{border-color:var(--color-error)}.input-field.has-error .input-element:focus{box-shadow:0 0 0 3px #dc26261a}.input-field.has-warning .input-element{border-color:var(--color-warning)}.input-field.has-warning .input-element:focus{box-shadow:0 0 0 3px #ca8a041a}.input-field.inline{flex-direction:row;align-items:center;gap:var(--spacing-md)}.input-field.inline .input-label{min-width:120px;margin-bottom:0}.input-field.inline .input-wrapper{flex:1}@media(max-width:768px){.input-element{min-height:44px;padding:var(--spacing-sm) var(--spacing-md);font-size:16px}.input-field.inline{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.input-field.inline .input-label{min-width:unset}}@media(max-width:480px){.input-label{font-size:.8125rem}.input-element{padding:var(--spacing-sm)}}.dropdown-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dropdown-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.dropdown-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:2.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-input);color:var(--color-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.dropdown-select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3b82f61a}.dropdown-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.dropdown-select:disabled{background-color:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed}.dropdown-field.inline{flex-direction:row;align-items:center;gap:var(--spacing-md)}.dropdown-field.inline .dropdown-label{min-width:120px;margin-bottom:0}.dropdown-field.inline .dropdown-select{flex:1}@media(max-width:768px){.dropdown-select{min-height:44px;padding:var(--spacing-sm) var(--spacing-md);padding-right:2.5rem;font-size:16px}.dropdown-field.inline{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.dropdown-field.inline .dropdown-label{min-width:unset}}@media(max-width:480px){.dropdown-label{font-size:.8125rem}}.toggle-field{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.toggle-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.toggle-switch{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;min-width:5rem;height:2rem;padding:0 var(--spacing-sm);padding-left:2rem;border:1px solid var(--color-border);border-radius:9999px;background-color:var(--color-bg);cursor:pointer;transition:all var(--transition-fast)}.toggle-switch:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3b82f61a}.toggle-switch:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.toggle-switch.checked{justify-content:flex-start;padding-left:var(--spacing-sm);padding-right:2rem;background-color:var(--color-primary);border-color:var(--color-primary)}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.toggle-slider{position:absolute;left:2px;width:1.5rem;height:1.5rem;background-color:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:left var(--transition-fast)}.toggle-switch.checked .toggle-slider{left:calc(100% - 1.5rem - 2px)}.toggle-text{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);transition:color var(--transition-fast)}.toggle-switch.checked .toggle-text{color:#fff}.toggle-field.compact{gap:var(--spacing-sm)}.toggle-field.compact .toggle-switch{min-width:2.5rem;height:1.5rem;padding-left:1.25rem}.toggle-field.compact .toggle-switch.checked{padding-left:var(--spacing-xs);padding-right:1.25rem}.toggle-field.compact .toggle-slider{width:1rem;height:1rem}.toggle-field.compact .toggle-switch.checked .toggle-slider{left:calc(100% - 1rem - 2px)}.toggle-field.compact .toggle-text{display:none}.status-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.status-icon{font-size:1rem}.status-indicator.status-ok{background-color:var(--color-success-light);color:var(--color-success)}.status-indicator.status-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.status-indicator.status-error{background-color:var(--color-error-light);color:var(--color-error)}.status-indicator.status-info{background-color:var(--color-info-light);color:var(--color-info)}.status-indicator.compact{padding:0;background:none}.status-indicator.large{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem}.status-indicator.large .status-icon{font-size:1.25rem}.calculation-explainer{margin-top:var(--spacing-md);border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.explainer-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s}.explainer-toggle:hover{color:var(--color-primary-hover)}.toggle-icon{transition:transform .2s ease}.toggle-icon.expanded{transform:rotate(90deg)}.explainer-content{padding:var(--spacing-md);background-color:var(--color-surface-alt);border-radius:var(--radius-md);margin-top:var(--spacing-sm);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.calculation-steps{list-style:none;padding:0;margin:0;counter-reset:step-counter}.calculation-step{position:relative;padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-xl);border-left:2px solid var(--color-border);margin-left:var(--spacing-sm)}.calculation-step:before{counter-increment:step-counter;content:counter(step-counter);position:absolute;left:-12px;top:var(--spacing-sm);width:22px;height:22px;background-color:var(--color-primary);color:#fff;border-radius:50%;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center}.calculation-step:last-child{border-left-color:transparent}.step-label{font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-xs)}.step-formula{margin:var(--spacing-xs) 0}.step-formula code{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:Fira Code,Consolas,monospace;font-size:.85rem;color:var(--color-text)}.step-value{margin:var(--spacing-xs) 0}.value-result{font-weight:600;color:var(--color-success)}.step-reference{margin-top:var(--spacing-xs)}.reference-tag{display:inline-block;padding:2px var(--spacing-xs);background-color:#1e40af1a;color:var(--color-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.scroll-to-top{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:48px;height:48px;border-radius:50%;background-color:var(--color-primary);color:#fff;border:none;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:50;transition:all var(--transition-fast);animation:fadeInUp .3s ease}.scroll-to-top:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 12px 20px -5px #0003}.scroll-to-top:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.scroll-to-top{bottom:var(--spacing-lg);right:var(--spacing-lg);width:44px;height:44px}}.material-toggle-container{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.material-toggle-label{font-size:.875rem;font-weight:500;color:var(--color-text-muted)}.material-toggle{display:flex;background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:3px;gap:2px}.material-option{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.material-option:hover:not(.active){background:var(--color-bg-hover);color:var(--color-text)}.material-option.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.material-abbr{font-weight:700;font-size:.9rem}.material-name{font-weight:400}.material-toggle-container.compact .material-toggle{padding:2px}.material-toggle-container.compact .material-option{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.material-toggle-container.compact .material-name{display:none}.material-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=dark] .material-option.active{background:var(--color-primary)}[data-theme=dark] .material-option:hover:not(.active){background:var(--color-bg-hover)}.export-button-container{position:relative}.export-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.export-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-focus)}.export-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.export-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);min-width:180px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden;animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.export-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--color-text);font-size:.875rem;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.export-menu-item:hover{background:var(--color-bg-hover)}.export-menu-item:focus-visible{outline:none;background:var(--color-bg-hover)}.export-menu-item svg{flex-shrink:0;color:var(--color-text-muted)}@media print{.export-button-container{display:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;min-height:200px}.empty-state-icon{margin-bottom:var(--spacing-md);color:var(--color-text-muted);opacity:.5}.empty-state-icon svg{width:48px;height:48px}.empty-state-title{margin:0 0 var(--spacing-xs);font-size:1rem;font-weight:600;color:var(--color-text)}.empty-state-description{margin:0 0 var(--spacing-lg);font-size:.875rem;color:var(--color-text-muted);max-width:280px;line-height:1.5}.empty-state-action{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.empty-state-action:hover{background:var(--color-primary-dark)}.empty-state-action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.empty-state.compact{padding:var(--spacing-lg);min-height:120px}.empty-state.compact .empty-state-icon svg{width:32px;height:32px}.empty-state.compact .empty-state-title{font-size:.9rem}.empty-state.compact .empty-state-description{font-size:.8rem}.quick-presets{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.quick-presets-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.quick-presets-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.quick-preset-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.quick-preset-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.quick-preset-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.quick-preset-btn:active{transform:scale(.98)}.quick-preset-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.quick-preset-btn.active:before{content:"✓";font-size:.75em}.quick-presets.compact .quick-preset-btn{padding:4px 8px;font-size:.75rem}.quick-presets.inline{flex-direction:row;align-items:center;gap:var(--spacing-sm)}.quick-presets.inline .quick-presets-label{margin-bottom:0}[data-theme=dark] .quick-preset-btn{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .quick-preset-btn:hover{background:var(--color-primary);border-color:var(--color-primary)}@media(max-width:480px){.quick-preset-btn{padding:6px 10px;font-size:.75rem}}@media(max-width:360px){.quick-presets-buttons{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--spacing-xs);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.quick-presets-buttons::-webkit-scrollbar{height:4px}.quick-presets-buttons::-webkit-scrollbar-track{background:var(--color-bg);border-radius:2px}.quick-presets-buttons::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.quick-preset-btn{flex-shrink:0}}.tooltip-wrapper{display:inline-flex;align-items:center}.tooltip{position:fixed;z-index:9999;pointer-events:none;display:none}.tooltip.tooltip-visible{display:block;animation:tooltipFadeIn .15s ease-out}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.tooltip-content{background:var(--color-bg-elevated, #1f2937);color:var(--color-text-inverse, #f9fafb);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;line-height:1.4;max-width:250px;box-shadow:var(--shadow-lg);white-space:normal;word-wrap:break-word}[data-theme=dark] .tooltip-content{background:var(--color-bg-secondary);border:1px solid var(--color-border)}.tooltip-arrow{position:absolute;width:8px;height:8px;background:var(--color-bg-elevated, #1f2937);transform:rotate(45deg)}[data-theme=dark] .tooltip-arrow{background:var(--color-bg-secondary);border:1px solid var(--color-border)}.tooltip-top .tooltip-arrow{bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg);border-top:none;border-left:none}.tooltip-bottom .tooltip-arrow{top:-4px;left:50%;transform:translate(-50%) rotate(45deg);border-bottom:none;border-right:none}.tooltip-left .tooltip-arrow{right:-4px;top:50%;transform:translateY(-50%) rotate(45deg);border-left:none;border-bottom:none}.tooltip-right .tooltip-arrow{left:-4px;top:50%;transform:translateY(-50%) rotate(45deg);border-right:none;border-top:none}.info-icon{color:var(--color-text-muted);transition:color var(--transition-fast)}.info-icon:hover{color:var(--color-primary)}.help-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:2px;cursor:help;color:var(--color-text-muted);border-radius:50%;transition:all var(--transition-fast)}.help-tooltip-trigger:hover{color:var(--color-primary);background:#3b82f61a}.help-tooltip-trigger:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-alpha)}.input-label .tooltip-wrapper,.section-title .tooltip-wrapper{margin-left:var(--spacing-xs)}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg)}.loading-spinner-container.inline{flex-direction:row;padding:var(--spacing-xs)}.loading-spinner{position:relative;display:inline-block}.spinner-sm{width:16px;height:16px}.spinner-md{width:32px;height:32px}.spinner-lg{width:48px;height:48px}.spinner-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid transparent;border-top-color:var(--color-primary);animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite}.spinner-ring:nth-child(1){animation-delay:0s;opacity:1}.spinner-ring:nth-child(2){animation-delay:.1s;opacity:.8;width:85%;height:85%;top:7.5%;left:7.5%}.spinner-ring:nth-child(3){animation-delay:.2s;opacity:.6;width:70%;height:70%;top:15%;left:15%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{font-size:.875rem;color:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-hover) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-text{height:1em;border-radius:var(--radius-sm);margin:.25em 0}.skeleton-rectangular{border-radius:var(--radius-md)}.skeleton-circular{border-radius:50%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-overlay-container{position:relative}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit;z-index:10}[data-theme=dark] .loading-overlay{background:#111827cc}.pulse-loader{display:inline-flex;align-items:center;gap:4px}.pulse-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1);opacity:1}}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin:-8px 0 0 -8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.conduit-fill-diagram{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg);border-radius:var(--radius-lg)}.conduit-svg{width:100%;max-width:200px;height:auto;aspect-ratio:1}.conduit-fill-info{text-align:center}.conduit-fill-info .fill-percentage{font-size:2rem;font-weight:700;font-family:var(--font-mono);line-height:1.1}.conduit-fill-info .fill-label{font-size:.875rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.conduit-fill-info .conduit-size-label{font-size:.8rem;color:var(--color-text-muted);margin-top:var(--spacing-xs);font-weight:500}.conductor-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;width:100%;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.legend-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-text{white-space:nowrap}@media(min-width:768px){.conduit-fill-diagram{padding:var(--spacing-xl)}.conduit-svg{max-width:220px}}.nec-table-viewer{border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-xs)}.nec-table-viewer:last-child{margin-bottom:0}.nec-table-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border:none;cursor:pointer;transition:background var(--transition-fast);text-align:left}.nec-table-header:hover:not(:disabled){background:var(--color-bg-hover)}.nec-table-header:disabled{cursor:default}.nec-table-title{display:flex;flex-direction:column;gap:2px}.nec-table-title strong{font-size:.85rem;color:var(--color-text)}.nec-table-description{font-size:.75rem;color:var(--color-text-muted)}.nec-collapse-icon{font-size:.7rem;color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0;margin-left:var(--spacing-sm)}.nec-collapse-icon.expanded{transform:rotate(180deg)}.nec-table-content{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary);max-height:400px;overflow:auto}.nec-table-wrapper{overflow-x:auto;overflow-y:auto;max-height:350px;scrollbar-width:thin}.nec-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.nec-table-wrapper::-webkit-scrollbar-track{background:var(--color-bg);border-radius:4px}.nec-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.nec-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.nec-table-explanation{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);font-size:.75rem;line-height:1.5;color:var(--color-text);background:#3b82f614;border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.nec-data-table{width:100%;border-collapse:collapse;font-size:.75rem;white-space:nowrap}.nec-data-table th,.nec-data-table td{padding:var(--spacing-xs) var(--spacing-sm);text-align:center;border:1px solid var(--color-border-light)}.nec-data-table th{background:var(--color-bg);font-weight:600;color:var(--color-text);position:sticky;top:0;z-index:1}.nec-data-table tbody tr:nth-child(2n){background:var(--color-bg)}.nec-data-table tbody tr:nth-child(odd){background:var(--color-bg-secondary)}.nec-data-table td.size-col{text-align:left;font-weight:500}.nec-data-table td.na-cell{color:var(--color-text-muted)}.nec-data-table tr.highlighted,.nec-data-table tr.highlighted-row{background:#22c55e26!important}.nec-data-table td.highlighted{background:#22c55e40!important;font-weight:600;border-color:var(--color-success)}.nec-data-table th.highlighted-col{background:#22c55e26}.nec-data-table tr.sub-header th{font-size:.65rem;font-weight:500;color:var(--color-text-muted);padding:2px var(--spacing-xs)}.nec-data-table .sub-col{display:inline-block;width:50%;text-align:center}.nec-data-table .sub-col:first-child{border-right:1px solid var(--color-border-light)}.nec-data-table.table-4 th,.nec-data-table.table-4 td{min-width:60px}.nec-data-table.table-4 thead tr:first-child th{position:sticky;top:0;z-index:2;background-color:#f1f5f9}.nec-data-table.table-4 thead tr.sub-header th{position:sticky;top:26px;z-index:2;background-color:#f1f5f9}.nec-data-table.table-5 th,.nec-data-table.table-5 td{min-width:50px}.nec-data-table.table-5 thead tr:first-child th{position:sticky;top:0;z-index:2;background-color:#f1f5f9}.nec-data-table.table-5 thead tr.sub-header th{position:sticky;top:26px;z-index:2;background-color:#f1f5f9}.nec-data-table.table-9{min-width:800px}.nec-data-table.table-9 th,.nec-data-table.table-9 td{min-width:55px;padding:var(--spacing-xs) 6px}.nec-data-table.table-9 td.size-col{min-width:70px;position:sticky;left:0;z-index:1;border-right:2px solid var(--color-border);background-color:#f8fafc!important}.nec-data-table.table-9 tbody tr:nth-child(2n) td.size-col{background-color:#fff!important}.nec-data-table.table-9 tbody tr.highlighted-row td.size-col{background-color:#dcfce7!important}.nec-data-table.table-9 thead th{position:sticky;top:0;z-index:2;background-color:#f1f5f9!important}.nec-data-table.table-9 thead tr:nth-child(2) th{top:26px}.nec-data-table.table-9 thead th:first-child{position:sticky;left:0;top:0;z-index:4;border-right:2px solid var(--color-border);background-color:#f1f5f9!important}.nec-data-table.table-9 thead tr:nth-child(2) th:first-child{top:26px;z-index:4}.nec-table-note{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:.7rem;color:var(--color-text-muted);background:var(--color-bg);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.nec-table-note strong{color:var(--color-text)}@media(min-width:768px){.nec-table-wrapper.no-scroll{max-height:none;overflow:visible}.nec-table-content{max-height:500px}.nec-table-wrapper{max-height:450px}}@media(max-width:768px){.nec-table-content{max-height:300px}.nec-data-table{font-size:.65rem}.nec-data-table th,.nec-data-table td{padding:4px 6px}.nec-table-title strong{font-size:.8rem}.nec-table-description{font-size:.7rem}}.toast-container{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px;width:calc(100% - 2 * var(--spacing-lg))}.toast{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toast-slide-up .3s ease-out;background-color:var(--color-bg-card);border:1px solid var(--color-border)}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.875rem;font-weight:700}.toast-message{flex:1;font-size:.875rem;color:var(--color-text)}.toast-close{flex-shrink:0;background:none;border:none;padding:var(--spacing-xs);color:var(--color-text-muted);cursor:pointer;font-size:1.25rem;line-height:1;transition:color var(--transition-fast)}.toast-close:hover{color:var(--color-text)}.toast-success{border-left:4px solid var(--color-success)}.toast-success .toast-icon{background-color:var(--color-success);color:#fff}.toast-error{border-left:4px solid var(--color-error)}.toast-error .toast-icon{background-color:var(--color-error);color:#fff}.toast-warning{border-left:4px solid var(--color-warning)}.toast-warning .toast-icon{background-color:var(--color-warning);color:#fff}.toast-info{border-left:4px solid var(--color-info)}.toast-info .toast-icon{background-color:var(--color-info);color:#fff}[data-theme=dark] .toast{background-color:var(--color-bg-card);border-color:var(--color-border)}@media(max-width:480px){.toast-container{bottom:var(--spacing-md);max-width:calc(100% - 2 * var(--spacing-md))}.toast{padding:var(--spacing-xs) var(--spacing-sm)}.toast-message{font-size:.8rem}}.transformer-circuit-diagram{padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.transformer-circuit-diagram h4{margin:0 0 var(--spacing-md) 0;font-size:.9rem;color:var(--color-text)}.transformer-svg{width:100%;max-width:750px;height:auto;margin:0 auto;display:block}.transformer-svg .clickable{cursor:pointer;transition:opacity var(--transition-fast)}.transformer-svg .clickable:hover{opacity:.8}.transformer-svg .clickable:focus{outline:none}.transformer-svg .clickable:focus-visible rect,.transformer-svg .clickable:focus-visible circle{stroke-width:3}.transformer-svg rect{fill:var(--color-bg-card);stroke:var(--color-border);stroke-width:1.5}.transformer-svg .panel rect{fill:var(--color-bg-hover);stroke:var(--color-text-muted);stroke-width:2}.transformer-svg .breaker rect{fill:#ef44441a;stroke:var(--color-error)}.transformer-svg .primary-breaker rect{fill:#ef44441a;stroke:var(--color-error)}.transformer-svg .secondary-breaker rect{fill:#3b82f61a;stroke:var(--color-primary)}.transformer-svg .transformer rect{fill:#8b5cf614;stroke:#8b5cf6;stroke-width:2}.transformer-svg .winding-primary{fill:#ef44441a;stroke:var(--color-error);stroke-width:1.5}.transformer-svg .winding-secondary{fill:#3b82f61a;stroke:var(--color-primary);stroke-width:1.5}.transformer-svg .winding-symbol{font-size:16px;font-weight:700;fill:var(--color-text)}.transformer-svg .load rect{fill:#22c55e1a;stroke:var(--color-success);stroke-width:2}.transformer-svg .wire-line{stroke:var(--color-text);stroke-width:2.5;stroke-linecap:square}.transformer-svg .component-label{font-size:12px;font-weight:600;fill:var(--color-text)}.transformer-svg .component-sublabel{font-size:10px;fill:var(--color-text-muted)}.transformer-svg .component-value{font-size:11px;font-weight:500;fill:var(--color-text-muted)}.transformer-svg .transformer-label{font-size:11px;font-weight:600;fill:#8b5cf6}.transformer-svg .transformer-kva{font-size:12px;font-weight:700;fill:var(--color-text)}.transformer-svg .wire-spec{font-size:10px;fill:var(--color-text-muted);font-weight:500}.transformer-svg .wire-spec.status-ok{fill:var(--color-success)}.transformer-svg .wire-spec.status-warning{fill:var(--color-warning)}.transformer-svg .wire-spec.status-error{fill:var(--color-error)}.transformer-svg .phase-indicator{font-size:9px;fill:var(--color-text-light)}.transformer-circuit-diagram .diagram-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.transformer-circuit-diagram .legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--color-text-muted)}.transformer-circuit-diagram .legend-color{width:12px;height:12px;border-radius:2px;border:1px solid}.transformer-circuit-diagram .legend-color.panel-color{background-color:var(--color-bg-hover);border-color:var(--color-text-muted)}.transformer-circuit-diagram .legend-color.breaker-color{background-color:#ef44441a;border-color:var(--color-error)}.transformer-circuit-diagram .legend-color.transformer-color{background-color:#8b5cf614;border-color:#8b5cf6}.transformer-circuit-diagram .legend-color.load-color{background-color:#22c55e1a;border-color:var(--color-success)}.transformer-circuit-diagram .legend-note{font-style:italic;color:var(--color-text-light)}@media(max-width:600px){.transformer-svg{max-width:100%}.transformer-circuit-diagram .diagram-legend{flex-direction:column;gap:var(--spacing-xs)}}[data-theme=dark] .transformer-svg .component-label,[data-theme=dark] .transformer-svg .component-value,[data-theme=dark] .transformer-svg .winding-symbol,[data-theme=dark] .transformer-svg .transformer-kva{fill:var(--color-text)}[data-theme=dark] .transformer-svg .wire-line{stroke-width:2}[data-theme=dark] .transformer-svg .transformer rect{fill:#8b5cf626}[data-theme=dark] .transformer-svg .breaker rect{fill:#ef444426}[data-theme=dark] .transformer-svg .secondary-breaker rect{fill:#3b82f626}[data-theme=dark] .transformer-svg .load rect{fill:#22c55e26}@media print{.transformer-circuit-diagram{page-break-inside:avoid;background:#fff!important;padding:10px!important}.transformer-svg rect,.transformer-svg circle{stroke-width:1!important}.transformer-svg .wire-line{stroke:#000!important;stroke-width:1.5!important}.transformer-circuit-diagram .diagram-legend{display:flex!important}}.k-factor-slider{padding:var(--spacing-md);background-color:var(--color-surface, var(--color-bg));border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.k-factor-slider.disabled{opacity:.6;pointer-events:none}.k-factor-label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-md)}.k-factor-track-container{position:relative;padding:var(--spacing-md) 0;cursor:pointer}.k-factor-track-container:focus{outline:none}.k-factor-track-container:focus-visible .k-factor-thumb{box-shadow:0 0 0 3px #3b82f64d}.k-factor-track{position:relative;height:8px;background-color:var(--color-border);border-radius:4px;margin:0 8px}.k-factor-track-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:4px;transition:width .15s ease}.k-factor-stop{position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:none;border:none;cursor:pointer;padding:0;z-index:1}.k-factor-stop .stop-dot{display:block;width:12px;height:12px;margin:6px;background-color:var(--color-bg-card);border:2px solid var(--color-border);border-radius:50%;transition:all .15s ease}.k-factor-stop:hover .stop-dot{border-color:var(--color-primary);transform:scale(1.1)}.k-factor-stop.active .stop-dot{background-color:var(--color-primary);border-color:var(--color-primary)}.k-factor-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:var(--color-primary);border:3px solid var(--color-bg-card);border-radius:50%;box-shadow:0 2px 4px #0003;z-index:2;transition:left .15s ease;pointer-events:none}.k-factor-labels{position:relative;height:24px;margin:var(--spacing-xs) 8px 0}.k-factor-stop-label{position:absolute;transform:translate(-50%);font-size:.75rem;color:var(--color-text-muted);font-weight:500;transition:color .15s ease;white-space:nowrap}.k-factor-stop-label.active{color:var(--color-primary);font-weight:600}.k-factor-capacity{margin-top:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.capacity-bar-container{flex:1;height:8px;background-color:var(--color-border);border-radius:4px;overflow:hidden}.capacity-bar-fill{height:100%;background-color:var(--color-success);border-radius:4px;transition:width .3s ease,background-color .3s ease}.capacity-bar-fill.warning{background-color:var(--color-warning)}.capacity-bar-fill.caution{background-color:#f97316}.capacity-text{font-size:.8rem;font-weight:600;color:var(--color-text);min-width:90px;text-align:right}.k-factor-description{margin-top:var(--spacing-sm);font-size:.85rem;color:var(--color-text-muted);font-style:italic;text-align:center;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg);border-radius:var(--radius-sm)}[data-theme=dark] .k-factor-slider{background-color:var(--color-bg-card)}[data-theme=dark] .k-factor-track{background-color:var(--color-bg-hover)}[data-theme=dark] .k-factor-stop .stop-dot{background-color:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .k-factor-thumb{border-color:var(--color-bg-card)}[data-theme=dark] .capacity-bar-container{background-color:var(--color-bg-hover)}@media(max-width:480px){.k-factor-slider{padding:var(--spacing-sm)}.k-factor-stop-label{font-size:.7rem}.capacity-text{font-size:.75rem;min-width:80px}}@media print{.k-factor-slider{border:1px solid #ccc!important;background:#fff!important}.k-factor-track-fill,.capacity-bar-fill{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.voltage-drop-bar{padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.voltage-drop-bar.status-ok{border-left:3px solid var(--color-success)}.voltage-drop-bar.status-warning{border-left:3px solid var(--color-warning)}.voltage-drop-bar.status-error{border-left:3px solid var(--color-error)}.vd-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.vd-label{font-size:.85rem;font-weight:500;color:var(--color-text)}.vd-percentage{font-size:1rem;font-weight:700;margin-left:auto}.status-ok .vd-percentage{color:var(--color-success)}.status-warning .vd-percentage{color:var(--color-warning)}.status-error .vd-percentage{color:var(--color-error)}.status-icon{width:18px;height:18px}.status-icon.ok{color:var(--color-success)}.status-icon.warning{color:var(--color-warning)}.status-icon.error{color:var(--color-error)}.vd-bar-container{margin-bottom:var(--spacing-sm)}.vd-bar-track{position:relative;height:12px;background-color:var(--color-border);border-radius:6px;overflow:visible}.vd-bar-fill{height:100%;border-radius:6px;transition:width .3s ease}.vd-bar-fill.status-ok{background:linear-gradient(90deg,#22c55e,#4ade80)}.vd-bar-fill.status-warning{background:linear-gradient(90deg,#eab308,#facc15)}.vd-bar-fill.status-error{background:linear-gradient(90deg,#ef4444,#f87171)}.vd-marker{position:absolute;top:-4px;transform:translate(-50%);z-index:1}.marker-line{width:2px;height:20px;background-color:var(--color-text-muted)}.warning-marker .marker-line{background-color:var(--color-warning)}.max-marker .marker-line{background-color:var(--color-error)}.marker-label{position:absolute;top:22px;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:600;white-space:nowrap}.warning-marker .marker-label{color:var(--color-warning)}.max-marker .marker-label{color:var(--color-error)}.vd-scale{display:flex;justify-content:space-between;margin-top:18px;font-size:.65rem;color:var(--color-text-light)}.vd-details{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.vd-detail{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem}.detail-label{color:var(--color-text-muted)}.detail-value{font-weight:600;color:var(--color-text)}.detail-arrow{color:var(--color-text-muted);font-size:.9rem}.final-voltage{color:var(--color-primary)}.vd-message{margin-top:var(--spacing-xs);font-size:.75rem;font-style:italic}.status-ok .vd-message{color:var(--color-success)}.status-warning .vd-message{color:var(--color-warning)}.status-error .vd-message{color:var(--color-error)}[data-theme=dark] .voltage-drop-bar{background-color:var(--color-bg-card)}[data-theme=dark] .vd-bar-track{background-color:var(--color-bg-hover)}[data-theme=dark] .vd-bar-fill.status-ok{background:linear-gradient(90deg,#4ade80,#86efac)}[data-theme=dark] .vd-bar-fill.status-warning{background:linear-gradient(90deg,#fbbf24,#fcd34d)}[data-theme=dark] .vd-bar-fill.status-error{background:linear-gradient(90deg,#f87171,#fca5a5)}@media(max-width:480px){.voltage-drop-bar{padding:var(--spacing-sm)}.vd-details{flex-direction:column;gap:var(--spacing-xs)}.vd-header{flex-wrap:wrap}}@media print{.voltage-drop-bar{border:1px solid #ccc!important;background:#fff!important;page-break-inside:avoid}.vd-bar-fill{-webkit-print-color-adjust:exact;print-color-adjust:exact}.status-ok .vd-bar-fill{background:#22c55e!important}.status-warning .vd-bar-fill{background:#eab308!important}.status-error .vd-bar-fill{background:#ef4444!important}}.collapsible-section{border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);overflow:hidden;background-color:var(--color-bg-card)}.collapsible-header{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;cursor:pointer;text-align:left;font-size:.9rem;font-weight:500;color:var(--color-text);transition:background-color var(--transition-fast)}.collapsible-header:hover{background-color:var(--color-bg-hover)}.collapsible-header:focus{outline:none}.collapsible-header:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.collapsible-chevron{width:18px;height:18px;color:var(--color-text-muted);transition:transform .2s ease;flex-shrink:0}.collapsible-section.expanded .collapsible-chevron{transform:rotate(0)}.collapsible-section.collapsed .collapsible-chevron{transform:rotate(-90deg)}.collapsible-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-muted);flex-shrink:0}.collapsible-icon svg{width:100%;height:100%}.collapsible-title{flex:1;font-weight:500}.collapsible-badge{padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.collapsible-badge.badge-info{background-color:var(--color-info-light);color:var(--color-info)}.collapsible-badge.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.collapsible-badge.badge-error{background-color:var(--color-error-light);color:var(--color-error)}.collapsible-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}.collapsible-section.expanded .collapsible-content{grid-template-rows:1fr}.collapsible-inner{overflow:hidden}.collapsible-section.expanded .collapsible-inner{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}.collapsible-inner>.collapsible-section{border-color:var(--color-border-light);background-color:var(--color-bg)}.collapsible-section.expanded .collapsible-inner:before{content:"";display:block;height:1px;background-color:var(--color-border-light);margin-bottom:var(--spacing-md)}[data-theme=dark] .collapsible-section{border-color:var(--color-border)}[data-theme=dark] .collapsible-header:hover{background-color:var(--color-bg-hover)}[data-theme=dark] .collapsible-badge.badge-info{background-color:#0ea5e926}[data-theme=dark] .collapsible-badge.badge-warning{background-color:#eab30826}[data-theme=dark] .collapsible-badge.badge-error{background-color:#ef444426}@media(max-width:480px){.collapsible-header{padding:var(--spacing-sm);font-size:.85rem}.collapsible-section.expanded .collapsible-inner{padding:0 var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)}.collapsible-badge{font-size:.65rem;padding:1px 6px}}@media print{.collapsible-section{border:1px solid #ccc!important;background:#fff!important}.collapsible-content{grid-template-rows:1fr!important}.collapsible-inner{padding:0 10px 10px!important}.collapsible-chevron{display:none!important}.collapsible-header{background:#f5f5f5!important;border-bottom:1px solid #ccc!important}}.conductor-comparison-table{margin-top:var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg)}.comparison-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--color-text);transition:background-color var(--transition-fast)}.comparison-toggle:hover{background-color:var(--color-bg-hover)}.comparison-toggle:focus{outline:none}.comparison-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.toggle-chevron{width:18px;height:18px;color:var(--color-text-muted);transition:transform .2s ease}.toggle-chevron.expanded{transform:rotate(180deg)}.comparison-content{border-top:1px solid var(--color-border-light);padding:var(--spacing-sm)}.comparison-table{width:100%;border-collapse:collapse;font-size:.8rem}.comparison-table th{text-align:left;padding:var(--spacing-xs) var(--spacing-sm);font-weight:600;color:var(--color-text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-border-light)}.comparison-table td{padding:var(--spacing-xs) var(--spacing-sm);vertical-align:middle}.comparison-table tbody tr{transition:background-color var(--transition-fast)}.comparison-table tbody tr.selectable{cursor:pointer}.comparison-table tbody tr:hover{background-color:var(--color-bg-hover)}.comparison-table tbody tr.selected{background-color:#3b82f614}.option-label{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:500}.check-icon{width:14px;height:14px;color:var(--color-success)}.size-cell{font-family:var(--font-mono);font-size:.75rem}.runs-cell{text-align:center}.vd-cell{font-weight:600;text-align:center}.vd-cell.vd-ok{color:var(--color-success)}.vd-cell.vd-warning{color:var(--color-warning)}.vd-cell.vd-error{color:var(--color-error)}.cost-cell{font-weight:500;color:var(--color-text-muted)}.select-cell{text-align:right}.select-btn{padding:2px 8px;font-size:.7rem;font-weight:500;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.select-btn:hover{background-color:var(--color-primary-dark)}.select-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.comparison-legend{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light);font-size:.7rem;color:var(--color-text-muted)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs)}.vd-indicator{width:10px;height:10px;border-radius:2px}.vd-indicator.vd-ok{background-color:var(--color-success)}.vd-indicator.vd-warning{background-color:var(--color-warning)}.vd-indicator.vd-error{background-color:var(--color-error)}[data-theme=dark] .conductor-comparison-table{background-color:var(--color-bg-card)}[data-theme=dark] .comparison-table tbody tr.selected{background-color:#3b82f626}@media(max-width:600px){.comparison-content{padding:var(--spacing-xs)}.comparison-table{display:block}.comparison-table thead{display:none}.comparison-table tbody{display:flex;flex-direction:column;gap:var(--spacing-sm)}.comparison-table tbody tr{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.comparison-table tbody tr.selected{border-color:var(--color-primary)}.comparison-table td{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);font-size:.85rem}.comparison-table td:before{content:attr(data-label);font-size:.65rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase}.comparison-table td:first-child{flex:1 1 100%;font-weight:600;font-size:.95rem;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-xs)}.comparison-table td:first-child:before{display:none}.comparison-table td.select-cell{flex:0 0 auto;margin-left:auto}.comparison-table td.select-cell:before{display:none}.comparison-legend{flex-wrap:wrap;gap:var(--spacing-sm)}}@media print{.conductor-comparison-table{border:1px solid #ccc!important;background:#fff!important}.comparison-toggle{display:none!important}.comparison-content{display:block!important;border-top:none!important}.select-cell,.select-btn{display:none!important}}.arc-flash-indicator{padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.arc-flash-indicator.cat-0{background-color:#22c55e0d;border-color:#22c55e4d}.arc-flash-indicator.cat-1{background-color:#3b82f60d;border-color:#3b82f64d}.arc-flash-indicator.cat-2{background-color:#eab3080d;border-color:#eab3084d}.arc-flash-indicator.cat-3{background-color:#f973160d;border-color:#f973164d}.arc-flash-indicator.cat-4{background-color:#ef44440d;border-color:#ef44444d}.arc-flash-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.arc-flash-icon{width:20px;height:20px;color:#f97316}.arc-flash-title{font-size:.85rem;font-weight:700;letter-spacing:.05em;color:var(--color-text)}.arc-flash-category-display{padding:var(--spacing-md);background-color:var(--color-bg-card);border-radius:var(--radius-md);border:2px solid;text-align:center;margin-bottom:var(--spacing-md)}.category-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.03em;margin-bottom:var(--spacing-sm)}.incident-energy{margin-bottom:var(--spacing-xs)}.energy-value{font-size:2rem;font-weight:700;color:var(--color-text);line-height:1.1}.energy-unit{font-size:.85rem;color:var(--color-text-muted);margin-left:var(--spacing-xs)}.arc-boundary{font-size:.85rem;color:var(--color-text-muted)}.boundary-label{margin-right:var(--spacing-xs)}.boundary-value{font-weight:600;color:var(--color-text)}.ppe-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm);background-color:var(--color-bg-hover);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:500;color:var(--color-text);transition:background-color var(--transition-fast)}.ppe-toggle:hover{background-color:var(--color-border-light)}.ppe-toggle:focus{outline:none}.ppe-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-icon{width:16px;height:16px;color:var(--color-text-muted);transition:transform .2s ease}.toggle-icon.expanded{transform:rotate(180deg)}.ppe-list{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-bg-card);border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.ppe-rating{font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light)}.ppe-list ul{list-style:none;margin:0;padding:0}.ppe-list li{position:relative;padding-left:var(--spacing-md);font-size:.8rem;color:var(--color-text);margin-bottom:var(--spacing-xs)}.ppe-list li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.ppe-list li:last-child{margin-bottom:0}.arc-flash-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm);background-color:#ef44441a;border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-error)}.warning-icon{width:16px;height:16px;flex-shrink:0;margin-top:1px}.arc-flash-disclaimer{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light);font-size:.7rem;font-style:italic;color:var(--color-text-light);text-align:center}[data-theme=dark] .arc-flash-indicator.cat-0{background-color:#4ade8014}[data-theme=dark] .arc-flash-indicator.cat-1{background-color:#3b82f614}[data-theme=dark] .arc-flash-indicator.cat-2{background-color:#fbbf2414}[data-theme=dark] .arc-flash-indicator.cat-3{background-color:#f9731614}[data-theme=dark] .arc-flash-indicator.cat-4{background-color:#f8717114}[data-theme=dark] .arc-flash-category-display{background-color:var(--color-bg)}[data-theme=dark] .ppe-toggle{background-color:var(--color-bg-card)}[data-theme=dark] .ppe-toggle:hover{background-color:var(--color-bg-hover)}@media(max-width:480px){.arc-flash-indicator,.arc-flash-category-display{padding:var(--spacing-sm)}.energy-value{font-size:1.5rem}}@media print{.arc-flash-indicator{border:2px solid black!important;background:#fff!important;page-break-inside:avoid}.category-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ppe-toggle{display:none!important}.ppe-list{display:block!important;margin-top:10px!important}}.nec-decision-tree{padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.tree-header{margin-bottom:var(--spacing-md)}.tree-header h4{margin:0;font-size:.9rem;color:var(--color-text);font-weight:600}.tree-container{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm) 0}.tree-node{position:relative}.node-content{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-md);text-align:center;min-width:120px}.tree-node.root .node-content{background-color:var(--color-bg-hover);border-color:var(--color-text-muted)}.tree-node.decision .node-content{background-color:var(--color-bg-card);border-color:var(--color-border)}.tree-node.result .node-content{background-color:#22c55e14;border-color:var(--color-success)}.tree-branch.active .tree-node.decision .node-content,.tiered-path.active .tree-node.decision .node-content{background-color:#3b82f61a;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.node-question{font-size:.85rem;font-weight:600;color:var(--color-text)}.node-condition{font-size:.7rem;color:var(--color-text-muted);margin-bottom:2px}.node-title{font-size:.85rem;font-weight:600;color:var(--color-text)}.node-value{font-size:.8rem;color:var(--color-text-muted);margin-top:2px}.your-path{display:inline-block;margin-top:var(--spacing-xs);padding:2px 6px;background-color:var(--color-primary);color:#fff;font-size:.65rem;font-weight:600;border-radius:10px;text-transform:uppercase;letter-spacing:.03em}.tree-branches{display:flex;gap:var(--spacing-xl);margin-top:var(--spacing-md);padding-top:var(--spacing-md);position:relative}.tree-branches:before{content:"";position:absolute;top:0;left:50%;width:2px;height:var(--spacing-md);background-color:var(--color-border);transform:translate(-50%)}.tree-branch{display:flex;flex-direction:column;align-items:center;opacity:.5;transition:opacity .2s ease}.tree-branch.active{opacity:1}.branch-line{position:relative;width:100%;height:30px;margin-bottom:var(--spacing-xs)}.branch-line:before{content:"";position:absolute;top:0;left:50%;width:2px;height:100%;background-color:var(--color-border)}.tree-branch.active .branch-line:before{background-color:var(--color-primary)}.branch-label{position:absolute;top:5px;left:50%;transform:translate(calc(-50% + 15px));font-size:.7rem;font-weight:600;color:var(--color-text-muted);background-color:var(--color-bg);padding:0 4px}.tree-branch.active .branch-label{color:var(--color-primary)}.branch-connector.vertical{width:2px;height:20px;background-color:var(--color-border);margin:var(--spacing-xs) 0}.tree-branch.active .branch-connector.vertical{background-color:var(--color-primary)}.tiered-paths{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tiered-path{opacity:.5;transition:opacity .2s ease}.tiered-path.active{opacity:1}.tiered-path .node-content{min-width:100px;padding:var(--spacing-xs) var(--spacing-sm)}.tree-reference{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light);font-size:.75rem;text-align:center}.reference-label{color:var(--color-text-muted);margin-right:var(--spacing-xs)}.reference-value{font-weight:500;color:var(--color-text)}[data-theme=dark] .nec-decision-tree{background-color:var(--color-bg-card)}[data-theme=dark] .tree-node.root .node-content{background-color:var(--color-bg)}[data-theme=dark] .tree-branch.active .tree-node.decision .node-content,[data-theme=dark] .tiered-path.active .tree-node.decision .node-content{background-color:#3b82f626}[data-theme=dark] .tree-node.result .node-content{background-color:#4ade801a}@media(max-width:600px){.tree-branches{flex-direction:column;gap:var(--spacing-md)}.tree-branches:before{display:none}.tree-branch{width:100%}.branch-line{height:20px}.tiered-paths{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs)}.tiered-path .node-content{min-width:80px;font-size:.75rem}}@media print{.nec-decision-tree{border:1px solid #ccc!important;background:#fff!important;page-break-inside:avoid}.tree-branch,.tiered-path{opacity:1!important}.tree-branch.active .node-content,.tiered-path.active .node-content{border-width:3px!important}}.generator-circuit-diagram{padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.generator-circuit-diagram h4{margin:0 0 var(--spacing-md) 0;font-size:.9rem;color:var(--color-text)}.generator-svg{width:100%;max-width:500px;height:auto;margin:0 auto;display:block}.generator-svg rect{fill:var(--color-bg-card);stroke:var(--color-border);stroke-width:1.5}.generator-svg .gen-box{fill:#22c55e1a;stroke:var(--color-success);stroke-width:2}.generator-svg .gen-circle{fill:var(--color-bg-card);stroke:var(--color-success);stroke-width:2}.generator-svg .gen-symbol{font-size:18px;font-weight:700;fill:var(--color-success)}.generator-svg .gen-breaker rect{fill:#ef44441a;stroke:var(--color-error)}.generator-svg .ats rect{fill:#3b82f61a;stroke:var(--color-primary);stroke-width:2}.generator-svg .ats-switch{stroke:var(--color-primary);stroke-width:2}.generator-svg .ats-contact{fill:var(--color-primary)}.generator-svg .load rect{fill:#8b5cf61a;stroke:#8b5cf6;stroke-width:2}.generator-svg .wire-line{stroke:var(--color-text);stroke-width:2.5;stroke-linecap:square}.generator-svg .utility-line{stroke:var(--color-text-muted);stroke-width:2;stroke-dasharray:4 2}.generator-svg .utility-label{font-size:9px;fill:var(--color-text-muted)}.generator-svg .ground-line{stroke:var(--color-text);stroke-width:1.5}.generator-svg .gec-label{font-size:9px;fill:var(--color-text-muted)}.generator-svg .component-label{font-size:11px;font-weight:600;fill:var(--color-text)}.generator-svg .component-sublabel{font-size:9px;fill:var(--color-text-muted)}.generator-svg .component-value{font-size:11px;font-weight:500;fill:var(--color-text-muted)}.generator-svg .wire-spec{font-size:9px;fill:var(--color-text-muted);font-weight:500}.generator-svg .wire-spec.status-ok{fill:var(--color-success)}.generator-svg .wire-spec.status-warning{fill:var(--color-warning)}.generator-svg .wire-spec.status-error{fill:var(--color-error)}.generator-svg .phase-indicator{font-size:9px;fill:var(--color-text-light)}.generator-circuit-diagram .diagram-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.generator-circuit-diagram .legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--color-text-muted)}.generator-circuit-diagram .legend-color{width:12px;height:12px;border-radius:2px;border:1px solid}.generator-circuit-diagram .legend-color.gen-color{background-color:#22c55e1a;border-color:var(--color-success)}.generator-circuit-diagram .legend-color.breaker-color{background-color:#ef44441a;border-color:var(--color-error)}.generator-circuit-diagram .legend-color.ats-color{background-color:#3b82f61a;border-color:var(--color-primary)}.generator-circuit-diagram .legend-color.load-color{background-color:#8b5cf61a;border-color:#8b5cf6}.generator-circuit-diagram .legend-note{font-style:italic;color:var(--color-text-light)}@media(max-width:600px){.generator-svg{max-width:100%}.generator-circuit-diagram .diagram-legend{flex-direction:column;gap:var(--spacing-xs)}}[data-theme=dark] .generator-svg .component-label,[data-theme=dark] .generator-svg .component-value,[data-theme=dark] .generator-svg .gen-symbol{fill:var(--color-text)}[data-theme=dark] .generator-svg .wire-line{stroke-width:2}[data-theme=dark] .generator-svg .gen-box{fill:#22c55e26}[data-theme=dark] .generator-svg .gen-breaker rect{fill:#ef444426}[data-theme=dark] .generator-svg .ats rect{fill:#3b82f626}[data-theme=dark] .generator-svg .load rect{fill:#8b5cf626}@media print{.generator-circuit-diagram{page-break-inside:avoid;background:#fff!important;padding:10px!important}.generator-svg rect,.generator-svg circle{stroke-width:1!important}.generator-svg .wire-line{stroke:#000!important;stroke-width:1.5!important}.generator-circuit-diagram .diagram-legend{display:flex!important}}.feeder-circuit-diagram{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.feeder-circuit-diagram .diagram-title{font-size:.9rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md);text-align:center}.feeder-circuit-diagram .diagram-container{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) 0}.feeder-circuit-diagram .source-panel,.feeder-circuit-diagram .load-panel{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);min-width:80px}.feeder-circuit-diagram .panel-label{font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.feeder-circuit-diagram .panel-box{width:70px;padding:var(--spacing-sm);background-color:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-sm);text-align:center}.feeder-circuit-diagram .panel-info{font-size:.85rem;font-weight:600;color:var(--color-text)}.feeder-circuit-diagram .panel-info-sub{font-size:.7rem;color:var(--color-text-muted)}.feeder-circuit-diagram .breaker-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.feeder-circuit-diagram .breaker-symbol{width:30px;height:45px}.feeder-circuit-diagram .breaker-icon{width:100%;height:100%;color:var(--color-text)}.feeder-circuit-diagram .breaker-label{font-size:.75rem;font-weight:600;color:var(--color-primary)}.feeder-circuit-diagram .feeder-conductors{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-bg-hover);border-radius:var(--radius-sm);position:relative}.feeder-circuit-diagram .feeder-conductors.vd-ok{border-left:3px solid var(--color-success);border-right:3px solid var(--color-success)}.feeder-circuit-diagram .feeder-conductors.vd-warning{border-left:3px solid var(--color-warning);border-right:3px solid var(--color-warning)}.feeder-circuit-diagram .feeder-conductors.vd-error{border-left:3px solid var(--color-error);border-right:3px solid var(--color-error)}.feeder-circuit-diagram .conductor-lines{display:flex;flex-direction:column;gap:4px}.feeder-circuit-diagram .conductor-line{display:flex;align-items:center;gap:0}.feeder-circuit-diagram .conductor-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-text)}.feeder-circuit-diagram .conductor-dot.green{background-color:var(--color-success)}.feeder-circuit-diagram .conductor-wire{flex:1;height:2px;background-color:var(--color-text)}.feeder-circuit-diagram .conductor-wire.dashed{background:repeating-linear-gradient(90deg,var(--color-text) 0,var(--color-text) 4px,transparent 4px,transparent 8px)}.feeder-circuit-diagram .conductor-wire.green{background-color:var(--color-success)}.feeder-circuit-diagram .neutral-line .conductor-dot,.feeder-circuit-diagram .neutral-line .conductor-wire{background-color:var(--color-text-muted)}.feeder-circuit-diagram .conductor-info{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.feeder-circuit-diagram .conductor-spec{font-size:.75rem;display:flex;gap:4px}.feeder-circuit-diagram .spec-label{color:var(--color-text-muted)}.feeder-circuit-diagram .spec-value{font-weight:600;color:var(--color-text)}.feeder-circuit-diagram .distance-annotation{display:flex;flex-direction:column;align-items:center;gap:2px}.feeder-circuit-diagram .distance-arrow{width:100%;height:15px;color:var(--color-text-muted)}.feeder-circuit-diagram .distance-label{font-size:.7rem;color:var(--color-text-muted)}.feeder-circuit-diagram .vd-annotation{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.feeder-circuit-diagram .vd-annotation.vd-ok{background-color:#22c55e1a;color:var(--color-success)}.feeder-circuit-diagram .vd-annotation.vd-warning{background-color:#eab3081a;color:var(--color-warning)}.feeder-circuit-diagram .vd-annotation.vd-error{background-color:#ef44441a;color:var(--color-error)}.feeder-circuit-diagram .vd-icon{font-size:.9rem}.feeder-circuit-diagram .diagram-legend{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.feeder-circuit-diagram .legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--color-text-muted)}.feeder-circuit-diagram .legend-line{width:20px;height:2px}.feeder-circuit-diagram .legend-line.phase{background-color:var(--color-text)}.feeder-circuit-diagram .legend-line.neutral{background:repeating-linear-gradient(90deg,var(--color-text-muted) 0,var(--color-text-muted) 3px,transparent 3px,transparent 6px)}.feeder-circuit-diagram .legend-line.egc{background-color:var(--color-success)}@media(max-width:600px){.feeder-circuit-diagram .diagram-container{flex-direction:column}.feeder-circuit-diagram .source-panel,.feeder-circuit-diagram .load-panel{flex-direction:row;justify-content:center;width:100%}.feeder-circuit-diagram .feeder-conductors{width:100%;min-height:100px}.feeder-circuit-diagram .conductor-lines{flex-direction:row;justify-content:center}.feeder-circuit-diagram .conductor-line{flex-direction:column;height:60px;width:auto}.feeder-circuit-diagram .conductor-wire{width:2px;height:100%}.feeder-circuit-diagram .conductor-wire.dashed{background:repeating-linear-gradient(180deg,var(--color-text) 0,var(--color-text) 4px,transparent 4px,transparent 8px)}.feeder-circuit-diagram .diagram-legend{flex-wrap:wrap;gap:var(--spacing-sm)}}@media print{.feeder-circuit-diagram{background-color:#fff;border:1px solid #ccc;page-break-inside:avoid}.feeder-circuit-diagram .panel-box{background-color:#fff}.feeder-circuit-diagram .feeder-conductors{background-color:#f5f5f5}}.mobile-results-banner{position:fixed;top:var(--header-height, 60px);left:0;right:0;z-index:89;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);height:var(--mobile-banner-height, 48px);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-card);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transform:translateY(-100%);opacity:0;transition:transform var(--transition-fast),opacity var(--transition-fast)}.mobile-results-banner.visible{transform:translateY(0);opacity:1}.mobile-results-banner:hover{background:var(--color-bg-hover)}.mobile-results-banner:active{background:var(--color-bg)}.banner-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.banner-content::-webkit-scrollbar{display:none}.banner-item{display:flex;flex-direction:column;align-items:flex-start;min-width:max-content;padding:2px var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-bg)}.banner-item.highlight{background:#3b82f61a;border:1px solid rgba(59,130,246,.3)}.banner-item.ok{background:#22c55e1a}.banner-item.warning{background:#eab30826}.banner-item.error{background:#ef444426}.banner-value{font-size:1rem;font-weight:700;font-family:var(--font-mono);color:var(--color-text);line-height:1.2}.banner-item.ok .banner-value{color:var(--color-success)}.banner-item.warning .banner-value{color:var(--color-warning)}.banner-item.error .banner-value{color:var(--color-error)}.banner-unit{font-size:.75rem;font-weight:500;color:var(--color-text-muted);margin-left:2px}.banner-label{font-size:.65rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;line-height:1}.banner-hint{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:var(--color-text-muted);animation:bounce 2s infinite}@media(min-width:1024px){.mobile-results-banner{display:none}}@media(min-width:768px)and (max-width:1023px){.mobile-results-banner{padding:var(--spacing-sm) var(--spacing-lg)}.banner-content{gap:var(--spacing-lg)}.banner-value{font-size:1.125rem}.banner-label{font-size:.7rem}}@media(max-width:480px){.mobile-results-banner{padding:var(--spacing-xs) var(--spacing-sm);height:44px}.banner-content{gap:var(--spacing-sm)}.banner-item{padding:2px var(--spacing-xs)}.banner-value{font-size:.9rem}.banner-label{font-size:.6rem}}@media(max-width:360px){.banner-content{gap:var(--spacing-xs)}.banner-value{font-size:.85rem}.banner-unit{font-size:.65rem}.banner-hint{display:none}}[data-theme=dark] .mobile-results-banner{background:var(--color-bg-card);border-bottom-color:var(--color-border)}[data-theme=dark] .banner-item{background:var(--color-bg)}[data-theme=dark] .banner-item.highlight{background:#3b82f633;border-color:#3b82f666}@media print{.mobile-results-banner{display:none!important}}.settings-overlay{position:fixed;inset:0;background-color:#00000080;z-index:200}.settings-panel{position:fixed;top:0;right:0;width:400px;max-width:100%;height:100vh;background-color:var(--color-bg-card);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:201;animation:slideIn .2s ease}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.settings-header h2{font-size:1.25rem;font-weight:600}.settings-close-btn{padding:var(--spacing-sm);background:none;border:none;font-size:1.25rem;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.settings-close-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.settings-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.settings-section{margin-bottom:var(--spacing-xl)}.settings-section h3{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.settings-section>div{margin-bottom:var(--spacing-md)}.settings-info{background-color:var(--color-bg);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem}.settings-info p{margin-bottom:var(--spacing-xs)}.settings-info p:last-child{margin-bottom:0}.settings-note{color:var(--color-text-muted);font-size:.8125rem;margin-top:var(--spacing-sm)!important}.settings-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border)}.settings-footer button{flex:1}@media(max-width:480px){.settings-panel{width:100%}}.history-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000}.history-panel{position:fixed;top:0;right:0;width:360px;max-width:100%;height:100%;background-color:var(--color-surface);box-shadow:-4px 0 20px #0000004d;z-index:1001;display:flex;flex-direction:column;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.history-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-surface-alt)}.history-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text)}.history-header .close-btn{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color .2s,background-color .2s}.history-header .close-btn:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.history-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.history-empty .hint{font-size:.875rem;margin-top:var(--spacing-sm)}.history-actions{padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.history-actions .clear-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.history-actions .clear-btn:hover{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.history-list{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.history-entry{position:relative;padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--color-surface-alt);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s}.history-entry:hover{background-color:var(--color-surface-hover)}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.entry-calculator{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary)}.entry-time{font-size:.75rem;color:var(--color-text-muted)}.entry-summary{font-size:.875rem;color:var(--color-text);line-height:1.4;padding-right:var(--spacing-lg)}.entry-delete{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);opacity:0;transition:all .2s}.history-entry:hover .entry-delete{opacity:1}.entry-delete:hover{color:var(--color-error);background-color:#ef44441a}.entry-name{font-size:.9rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.entry-actions{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity .2s}.history-entry:hover .entry-actions{opacity:1}.entry-rename,.entry-delete{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all .2s}.entry-rename:hover{color:var(--color-primary);background-color:#3b82f61a}.history-entry.editing{background-color:var(--color-bg-secondary);cursor:default}.entry-edit{display:flex;flex-direction:column;gap:var(--spacing-sm)}.entry-name-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border-focus);border-radius:var(--radius-sm);background:var(--color-bg-input);color:var(--color-text);font-size:.9rem}.entry-name-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.entry-edit-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.entry-edit-actions .btn-save,.entry-edit-actions .btn-cancel{padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.entry-edit-actions .btn-save{background:var(--color-primary);color:#fff}.entry-edit-actions .btn-save:hover{background:var(--color-primary-dark)}.entry-edit-actions .btn-cancel{background:var(--color-bg-secondary);color:var(--color-text-muted)}.entry-edit-actions .btn-cancel:hover{background:var(--color-bg-hover);color:var(--color-text)}@media(max-width:768px){.history-panel{width:100%}.entry-actions{opacity:1}}.project-panel{width:400px}@media(max-width:480px){.project-panel{width:100%}}.panel-tabs{display:flex;border-bottom:1px solid var(--color-border);padding:0 var(--spacing-md)}.panel-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.panel-tab:hover:not(:disabled){color:var(--color-text)}.panel-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.panel-tab:disabled{opacity:.5;cursor:not-allowed}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:600;border-radius:9px}.current-project-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:#3b82f61a;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.current-project-info{display:flex;flex-direction:column}.current-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary)}.current-name{font-weight:600;color:var(--color-text)}.btn-close-project{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.btn-close-project:hover{background:var(--color-bg);color:var(--color-text)}.btn-new-project{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast);margin-bottom:var(--spacing-md)}.btn-new-project:hover{background:var(--color-primary-dark)}.create-project-form{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.create-project-form input{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text)}.create-project-form input:focus{outline:none;border-color:var(--color-primary)}.form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.btn-cancel,.btn-create{padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.btn-cancel{background:transparent;color:var(--color-text-muted)}.btn-cancel:hover{background:var(--color-bg-hover)}.btn-create{background:var(--color-primary);color:#fff}.btn-create:hover{background:var(--color-primary-dark)}.projects-list{margin-bottom:var(--spacing-lg)}.empty-projects,.empty-schedule{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.empty-projects .hint,.empty-schedule .hint{font-size:.8125rem;margin-top:var(--spacing-xs)}.project-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);cursor:pointer;transition:background var(--transition-fast)}.project-item:hover{background:var(--color-bg-hover)}.project-item.active{background:#3b82f61a;border-left:3px solid var(--color-primary)}.project-info{flex:1;display:flex;flex-direction:column;gap:2px}.project-name{font-weight:500;color:var(--color-text)}.project-meta{font-size:.75rem;color:var(--color-text-muted)}.btn-delete-project{padding:var(--spacing-xs);background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-delete-project:hover{color:var(--color-error);background:#ef44441a}.project-details{padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.project-details h4{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.detail-field{margin-bottom:var(--spacing-sm)}.detail-field label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:4px}.detail-field input,.detail-field textarea{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text);font-family:inherit;resize:vertical}.detail-field input:focus,.detail-field textarea:focus{outline:none;border-color:var(--color-primary)}.schedule-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.btn-export{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.btn-export:hover:not(:disabled){background:var(--color-primary-dark)}.btn-export:disabled{opacity:.5;cursor:not-allowed}.btn-export.secondary{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border)}.btn-export.secondary:hover:not(:disabled){background:var(--color-bg-hover)}.btn-clear{margin-left:auto;padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.btn-clear:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.schedule-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.schedule-entry{background:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md)}.entry-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:4px}.entry-number{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:600;border-radius:50%}.entry-name{flex:1;font-weight:500;color:var(--color-text);cursor:pointer}.entry-name:hover{color:var(--color-primary)}.entry-name-input{flex:1;padding:2px 6px;background:var(--color-bg);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text)}.btn-remove-entry{padding:4px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-remove-entry:hover{color:var(--color-error);background:#ef44441a}.entry-details{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:.75rem;color:var(--color-text-muted);padding-left:calc(20px + var(--spacing-sm))}.entry-details span{padding:2px 6px;background:var(--color-bg);border-radius:var(--radius-sm)}.calculator{padding:var(--spacing-lg);animation:fadeIn var(--transition-normal)}.calculator-header{margin-bottom:var(--spacing-xl)}.calculator-header h2{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.calculator-description{color:var(--color-text-muted);margin-bottom:0}.calculator-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--spacing-lg);align-items:start}@media(max-width:1200px){.calculator-grid{grid-template-columns:1fr 1.2fr}}@media(max-width:1024px){.calculator-grid{grid-template-columns:1fr}}.calculator-inputs{display:flex;flex-direction:column;gap:var(--spacing-md)}.calculator-outputs{display:flex;flex-direction:column;gap:var(--spacing-md);position:sticky;top:calc(var(--header-height) + var(--spacing-lg));max-height:calc(100vh - var(--header-height) - 2 * var(--spacing-lg));overflow-y:auto;border-left:3px solid var(--color-primary);box-shadow:var(--shadow-md)}@media(max-width:1024px){.calculator-outputs{position:static;max-height:none;overflow-y:visible}}.section-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.input-with-tooltip{display:flex;align-items:flex-start;gap:var(--spacing-xs)}.input-with-tooltip>.input-field,.input-with-tooltip>.dropdown{flex:1}.input-with-tooltip>.tooltip-wrapper{margin-top:24px}.input-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0}.input-static-label{font-size:.875rem;color:var(--color-text)}.input-static-value{font-weight:500;color:var(--color-text)}.output-group{margin-bottom:var(--spacing-lg)}.output-group:last-child{margin-bottom:0}.output-group h4{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.output-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}@media(max-width:600px){.output-grid{grid-template-columns:1fr}}.output-note{font-size:.8125rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.output-details{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md)}.detail-row{display:flex;justify-content:space-between;font-size:.875rem;padding:var(--spacing-xs) 0}.detail-row span:first-child{color:var(--color-text-muted)}.detail-row span:last-child{font-family:var(--font-mono);font-weight:500}.reference-list{list-style:none;padding:0;margin:0}.reference-list li{padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);background-color:var(--color-bg);border-radius:var(--radius-sm);font-size:.8125rem}.reference-list li:last-child{margin-bottom:0}.reference-list strong{display:block;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.ref-description{color:var(--color-text-muted);display:block}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.sticky-result-summary{position:fixed;top:var(--header-height, 60px);left:0;right:0;z-index:89;height:var(--mobile-banner-height, 48px);background:var(--color-bg-card);padding:var(--spacing-xs) var(--spacing-md);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);display:none}.sticky-result-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.sticky-result-main{display:flex;align-items:baseline;gap:var(--spacing-sm)}.sticky-result-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.sticky-result-value{font-size:1.75rem;font-weight:700;font-family:var(--font-mono);color:var(--color-text)}.sticky-result-unit{font-size:1rem;font-weight:500;color:var(--color-text-muted)}.sticky-result-wire{font-size:.875rem;color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm)}.sticky-result-hint{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text-muted);font-size:1rem;animation:bounce 2s infinite}@media(max-width:1024px){.sticky-result-summary{display:flex;align-items:center;cursor:pointer}.sticky-result-summary:hover{background:var(--color-bg-hover)}}@media(max-width:480px){.sticky-result-summary{height:44px;padding:var(--spacing-xs) var(--spacing-sm)}.sticky-result-value{font-size:1.25rem}.sticky-result-wire{font-size:.7rem}}@media(max-width:600px){.sticky-result-value{font-size:1.5rem}.sticky-result-wire{font-size:.75rem;padding:var(--spacing-xs)}}.results-header .section-title{margin-bottom:0;padding-bottom:0;border-bottom:none}.input-derated .input-element{border-color:var(--color-warning, #ffc107);box-shadow:0 0 0 1px var(--color-warning, #ffc107)}.input-derated .input-label{color:var(--color-warning-text, #856404)}.derating-notice{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-warning-bg, #fff3cd);border:1px solid var(--color-warning-border, #ffc107);border-radius:var(--radius-md);border-left:4px solid var(--color-warning, #ffc107)}.derating-notice-title{font-weight:600;font-size:.875rem;color:var(--color-warning-text, #856404);display:block;margin-bottom:var(--spacing-xs)}.derating-notice-list{margin:0;padding-left:var(--spacing-md);font-size:.8125rem;color:var(--color-warning-text, #856404)}.derating-notice-list li{margin-bottom:var(--spacing-xs)}.derating-notice-list li:last-child{margin-bottom:0}.derating-notice-info{background-color:var(--color-info-bg, #d1ecf1);border-color:var(--color-info-border, #17a2b8);border-left-color:var(--color-info, #17a2b8)}.derating-notice-info .derating-notice-title,.derating-notice-info .derating-notice-list{color:var(--color-info-text, #0c5460)}.derating-factors-group{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);margin-top:calc(var(--spacing-sm) * -1);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.derating-factors-group .input-with-tooltip{display:flex;align-items:flex-start;gap:var(--spacing-xs)}.derating-factors-group .toggle{flex:1}.wire-size-row{display:flex;gap:var(--spacing-md);align-items:flex-start}.wire-size-row .dropdown{flex:1}.conductors-per-phase-input{display:flex;flex-direction:column;min-width:140px}.conductors-per-phase-input label{font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-xs)}.conductors-per-phase-input.input-derated label{color:var(--color-warning-text, #856404)}.spinner-input{display:flex;align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.conductors-per-phase-input.input-derated .spinner-input{border-color:var(--color-warning, #ffc107);box-shadow:0 0 0 1px var(--color-warning, #ffc107)}.spinner-input input{width:40px;text-align:center;border:none;padding:var(--spacing-sm);font-size:1rem;font-weight:600;background:transparent;color:var(--color-text);-moz-appearance:textfield}.spinner-input input::-webkit-outer-spin-button,.spinner-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spinner-input input:focus{outline:none}.spinner-btn{display:flex;align-items:center;justify-content:center;width:36px;border:none;background:var(--color-bg);color:var(--color-text);font-size:1.25rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.spinner-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.spinner-btn:disabled{opacity:.4;cursor:not-allowed}.spinner-down{border-right:1px solid var(--color-border)}.spinner-up{border-left:1px solid var(--color-border)}.temp-input-group{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.temp-unit-toggle{display:flex;gap:2px;margin-top:var(--spacing-xs)}.temp-unit-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:500;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.temp-unit-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.temp-unit-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none}.temp-unit-btn:hover:not(.active){background:var(--color-border)}.temp-unit-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.calc-mode-toggle{display:flex;gap:2px;margin-bottom:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-md);padding:4px}.calc-mode-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap}.calc-mode-btn:hover:not(.active){background:var(--color-border);color:var(--color-text)}.calc-mode-btn.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.mode-text-short{display:none}@media(max-width:480px){.mode-text-full{display:none}.mode-text-short{display:inline}.calc-mode-btn{padding:var(--spacing-sm) var(--spacing-xs);font-size:.75rem}}.reverse-calculator-input{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input-help-text{font-size:.8125rem;color:var(--color-text-muted);margin:0}.conductors-per-phase-input.standalone{margin-top:var(--spacing-sm)}.reverse-result{background:linear-gradient(135deg,var(--color-success-bg, #ecfdf5) 0%,var(--color-bg) 100%);border:1px solid var(--color-success-border, #10b981);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.reverse-result-main{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.reverse-result-label{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.reverse-result-value{font-size:2.5rem;font-weight:700;color:var(--color-success, #10b981);line-height:1;font-family:var(--font-mono)}.reverse-result-material{font-size:.875rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.reverse-result-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.reverse-result-details .detail-row{display:flex;justify-content:space-between;font-size:.875rem;padding:var(--spacing-xs) 0}.reverse-result-details .detail-row span:first-child{color:var(--color-text-muted)}.reverse-result-details .detail-row span:last-child{font-weight:500;font-family:var(--font-mono)}.reset-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);width:100%}.reset-button:hover{background-color:var(--color-border);color:var(--color-text)}@media(max-width:600px){.calculator{padding:var(--spacing-md)}.input-with-tooltip{flex-direction:column;gap:var(--spacing-xs)}.input-with-tooltip>.tooltip-wrapper{margin-top:0;align-self:flex-start}.wire-size-row{flex-direction:column;gap:var(--spacing-sm)}.derating-factors-group{padding:var(--spacing-sm)}.output-grid{grid-template-columns:1fr}.reverse-result-value{font-size:2rem}}@media(max-width:480px){.calculator{padding:var(--spacing-sm)}.calculator-header h2{font-size:1.25rem}.calculator-description{font-size:.8125rem}.conductors-per-phase-input{min-width:unset;width:100%}.section-title{font-size:.75rem}.detail-row{font-size:.8125rem}.temp-unit-btn{padding:4px var(--spacing-xs);font-size:.6875rem}}@media(max-width:360px){.calculator-inputs,.calculator-outputs{padding:var(--spacing-sm)}.spinner-btn{width:32px;font-size:1rem}.spinner-input input{width:36px;font-size:.875rem}}@media print{.calculator{padding:0}.calculator-inputs{display:none}.calculator-grid{display:block}.calculator-outputs{box-shadow:none;border:1px solid #ccc}.calculator-header h2{font-size:1.25rem}.output-group{page-break-inside:avoid}.reference-list li{background:#f5f5f5}}.conduit-sizing .sticky-results-summary{position:fixed;top:var(--header-height, 60px);left:0;right:0;z-index:89;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);height:var(--mobile-banner-height, 48px);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-card);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast)}.conduit-sizing .sticky-results-summary:hover{background:var(--color-bg-hover)}.conduit-sizing .sticky-size{font-size:1.25rem;font-weight:700;color:var(--color-text)}.conduit-sizing .sticky-type{font-size:.875rem;color:var(--color-text-muted)}.conduit-sizing .sticky-fill{padding:2px 8px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600}.conduit-sizing .sticky-fill.fill-ok{background:#22c55e26;color:var(--color-success)}.conduit-sizing .sticky-fill.fill-warning{background:#eab30826;color:var(--color-warning)}.conduit-sizing .sticky-fill.fill-error{background:#ef444426;color:var(--color-error)}.conduit-sizing .sticky-hint{font-size:1rem;color:var(--color-text-muted);margin-left:auto;animation:bounce 2s infinite}@media(min-width:1200px){.conduit-sizing .sticky-results-summary{display:none}}.conduit-sizing .add-feedback-toast{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-success);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-weight:500;animation:toast-slide-up .3s ease-out}.conduit-sizing .toast-icon{font-size:1.25rem}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.conduit-sizing .results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.conduit-sizing .results-header .section-title{margin:0}.conduit-sizing .quantity-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.conduit-sizing .quantity-field label{font-size:.875rem;font-weight:500;color:var(--color-text)}.conduit-sizing .quantity-controls{display:flex;align-items:center;gap:0}.conduit-sizing .quantity-controls input{width:60px;height:38px;text-align:center;border:1px solid var(--color-border);border-left:none;border-right:none;font-size:1rem;font-weight:500;-moz-appearance:textfield}.conduit-sizing .quantity-controls input::-webkit-outer-spin-button,.conduit-sizing .quantity-controls input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.conduit-sizing .qty-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.conduit-sizing .qty-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff}.conduit-sizing .qty-btn:disabled{opacity:.5;cursor:not-allowed}.conduit-sizing .qty-minus{border-radius:var(--radius-md) 0 0 var(--radius-md)}.conduit-sizing .qty-plus{border-radius:0 var(--radius-md) var(--radius-md) 0}.conduit-sizing .collapsible-section{border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.conduit-sizing .collapsible-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border:none;cursor:pointer;transition:background var(--transition-fast)}.conduit-sizing .collapsible-header:hover{background:var(--color-bg-hover)}.conduit-sizing .collapsible-header .section-title{margin:0}.conduit-sizing .collapse-icon{font-size:.75rem;color:var(--color-text-muted);transition:transform var(--transition-fast)}.conduit-sizing .collapse-icon.expanded{transform:rotate(180deg)}.conduit-sizing .collapsible-section .special-cables-form{padding:var(--spacing-md);border-top:1px solid var(--color-border-light)}.conduit-sizing .conductor-list-title{display:flex;align-items:center;gap:var(--spacing-sm)}.conduit-sizing .conductor-list-title h4{margin:0}.conduit-sizing .undo-redo-buttons{display:flex;gap:2px}.conduit-sizing .btn-undo,.conduit-sizing .btn-redo{padding:4px 8px;font-size:.875rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.conduit-sizing .btn-undo:hover:not(:disabled),.conduit-sizing .btn-redo:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text)}.conduit-sizing .btn-undo:disabled,.conduit-sizing .btn-redo:disabled{opacity:.4;cursor:not-allowed}.conduit-sizing .comparison-table.clickable .clickable-row{cursor:pointer;transition:background var(--transition-fast)}.conduit-sizing .comparison-table.clickable .clickable-row:hover{background:var(--color-bg-hover)}.conduit-sizing .comparison-table.clickable .clickable-row:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.conduit-sizing .comparison-table.clickable .clickable-row.selected:hover{background:#3b82f626}.conduit-sizing .wire-filter-row{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;margin-bottom:var(--spacing-sm)}.conduit-sizing .filter-label{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap}.conduit-sizing .filter-buttons{display:flex;gap:4px;flex-wrap:wrap}.conduit-sizing .filter-btn{padding:4px 8px;font-size:.75rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.conduit-sizing .filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.conduit-sizing .filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.conduit-sizing .material-insulation-row{display:flex;gap:var(--spacing-md);align-items:flex-start;margin-bottom:var(--spacing-sm)}.conduit-sizing .material-insulation-row>.material-toggle{flex:1}.conduit-sizing .insulation-dropdown{flex:1;min-width:160px}@media(max-width:480px){.conduit-sizing .material-insulation-row{flex-direction:column}.conduit-sizing .material-insulation-row>*{width:100%}}.conduit-sizing .compact-stranding-option{margin-bottom:var(--spacing-sm)}.conduit-sizing .compact-tooltip{margin:var(--spacing-xs) 0 0 26px;font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.conduit-sizing .oversize-indicator{display:flex;flex-direction:column;gap:4px;padding:var(--spacing-sm);background:#3b82f61a;border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.conduit-sizing .oversize-badge{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;color:var(--color-primary)}.conduit-sizing .oversize-badge:before{content:"+";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--color-primary);color:#fff;border-radius:50%;font-size:.7rem;font-weight:700}.conduit-sizing .oversize-note{font-size:.75rem;color:var(--color-text-muted);margin-left:20px}.conduit-sizing .conductor-types-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.conduit-sizing .conductor-type-section{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg)}.conduit-sizing .conductor-type-section h5{margin:0 0 var(--spacing-sm) 0;font-size:.85rem;font-weight:600;color:var(--color-text)}.conduit-sizing .conductor-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.conduit-sizing .conductor-type-header h5{margin:0}.conduit-sizing .same-as-phase-toggle{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--color-text-muted);cursor:pointer}.conduit-sizing .same-as-phase-toggle input{width:14px;height:14px;cursor:pointer;accent-color:var(--color-primary)}.conduit-sizing .conductor-type-row{display:flex;align-items:flex-end;gap:var(--spacing-sm);flex-wrap:wrap}.conduit-sizing .conductor-type-row .conductor-size-dropdown{flex:1;min-width:100px}.conduit-sizing .conductor-type-row .quantity-field{flex-shrink:0}.conduit-sizing .conductor-type-row .add-btn{flex-shrink:0;height:38px;margin-top:0;padding:var(--spacing-xs) var(--spacing-md)}.conduit-sizing .conductor-size-dropdown.disabled select,.conduit-sizing .dropdown-field select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-bg-secondary)}.conduit-sizing .add-conductor-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.conduit-sizing .wire-size-dropdown-container{flex:1;min-width:120px}.conduit-sizing .wire-od-hint{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--spacing-xs);font-family:var(--font-mono)}.conduit-sizing .add-btn{margin-top:var(--spacing-sm)}.conduit-sizing .conductor-list{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md)}.conduit-sizing .conductor-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.conduit-sizing .conductor-list-header h4{margin:0;font-size:.9rem;color:var(--color-text)}.conduit-sizing .conductor-list ul{list-style:none;padding:0;margin:0}.conduit-sizing .conductor-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-light)}.conduit-sizing .conductor-item:last-child{border-bottom:none}.conduit-sizing .conductor-name{flex:1;font-weight:500;color:var(--color-text)}.conduit-sizing .conductor-area{display:flex;gap:var(--spacing-xs);font-size:.8rem;font-family:var(--font-mono);flex-shrink:0}.conduit-sizing .conductor-area .area-each{color:var(--color-text-muted)}.conduit-sizing .conductor-area .area-total{color:var(--color-text);font-weight:500}.conduit-sizing .btn-delete{padding:var(--spacing-xs);min-width:28px;height:28px;font-size:.8rem;color:var(--color-error);background:transparent;border:1px solid var(--color-error);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.conduit-sizing .btn-delete:hover{background-color:var(--color-error);color:#fff}.conduit-sizing .conductor-total{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);font-weight:500;font-size:.9rem;color:var(--color-text-muted)}@media(max-width:480px){.conduit-sizing .conductor-item{flex-wrap:wrap}.conduit-sizing .conductor-name{flex:1 1 calc(100% - 36px);margin-bottom:var(--spacing-xs)}.conduit-sizing .conductor-area{flex-direction:column;align-items:flex-start;gap:2px;margin-left:0}}.conduit-sizing .no-results{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.conduit-sizing .primary-result{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-bg);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.conduit-sizing .fill-bar-wrapper{margin-top:var(--spacing-md)}.conduit-sizing .fill-bar-container{position:relative;height:24px;background-color:var(--color-bg);border-radius:var(--radius-sm);overflow:visible}.conduit-sizing .fill-bar{height:100%;border-radius:var(--radius-sm);transition:width var(--transition-normal)}.conduit-sizing .fill-bar.fill-ok{background-color:var(--color-success)}.conduit-sizing .fill-bar.fill-warning{background-color:var(--color-warning)}.conduit-sizing .fill-bar.fill-error{background-color:var(--color-error)}.conduit-sizing .fill-tick{position:absolute;top:0;bottom:0;width:1px;background-color:var(--color-border);opacity:.5}.conduit-sizing .fill-tick.warning-zone{background-color:var(--color-warning);opacity:.7;width:2px}.conduit-sizing .fill-limit-marker{position:absolute;top:-2px;bottom:-2px;width:3px;background-color:var(--color-text);border-radius:1px}.conduit-sizing .fill-bar-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted);margin-top:var(--spacing-xs);padding:0 2px}.conduit-sizing .fill-label-current{position:absolute;bottom:-20px;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--color-text);white-space:nowrap}.conduit-sizing .conduit-comparison{margin-top:var(--spacing-sm)}@media(max-width:600px){.conduit-sizing .comparison-table{display:block}.conduit-sizing .comparison-table thead{display:none}.conduit-sizing .comparison-table tbody{display:flex;flex-direction:column;gap:var(--spacing-sm)}.conduit-sizing .comparison-table tr{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.conduit-sizing .comparison-table tr.selected{border-color:var(--color-primary);background:#3b82f60d}.conduit-sizing .comparison-table td{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border:none;font-size:.85rem}.conduit-sizing .comparison-table td:before{content:attr(data-label);font-size:.7rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase}.conduit-sizing .comparison-table td:first-child{flex:1 1 100%;font-weight:600;font-size:.95rem;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-xs)}.conduit-sizing .comparison-table td:first-child:before{display:none}.conduit-sizing .comparison-table tr.selected td:first-child:after{content:" ✓";color:var(--color-primary)}}.conduit-sizing .comparison-table{width:100%;border-collapse:collapse;font-size:.85rem}.conduit-sizing .comparison-table th,.conduit-sizing .comparison-table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-border-light)}.conduit-sizing .comparison-table th{font-weight:600;color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.conduit-sizing .comparison-table tr.selected{background-color:#3b82f61a}.conduit-sizing .comparison-table tr.selected td{font-weight:600;color:var(--color-primary)}.conduit-sizing .comparison-table tr.selected td.undersized{color:var(--color-error)}.conduit-sizing .comparison-table tr.selected td:first-child:after{content:" (selected)";font-size:.7rem;font-weight:400;opacity:.7}.conduit-sizing .comparison-note{margin-top:var(--spacing-sm);font-size:.75rem;color:var(--color-text-muted);font-style:italic}.conduit-sizing .manual-size-controls{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.conduit-sizing .manual-size-controls .dropdown-field{min-width:80px}.conduit-sizing .manual-size-label{font-size:.875rem;color:var(--color-text-muted)}.conduit-sizing .comparison-table td.undersized{color:var(--color-error);font-weight:600}.conduit-sizing .undersized-warning{color:var(--color-error);font-size:.8rem;margin-top:var(--spacing-sm);margin-bottom:0;display:flex;align-items:center;gap:var(--spacing-xs)}.conduit-sizing .output-note.info{padding:var(--spacing-sm) var(--spacing-md);background-color:#3b82f61a;border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.875rem;color:var(--color-text)}.conduit-sizing .btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.conduit-sizing .btn-primary{background-color:var(--color-primary);color:#fff}.conduit-sizing .btn-primary:hover{background-color:var(--color-primary-dark)}.conduit-sizing .btn-secondary{background-color:var(--color-bg-card);color:var(--color-primary);border:1px solid var(--color-primary)}.conduit-sizing .btn-secondary:hover{background-color:var(--color-primary);color:#fff}.conduit-sizing .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.conduit-sizing .btn-link{background:transparent;color:var(--color-primary);padding:var(--spacing-xs);font-size:.85rem}.conduit-sizing .btn-link:hover{text-decoration:underline}.conduit-sizing .checkbox-field{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm) 0;margin-top:var(--spacing-sm)}.conduit-sizing .checkbox-field input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.conduit-sizing .checkbox-field span{font-size:.85rem;color:var(--color-text)}.conduit-sizing .toggle-with-help,.conduit-sizing .checkbox-with-help,.conduit-sizing .field-with-help,.conduit-sizing .dropdown-with-help{display:flex;align-items:center;gap:var(--spacing-xs)}.conduit-sizing .section-title .help-tooltip-trigger{margin-left:var(--spacing-xs);vertical-align:middle}.conduit-sizing .field-with-help .material-toggle,.conduit-sizing .field-with-help .dropdown-field{flex:1}.conduit-sizing .educational-note{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md)}.conduit-sizing .educational-note h5{margin:0 0 var(--spacing-sm) 0;font-size:.9rem;color:var(--color-primary);font-weight:600}.conduit-sizing .educational-note p{margin:0 0 var(--spacing-sm) 0;font-size:.85rem;color:var(--color-text);line-height:1.5}.conduit-sizing .educational-note ul{margin:0;padding-left:var(--spacing-lg);font-size:.85rem;color:var(--color-text);line-height:1.6}.conduit-sizing .educational-note li{margin-bottom:var(--spacing-xs)}.conduit-sizing .educational-note li:last-child{margin-bottom:0}.conduit-sizing .special-cables-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.conduit-sizing .special-cables-row{display:flex;gap:var(--spacing-md);align-items:flex-end;flex-wrap:wrap}.conduit-sizing .special-cables-row .special-cable-dropdown{flex:1;min-width:180px}.conduit-sizing .special-cables-row .input-field{width:80px;flex-shrink:0}.conduit-sizing .special-cables-row .add-btn{flex-shrink:0}.conduit-sizing .custom-cable-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.conduit-sizing .cable-subsection{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.conduit-sizing .cable-subsection:last-child{padding-bottom:0;border-bottom:none}.conduit-sizing .subsection-label{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-sm) 0}.conduit-sizing .vfd-cables-row{display:flex;gap:var(--spacing-md);align-items:flex-end}.conduit-sizing .vfd-cables-row .vfd-cable-dropdown{flex:1;min-width:200px}.conduit-sizing .vfd-cables-row .add-btn{flex-shrink:0}@media(max-width:480px){.conduit-sizing .special-cables-row{flex-direction:column;align-items:stretch}.conduit-sizing .special-cables-row .input-field{width:100%}.conduit-sizing .vfd-cables-row{flex-direction:column;align-items:stretch}.conduit-sizing .vfd-cables-row .vfd-cable-dropdown{min-width:100%}}@media(min-width:768px){.conduit-sizing .add-conductor-form{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;align-items:end;gap:var(--spacing-md)}.conduit-sizing .wire-size-dropdown-container{position:relative}.conduit-sizing .wire-od-hint{position:absolute;top:100%;left:0;margin-top:var(--spacing-xs)}.conduit-sizing .quantity-field{display:flex;flex-direction:column}.conduit-sizing .quantity-controls{height:38px}.conduit-sizing .add-btn{height:38px;margin-top:0}.conduit-sizing .custom-cable-form{flex-direction:row;align-items:flex-end;flex-wrap:wrap}.conduit-sizing .custom-cable-form>*{flex:1;min-width:100px}}.conduit-sizing .inputs-header-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.conduit-sizing .reset-defaults-btn{width:auto;font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.conduit-sizing .mini-result-badge{display:none;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.conduit-sizing .mini-result-badge:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.conduit-sizing .mini-result-badge .badge-size{font-size:1rem;font-weight:700;color:var(--color-text)}.conduit-sizing .mini-result-badge .badge-fill{font-size:.8rem;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm)}.conduit-sizing .mini-result-badge .badge-fill.fill-ok{background:#22c55e26;color:var(--color-success)}.conduit-sizing .mini-result-badge .badge-fill.fill-warning{background:#eab30826;color:var(--color-warning)}.conduit-sizing .mini-result-badge .badge-fill.fill-error{background:#ef444426;color:var(--color-error)}@media(max-width:1199px){.conduit-sizing .mini-result-badge{display:flex}}.conduit-sizing .oversize-controls{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-md);margin:var(--spacing-md) 0;border:1px solid var(--color-border-light)}.conduit-sizing .oversize-controls .toggle-field{margin:0}.conduit-sizing .oversize-percent-wrapper{display:flex;align-items:center;gap:var(--spacing-xs)}.conduit-sizing .oversize-percent-input{width:60px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;text-align:center}.conduit-sizing .oversize-percent-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.conduit-sizing .oversize-percent-label{font-size:.9rem;color:var(--color-text-muted)}@media(max-width:480px){.conduit-sizing .oversize-controls{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.conduit-sizing .conduit-fill-diagram{max-width:400px;margin:0 auto}.conduit-sizing .output-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}@media(min-width:1400px){.conduit-sizing .output-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.conduit-sizing .output-grid{grid-template-columns:1fr}}.voltage-drop .section-icon{display:inline-block;margin-right:var(--spacing-xs);font-size:1em;opacity:.8}.voltage-drop .input-row-group{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.voltage-drop .input-row-group>*{flex:1;min-width:140px}.voltage-drop .input-note{padding:var(--spacing-sm);background-color:#3b82f61a;border-radius:var(--radius-sm);font-size:.85rem;color:var(--color-text-muted);margin-top:var(--spacing-sm)}.voltage-drop .no-results{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.voltage-drop .primary-result{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-bg);border-radius:var(--radius-lg)}.voltage-drop .vd-display{padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-normal)}.voltage-drop .vd-display.status-ok{border-left:4px solid var(--color-success)}.voltage-drop .vd-display.status-warning{border-left:4px solid var(--color-warning);background-color:#eab3080d}.voltage-drop .vd-display.status-error{border-left:4px solid var(--color-error);background-color:#ef44440d}.voltage-drop .output-description{font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.voltage-drop .detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;font-size:.9rem;border-bottom:1px solid var(--color-border-light)}.voltage-drop .detail-row:last-child{border-bottom:none}.voltage-drop .detail-row span:first-child{color:var(--color-text-muted)}.voltage-drop .detail-row span:last-child{font-weight:500}.voltage-drop .formula{font-family:var(--font-mono);font-size:.85rem;background-color:var(--color-bg);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.voltage-drop .output-note{padding:var(--spacing-sm) var(--spacing-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.875rem;margin-top:var(--spacing-md)}.voltage-drop .output-note.warning{background-color:#eab3081a;border-left:3px solid var(--color-warning)}.voltage-drop .output-note.error{background-color:#ef44441a;border-left:3px solid var(--color-error)}.voltage-drop .checkbox-field{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm) 0}.voltage-drop .checkbox-field input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.voltage-drop .checkbox-field span{font-size:.9rem;color:var(--color-text)}.voltage-drop .input-note.info{background-color:#3b82f61a;border-left:3px solid var(--color-primary)}.voltage-drop .section-title-spaced{margin-top:.75rem}.voltage-drop .field-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text);margin-top:.5rem;margin-bottom:.125rem}.voltage-drop .quick-presets{margin-bottom:.125rem}.voltage-drop .quick-presets+.input-field,.voltage-drop .quick-presets+.dropdown{margin-top:0}.voltage-drop .quick-presets+.input-field label,.voltage-drop .quick-presets+.dropdown label{display:none}.voltage-drop .input-field,.voltage-drop .dropdown{margin-bottom:0}.voltage-drop .input-field input[type=number],.voltage-drop .dropdown select{max-width:300px}.voltage-drop .method-toggle{max-width:400px}.voltage-drop .distance-type-toggle{margin-top:.25rem;margin-bottom:.25rem}.voltage-drop .checkbox-with-tooltip{display:flex;align-items:center;gap:var(--spacing-xs)}.voltage-drop .checkbox-with-tooltip .checkbox-field{flex:1}.voltage-drop .recommendation{background-color:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md)}.voltage-drop .recommendation-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.voltage-drop .recommendation-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-surface);border-radius:var(--radius-sm)}.voltage-drop .rec-label{color:var(--color-text-muted);font-size:.85rem;min-width:100px}.voltage-drop .rec-value{font-weight:600;color:var(--color-text);flex:1}.voltage-drop .rec-use-btn{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:background-color var(--transition-fast)}.voltage-drop .rec-use-btn:hover{background-color:var(--color-primary-dark)}.voltage-drop .rec-current{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-success);color:#fff;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.voltage-drop .rec-note{font-size:.85rem;color:var(--color-text-muted);font-style:italic}.voltage-drop .vd-gauge{margin:var(--spacing-md) 0;padding:var(--spacing-sm) 0}.voltage-drop .vd-gauge-track{height:12px;background-color:var(--color-bg);border-radius:6px;position:relative;overflow:visible;border:1px solid var(--color-border-light)}.voltage-drop .vd-gauge-fill{height:100%;border-radius:6px 0 0 6px;transition:width .3s ease}.voltage-drop .vd-gauge-fill.status-ok{background:linear-gradient(90deg,var(--color-success),var(--color-success-light, #86efac))}.voltage-drop .vd-gauge-fill.status-warning{background:linear-gradient(90deg,var(--color-success),var(--color-warning))}.voltage-drop .vd-gauge-fill.status-error{background:linear-gradient(90deg,var(--color-success),var(--color-warning),var(--color-error))}.voltage-drop .vd-gauge-marker{position:absolute;top:-4px;bottom:-4px;width:2px;transform:translate(-50%)}.voltage-drop .vd-gauge-marker.warning{background-color:var(--color-warning)}.voltage-drop .vd-gauge-marker.error{background-color:var(--color-error)}.voltage-drop .vd-gauge-labels{position:relative;display:flex;justify-content:space-between;margin-top:var(--spacing-xs);font-size:.75rem;color:var(--color-text-muted)}.voltage-drop .vd-gauge-labels .warning-label,.voltage-drop .vd-gauge-labels .error-label{position:absolute;transform:translate(-50%)}.voltage-drop .vd-gauge-labels .warning-label{color:var(--color-warning)}.voltage-drop .vd-gauge-labels .error-label{color:var(--color-error)}.voltage-drop .vd-gauge-labels .max-label{position:absolute;right:0;color:var(--color-text-muted)}.voltage-drop .nec-reference-inline{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-wrap:wrap}.voltage-drop .nec-reference-inline .ref-label{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.voltage-drop .nec-reference-inline .ref-chip{display:inline-block;padding:2px 8px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.7rem;color:var(--color-text-muted);cursor:help}.voltage-drop .nec-reference-inline .ref-chip:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.voltage-drop .method-toggle{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:var(--spacing-xs) 0;padding:var(--spacing-sm);background-color:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.voltage-drop .method-toggle .toggle-option{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0}.voltage-drop .method-toggle .toggle-option span{flex:1}.voltage-drop .distance-type-toggle{display:flex;gap:var(--spacing-md);margin:var(--spacing-xs) 0}.voltage-drop .toggle-option{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;font-size:.85rem;color:var(--color-text-muted)}.voltage-drop .toggle-option input[type=radio]{accent-color:var(--color-primary);cursor:pointer}.voltage-drop .toggle-option input[type=radio]:checked+span{color:var(--color-text);font-weight:500}.voltage-drop .results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.voltage-drop .results-header .section-title{margin-bottom:0}.voltage-drop .copy-summary-btn{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.voltage-drop .copy-summary-btn:hover{background-color:var(--color-bg);color:var(--color-text);border-color:var(--color-primary)}.voltage-drop .input-summary-banner{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.voltage-drop .summary-item{display:flex;flex-direction:column;align-items:center;text-align:center}.voltage-drop .summary-item-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.voltage-drop .summary-item-value{font-size:.85rem;font-weight:600;color:var(--color-text)}@media(max-width:600px){.voltage-drop .input-summary-banner{grid-template-columns:repeat(3,1fr)}}@media(max-width:400px){.voltage-drop .input-summary-banner{grid-template-columns:repeat(2,1fr)}}.voltage-drop .ampacity-warning-banner{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#ef444414;border:1px solid rgba(239,68,68,.3);border-left:4px solid var(--color-error);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.voltage-drop .ampacity-warning-banner .warning-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.voltage-drop .ampacity-warning-banner .warning-content{flex:1}.voltage-drop .ampacity-warning-banner .warning-content strong{display:block;font-size:.95rem;color:var(--color-error);margin-bottom:var(--spacing-xs)}.voltage-drop .ampacity-warning-banner .warning-content p{margin:0 0 var(--spacing-xs);font-size:.875rem;color:var(--color-text);line-height:1.4}.voltage-drop .ampacity-warning-banner .warning-content p strong{display:inline;color:var(--color-text);font-size:inherit;margin-bottom:0}.voltage-drop .ampacity-warning-banner .recommendation{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-sm);padding:0;background:none;border:none;border-radius:0}.voltage-drop .ampacity-warning-banner .use-recommended-btn{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-error);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast)}.voltage-drop .ampacity-warning-banner .use-recommended-btn:hover{background-color:#dc2626}.voltage-drop .output-group.collapsible{padding:0}.voltage-drop .collapse-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-md);background:none;border:none;cursor:pointer;text-align:left;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.voltage-drop .collapse-toggle:hover{background-color:var(--color-surface)}.voltage-drop .collapse-toggle h4{margin:0;font-size:.95rem}.voltage-drop .chevron{font-size:.7rem;color:var(--color-text-muted);transition:transform var(--transition-fast)}.voltage-drop .chevron.expanded{transform:rotate(180deg)}.voltage-drop .collapsible-content{padding:0 var(--spacing-md) var(--spacing-md);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.voltage-drop .subsection-title{margin:var(--spacing-md) 0 var(--spacing-sm);font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.voltage-drop .comparison-table-wrapper{margin-top:var(--spacing-sm)}.voltage-drop .comparison-table{width:100%;border-collapse:collapse;font-size:.85rem}.voltage-drop .comparison-table th,.voltage-drop .comparison-table td{padding:var(--spacing-xs) var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-border-light)}.voltage-drop .comparison-table th{font-weight:600;color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.voltage-drop .comparison-table tbody tr:hover{background-color:var(--color-surface)}.voltage-drop .comparison-table .current-row{background-color:#3b82f61a;font-weight:500}.voltage-drop .comparison-table .current-row:hover{background-color:#3b82f626}.voltage-drop .comparison-table .wire-name{font-weight:500}.voltage-drop .comparison-table .vd-percent,.voltage-drop .comparison-table .vd-volts{font-family:var(--font-mono);text-align:right}.voltage-drop .comparison-table .status-cell{text-align:center;font-size:1rem}.voltage-drop .comparison-table .status-cell.ok{color:var(--color-success)}.voltage-drop .comparison-table .status-cell.warning{color:var(--color-warning)}.voltage-drop .comparison-table .status-cell.error{color:var(--color-error)}.voltage-drop .comparison-table .action-cell{text-align:right;width:70px}.voltage-drop .comparison-table .current-label{font-size:.75rem;color:var(--color-primary);font-weight:500}.voltage-drop .comparison-table .use-size-btn{padding:2px 8px;background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.voltage-drop .comparison-table .use-size-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.voltage-drop .quick-comparison{background-color:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-md)}.voltage-drop .comparison-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.voltage-drop .comparison-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-card);cursor:pointer;transition:all var(--transition-fast);min-width:70px}.voltage-drop .comparison-chip:hover{border-color:var(--color-primary);background-color:var(--color-bg-hover);transform:translateY(-1px)}.voltage-drop .comparison-chip.current{border-color:var(--color-primary);background-color:#3b82f61a;box-shadow:0 0 0 2px #3b82f633}.voltage-drop .comparison-chip.ok{border-color:var(--color-success)}.voltage-drop .comparison-chip.ok .chip-status{color:var(--color-success)}.voltage-drop .comparison-chip.warning{border-color:var(--color-warning)}.voltage-drop .comparison-chip.warning .chip-status{color:var(--color-warning)}.voltage-drop .comparison-chip.error{border-color:var(--color-error)}.voltage-drop .comparison-chip.error .chip-status{color:var(--color-error)}.voltage-drop .chip-size{font-weight:600;font-size:.9rem;color:var(--color-text)}.voltage-drop .chip-vd{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-muted)}.voltage-drop .chip-status{font-size:.85rem}@media(max-width:768px){.voltage-drop .input-row-group{flex-direction:column}.voltage-drop .input-row-group>*{min-width:100%}.voltage-drop .formula{font-size:.75rem;word-break:break-all}.voltage-drop .comparison-chips{justify-content:center}.voltage-drop .comparison-chip{min-width:60px;padding:var(--spacing-xs) var(--spacing-sm)}}.voltage-drop .wire-size-row{display:flex;gap:var(--spacing-md);align-items:flex-end}.voltage-drop .wire-size-row .dropdown{flex:1}.voltage-drop .conductors-per-phase-input{display:flex;flex-direction:column;min-width:140px}.voltage-drop .conductors-per-phase-input label{font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-xs)}.voltage-drop .conductors-per-phase-input.input-derated label{color:var(--color-warning-text, #856404)}.voltage-drop .spinner-input{display:flex;align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.voltage-drop .conductors-per-phase-input.input-derated .spinner-input{border-color:var(--color-warning, #ffc107);box-shadow:0 0 0 1px var(--color-warning, #ffc107)}.voltage-drop .spinner-input input{width:40px;text-align:center;border:none;background:transparent;font-size:.9rem;font-weight:500;color:var(--color-text);padding:var(--spacing-sm) 0;-webkit-appearance:none;-moz-appearance:textfield}.voltage-drop .spinner-input input::-webkit-outer-spin-button,.voltage-drop .spinner-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.voltage-drop .spinner-input input:focus{outline:none}.voltage-drop .spinner-btn{display:flex;align-items:center;justify-content:center;width:36px;border:none;background:var(--color-bg);color:var(--color-text);font-size:1.1rem;cursor:pointer;transition:background-color var(--transition-fast)}.voltage-drop .spinner-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.voltage-drop .spinner-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){.voltage-drop .wire-size-row{flex-direction:column;gap:var(--spacing-sm)}.voltage-drop .conductors-per-phase-input{min-width:unset;width:100%}}@media(max-width:600px){.voltage-drop .comparison-table{display:block}.voltage-drop .comparison-table thead{display:none}.voltage-drop .comparison-table tbody{display:flex;flex-direction:column;gap:var(--spacing-sm)}.voltage-drop .comparison-table tbody tr{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.voltage-drop .comparison-table tbody tr.current-row{border-color:var(--color-primary);background:#3b82f60d}.voltage-drop .comparison-table td{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border:none;font-size:.85rem}.voltage-drop .comparison-table td:before{content:attr(data-label);font-size:.65rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase}.voltage-drop .comparison-table td:first-child{flex:1 1 100%;font-weight:600;font-size:.95rem;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-xs)}.voltage-drop .comparison-table td:first-child:before{display:none}.voltage-drop .comparison-table td.status-cell:before{display:none}.voltage-drop .comparison-table .vd-percent,.voltage-drop .comparison-table .vd-volts{text-align:left}}.motor-circuit-diagram{padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.motor-circuit-diagram.extended{padding:var(--spacing-lg)}.motor-circuit-diagram h4{margin:0 0 var(--spacing-md) 0;font-size:.9rem;color:var(--color-text)}.circuit-svg{width:100%;max-width:600px;height:auto;margin:0 auto;display:block}.circuit-svg.extended{max-width:850px}.circuit-svg rect{fill:var(--color-bg-card);stroke:var(--color-border);stroke-width:1.5}.circuit-svg .power-source rect{fill:var(--color-bg-hover);stroke:var(--color-text-muted)}.circuit-svg .panel rect{fill:var(--color-bg-hover);stroke:var(--color-text-muted);stroke-width:2}.circuit-svg .feeder-breaker rect{fill:#8b5cf61a;stroke:#8b5cf6}.circuit-svg .enclosure-box{fill:#64748b14;stroke:var(--color-border);stroke-width:1;stroke-dasharray:4,2}.circuit-svg .enclosure-label{font-size:10px;fill:var(--color-text-muted);font-weight:500}.circuit-svg .mcp rect{fill:#ef44441a;stroke:var(--color-error)}.circuit-svg .starter rect{fill:#eab3081a;stroke:var(--color-warning)}.circuit-svg .soft-start rect{fill:#10b9811a;stroke:#10b981}.circuit-svg .vfd rect{fill:#3b82f626;stroke:var(--color-primary)}.circuit-svg .overload rect{fill:#f59e0b1a;stroke:var(--color-warning)}.circuit-svg .motor circle{fill:#22c55e1a;stroke:var(--color-success);stroke-width:2}.circuit-svg .wire-line{stroke:var(--color-text);stroke-width:2;stroke-linecap:square}.circuit-svg .wire-line.feeder-wire{stroke:#8b5cf6;stroke-width:2}.circuit-svg .component-label{font-size:12px;font-weight:600;fill:var(--color-text)}.circuit-svg .component-sublabel{font-size:10px;fill:var(--color-text-muted)}.circuit-svg .component-value{font-size:10px;font-weight:500;fill:var(--color-text-muted)}.circuit-svg .motor-label{font-size:24px;font-weight:700;fill:var(--color-success)}.circuit-svg .motor-hp{font-size:10px;font-weight:600;fill:var(--color-text)}.circuit-svg .wire-spec{font-size:11px;fill:var(--color-text-muted);font-weight:500}.circuit-svg .wire-spec.feeder-spec{fill:#8b5cf6;font-size:10px}.circuit-svg .wire-spec.motor-spec{fill:var(--color-success);font-size:10px}.circuit-svg .stand-alone-indicator{font-size:9px;fill:var(--color-primary);font-weight:500}.circuit-svg .phase-indicator{font-size:9px;fill:var(--color-text-light)}.diagram-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--color-text-muted)}.legend-color{width:12px;height:12px;border-radius:2px;border:1px solid}.legend-color.mcp-color{background-color:#ef44441a;border-color:var(--color-error)}.legend-color.starter-color{background-color:#eab3081a;border-color:var(--color-warning)}.legend-color.overload-color{background-color:#f59e0b1a;border-color:var(--color-warning)}.legend-color.panel-color{background-color:var(--color-bg-hover);border-color:var(--color-text-muted)}.legend-color.feeder-breaker-color{background-color:#8b5cf61a;border-color:#8b5cf6}.legend-color.stand-alone-color{background-color:#3b82f61a;border-color:var(--color-primary)}.diagram-legend.extended{flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md)}@media(max-width:600px){.circuit-svg{max-width:100%}.diagram-legend{flex-direction:column;gap:var(--spacing-xs)}}@media(prefers-color-scheme:dark){.circuit-svg .component-label,.circuit-svg .component-value,.circuit-svg .motor-label,.circuit-svg .motor-hp{fill:var(--color-text)}.circuit-svg .wire-line{stroke:var(--color-text-muted)}}.motor-calc .sticky-results-summary{position:fixed;top:var(--header-height, 60px);left:0;right:0;z-index:89;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);height:var(--mobile-banner-height, 48px);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-card);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast)}.motor-calc .sticky-results-summary:hover{background:var(--color-bg-hover)}.motor-calc .sticky-hp{font-size:1.1rem;font-weight:700;color:var(--color-primary)}.motor-calc .sticky-fla{font-size:1rem;font-weight:600;color:var(--color-text)}.motor-calc .sticky-wire{font-size:.875rem;color:var(--color-text);padding:2px 6px;background:#3b82f61a;border-radius:var(--radius-sm)}.motor-calc .sticky-conduit{font-size:.875rem;color:var(--color-text-muted)}.motor-calc .sticky-hint{font-size:1rem;color:var(--color-text-muted);margin-left:auto;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(3px)}60%{transform:translateY(2px)}}@media(min-width:1024px){.motor-calc .sticky-results-summary{display:none}}.motor-calc .bgd-standard-toggle{padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border:1px solid var(--color-border-light)}.motor-calc .bgd-standard-toggle .toggle-header{display:flex;align-items:center;gap:var(--spacing-sm)}.motor-calc .bgd-standard-toggle .toggle-note{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:#3b82f61a;border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-primary)}.motor-calc .input-help-text.voltage-note{color:var(--color-primary);font-style:italic}.motor-calc .calculator-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap}.motor-calc .calculator-header .header-content{flex:1;min-width:200px}.motor-calc .input-with-help{display:flex;align-items:flex-start;gap:var(--spacing-sm);max-width:400px}.motor-calc .input-with-help>:first-child{flex:1}.motor-calc .input-with-help .help-tooltip-trigger{margin-top:1.75rem}.motor-calc .input-field,.motor-calc .dropdown{max-width:380px}.motor-calc input[type=number]{max-width:200px}.motor-calc .input-help-text{font-size:.75rem;color:var(--color-text-muted);margin-top:calc(var(--spacing-xs) * -1);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-xs)}.motor-calc .input-note.bgd-note{padding:var(--spacing-sm) var(--spacing-md);background-color:#22c55e1a;border-left:3px solid var(--color-success);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.85rem;color:var(--color-text);margin-top:var(--spacing-md)}.motor-calc .output-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.motor-calc .output-group-header h4{margin:0}@media(min-width:1024px){.motor-calc .calculator-outputs{position:sticky;top:calc(var(--header-height, 60px) + var(--spacing-lg));max-height:calc(100vh - var(--header-height, 60px) - var(--spacing-xl) * 2);overflow-y:auto}}.motor-calc .output-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.motor-calc .full-width{grid-column:1 / -1}.motor-calc .output-note.info{padding:var(--spacing-sm) var(--spacing-md);background-color:#3b82f61a;border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.875rem;margin-top:var(--spacing-md)}.motor-calc .output-note.warning{padding:var(--spacing-sm) var(--spacing-md);background-color:#f59e0b1a;border-left:3px solid var(--color-warning);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.875rem;margin-top:var(--spacing-md)}.motor-calc .references-group{border-top:1px solid var(--color-border-light);padding-top:var(--spacing-md);margin-top:var(--spacing-md)}.motor-calc .educational-toggle{margin-top:var(--spacing-lg);border-top:1px solid var(--color-border-light);padding-top:var(--spacing-md)}.motor-calc .toggle-button{background:none;border:none;color:var(--color-primary);font-size:.9rem;font-weight:500;cursor:pointer;padding:var(--spacing-xs) 0;display:flex;align-items:center;gap:var(--spacing-xs);transition:color var(--transition-fast)}.motor-calc .toggle-button:hover{color:var(--color-primary-dark, #1e3a8a)}.motor-calc .toggle-button.active{color:var(--color-primary)}.motor-calc .educational-content{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.motor-calc .educational-section{margin-bottom:var(--spacing-md)}.motor-calc .educational-section:last-child{margin-bottom:0}.motor-calc .educational-section h4{font-size:.9rem;font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.motor-calc .educational-section p{font-size:.85rem;color:var(--color-text-muted);line-height:1.5;margin:0}.motor-calc .comparison{background-color:var(--color-bg);padding:var(--spacing-md);border-radius:var(--radius-md)}.motor-calc .comparison-intro{font-size:.85rem;color:var(--color-text-muted);margin:0 0 var(--spacing-md) 0}.motor-calc .comparison-table{border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.motor-calc .comparison-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.motor-calc .comparison-row:last-child{border-bottom:none}.motor-calc .comparison-row.header{background-color:var(--color-bg-card);font-weight:600;font-size:.85rem;color:var(--color-text-muted)}.motor-calc .comparison-row span:first-child{color:var(--color-text-muted)}.motor-calc .comparison-row span:nth-child(2){font-weight:500;color:var(--color-success)}.motor-calc .comparison-row span:nth-child(3){font-weight:500;color:var(--color-text)}.motor-calc .input-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.motor-calc .input-static-label{font-size:.9rem;color:var(--color-text-muted)}.motor-calc .input-static-value{font-weight:500;color:var(--color-text)}.motor-calc .vfd-toggle-row{margin-top:var(--spacing-md)}.motor-calc .input-note.vfd-note{padding:var(--spacing-sm) var(--spacing-md);background-color:#3b82f614;border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.85rem;color:var(--color-text);margin-top:var(--spacing-sm)}.motor-calc .input-note.vfd-note strong{display:block;margin-bottom:var(--spacing-xs);color:var(--color-primary)}.motor-calc .input-note.vfd-note ul{margin:0;padding-left:1.2rem}.motor-calc .input-note.vfd-note li{margin-bottom:.25rem}.motor-calc .input-note.vfd-note li:last-child{margin-bottom:0}.motor-calc .efficiency-class-badge{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-sm)}.motor-calc .efficiency-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;border-radius:var(--radius-sm);font-weight:600;font-size:.8rem;min-width:3rem;text-align:center}.motor-calc .efficiency-badge.ie4{background-color:#eab30833;color:#a16207;border:1px solid rgba(234,179,8,.4)}.motor-calc .efficiency-badge.ie3{background-color:#22c55e33;color:var(--color-success);border:1px solid rgba(34,197,94,.4)}.motor-calc .efficiency-badge.ie2{background-color:#3b82f633;color:var(--color-primary);border:1px solid rgba(59,130,246,.4)}.motor-calc .efficiency-badge.ie1{background-color:#6b728033;color:var(--color-text-muted);border:1px solid rgba(107,114,128,.4)}.motor-calc .efficiency-badge.below-ie1{background-color:#ef444433;color:var(--color-error);border:1px solid rgba(239,68,68,.4)}.motor-calc .efficiency-description{font-size:.85rem;color:var(--color-text-muted)}.motor-calc .fla-highlight{background-color:#3b82f626!important;border:2px solid var(--color-primary)!important;border-radius:var(--radius-md)}.motor-calc .fla-highlight .copyable-value{font-weight:700;color:var(--color-primary);font-size:1.1rem}.motor-calc .fla-highlight .copyable-label{color:var(--color-primary);font-weight:600}.motor-calc .nameplate-comparison{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.motor-calc .nameplate-status{font-size:.85rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);white-space:nowrap}.motor-calc .nameplate-status.ok{background-color:#22c55e26;color:var(--color-success);border:1px solid rgba(34,197,94,.4)}.motor-calc .nameplate-status.warning{background-color:#f59e0b26;color:var(--color-warning);border:1px solid rgba(245,158,11,.4)}.motor-calc .hp-comparison{padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md)}.motor-calc .hp-comparison h4{margin:0 0 var(--spacing-sm) 0;font-size:.9rem}.motor-calc .hp-comparison-chips{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.motor-calc .hp-chip{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm) var(--spacing-md);min-width:80px;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);position:relative}.motor-calc .hp-chip:hover:not(:disabled){border-color:var(--color-primary);background-color:#3b82f60d}.motor-calc .hp-chip.active{background-color:var(--color-primary);border-color:var(--color-primary);cursor:default}.motor-calc .hp-chip.active .hp-chip-label,.motor-calc .hp-chip.active .hp-chip-fla{color:#fff}.motor-calc .hp-chip-label{font-weight:600;font-size:.9rem;color:var(--color-text)}.motor-calc .hp-chip-fla{font-size:.75rem;color:var(--color-text-muted);margin-top:2px}.motor-calc .hp-chip-arrow{position:absolute;top:2px;right:4px;font-size:.65rem;color:var(--color-text-muted)}.motor-calc .hp-chip:hover:not(:disabled) .hp-chip-arrow{color:var(--color-primary)}.motor-calc .hp-comparison-hint{font-size:.75rem;color:var(--color-text-muted);margin:var(--spacing-sm) 0 0 0;font-style:italic}@media(max-width:768px){.motor-calc .comparison-row{grid-template-columns:1fr;gap:var(--spacing-xs)}.motor-calc .comparison-row span{display:flex;justify-content:space-between}.motor-calc .comparison-row.header{display:none}.motor-calc .comparison-row span:before{content:attr(data-label);color:var(--color-text-muted);font-weight:400}}.motor-calc .fla-source-toggle{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) 0}.motor-calc .fla-source-toggle .toggle-option{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;font-size:.875rem;color:var(--color-text)}.motor-calc .fla-source-toggle .toggle-option input[type=radio]{width:16px;height:16px;margin:0;accent-color:var(--color-primary);cursor:pointer}.motor-calc .fla-source-toggle .toggle-option input[type=radio]:disabled{opacity:.5;cursor:not-allowed}.motor-calc .fla-source-toggle .toggle-option input[type=radio]:disabled+span{opacity:.5;cursor:not-allowed}.motor-calc .fla-source-toggle .toggle-option:has(input:checked) span{font-weight:600;color:var(--color-primary)}.motor-calc .overload-section{border-top:1px solid var(--color-border-light);padding-top:var(--spacing-md);margin-top:var(--spacing-sm)}.motor-calc .nameplate-fla-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.motor-calc .nameplate-fla-section .checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;font-size:.875rem;font-weight:500}.motor-calc .nameplate-fla-section .checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.motor-calc .nameplate-warning{background-color:#f59e0b1a;border-left:3px solid var(--color-warning);padding:var(--spacing-sm);margin-top:var(--spacing-sm)}.motor-calc .reset-button{padding:.15rem .4rem;font-size:.7rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;margin-bottom:var(--spacing-sm);width:fit-content}.motor-calc .reset-button:hover{background:var(--color-bg-card);color:var(--color-text);border-color:var(--color-primary)}.feeder-decision-tree{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-top:1rem}.feeder-decision-tree .tree-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.feeder-decision-tree .tree-header h4{margin:0;font-size:.95rem;color:var(--text-color)}.feeder-decision-tree .tree-type-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;background:var(--primary-color);color:#fff;text-transform:uppercase;font-weight:600}.feeder-decision-tree .tree-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.feeder-decision-tree .tree-node{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;text-align:center;min-width:140px;transition:all .2s ease}.feeder-decision-tree .tree-node.root{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.feeder-decision-tree .tree-node.result{background:var(--success-bg, #dcfce7);border-color:var(--success-color, #22c55e)}.feeder-decision-tree .tree-node.ocpd{background:var(--info-bg, #dbeafe);border-color:var(--info-color, #3b82f6)}.feeder-decision-tree .node-content{display:flex;flex-direction:column;gap:.25rem}.feeder-decision-tree .node-question{font-weight:600;font-size:.85rem}.feeder-decision-tree .node-title{font-weight:600;font-size:.8rem;color:var(--text-color)}.feeder-decision-tree .node-value{font-size:.75rem;color:var(--text-muted)}.feeder-decision-tree .node-ref{font-size:.65rem;color:var(--text-muted);font-style:italic}.feeder-decision-tree .your-path{display:inline-block;margin-top:.25rem;padding:.15rem .4rem;background:var(--primary-color);color:#fff;font-size:.65rem;font-weight:600;border-radius:4px}.feeder-decision-tree .tree-arrow{font-size:1.25rem;color:var(--border-color);line-height:1}.feeder-decision-tree .tree-branches{display:flex;justify-content:center;gap:1.5rem;position:relative}.feeder-decision-tree .tree-branch{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.5;transition:opacity .2s ease}.feeder-decision-tree .tree-branch.active{opacity:1}.feeder-decision-tree .tree-branch.active .tree-node{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133}.feeder-decision-tree .branch-line{display:flex;flex-direction:column;align-items:center;gap:.25rem}.feeder-decision-tree .branch-line:before{content:"";width:2px;height:20px;background:var(--border-color)}.feeder-decision-tree .branch-label{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;padding:.15rem .3rem;background:var(--surface-color);border-radius:4px}.feeder-decision-tree .branch-continuous .branch-label{background:var(--warning-bg, #fef3c7);color:var(--warning-color, #d97706)}.feeder-decision-tree .branch-derating .branch-label{background:var(--error-bg, #fee2e2);color:var(--error-color, #dc2626)}.feeder-decision-tree .branch-parallel .branch-label{background:var(--info-bg, #dbeafe);color:var(--info-color, #3b82f6)}.feeder-decision-tree .tree-reference{margin-top:1rem;padding-top:.5rem;border-top:1px solid var(--border-color);font-size:.75rem;display:flex;gap:.5rem;flex-wrap:wrap}.feeder-decision-tree .reference-label{color:var(--text-muted)}.feeder-decision-tree .reference-value{color:var(--primary-color);font-weight:500}@media(max-width:640px){.feeder-decision-tree .tree-branches{gap:.75rem}.feeder-decision-tree .tree-node{min-width:100px;padding:.5rem .75rem}.feeder-decision-tree .node-title{font-size:.75rem}.feeder-decision-tree .node-value{font-size:.7rem}}.feeder-sizing .linked-inputs{display:flex;align-items:flex-end;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.feeder-sizing .linked-inputs>*:first-child{flex:1}.feeder-sizing .link-indicator{padding-bottom:var(--spacing-sm);color:var(--color-text-muted);font-size:1.2rem}.feeder-sizing .calculated-field{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);min-width:100px}.feeder-sizing .calculated-field .field-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.feeder-sizing .calculated-field .field-value{font-size:1.25rem;font-weight:600;color:var(--color-primary)}.feeder-sizing .input-row-group{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.feeder-sizing .input-row-group>*{flex:1;min-width:120px}.feeder-sizing .no-results{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.feeder-sizing .output-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md)}.feeder-sizing .full-width{grid-column:1 / -1}.feeder-sizing .vd-optimized{background-color:#eab3080d;border:1px solid rgba(234,179,8,.3);border-radius:var(--radius-md);padding:var(--spacing-md)}.feeder-sizing .optimization-note{font-size:.85rem;color:var(--color-warning);margin-bottom:var(--spacing-md);font-style:italic}.feeder-sizing .calculator-header{position:relative}.feeder-sizing .header-export{position:absolute;top:0;right:0}.feeder-sizing .config-presets{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.feeder-sizing .config-presets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.feeder-sizing .config-presets h4{margin:0;font-size:.85rem;color:var(--color-text-muted);font-weight:500}.feeder-sizing .reset-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.7rem;background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.feeder-sizing .reset-button:hover{background-color:var(--color-warning);border-color:var(--color-warning);color:#fff}.feeder-sizing .preset-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.feeder-sizing .preset-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;background-color:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.feeder-sizing .preset-button:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.feeder-sizing .keyboard-hints{margin-top:var(--spacing-sm);font-size:.7rem;color:var(--color-text-light);text-align:center}.feeder-sizing .sizing-note{font-size:.85rem;color:var(--color-text-muted);font-style:italic;margin-top:var(--spacing-sm)}.feeder-sizing .sizing-note.warning-text{color:var(--color-warning)}.feeder-sizing .compact-stranding-option{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-bg-hover);border-radius:var(--radius-sm)}.feeder-sizing .compact-stranding-option .checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.9rem}.feeder-sizing .compact-stranding-option input[type=checkbox]{width:16px;height:16px;cursor:pointer}.feeder-sizing .compact-hint{display:block;font-size:.75rem;color:var(--color-text-light);margin-left:24px;margin-top:var(--spacing-xs)}.feeder-sizing .derating-note{font-size:.8rem;color:var(--color-warning);padding:var(--spacing-xs) var(--spacing-sm);background-color:#fb923c1a;border-radius:var(--radius-sm);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.feeder-sizing .input-hint{display:block;font-size:.75rem;color:var(--color-text-light);margin-top:calc(var(--spacing-xs) * -1);margin-bottom:var(--spacing-md)}.feeder-sizing .input-with-help,.feeder-sizing .toggle-with-help,.feeder-sizing .dropdown-with-help,.feeder-sizing .checkbox-with-help{display:flex;align-items:flex-start;gap:var(--spacing-xs)}.feeder-sizing .input-with-help>.input-field,.feeder-sizing .dropdown-with-help>.dropdown{flex:1}.feeder-sizing .toggle-with-help{align-items:center}.feeder-sizing .toggle-with-help>.toggle,.feeder-sizing .checkbox-with-help>.checkbox-label{flex:1}.feeder-sizing .save-config-form{display:flex;gap:var(--spacing-sm);align-items:flex-end;margin-bottom:var(--spacing-md)}.feeder-sizing .save-config-form>.input-field{flex:1}.feeder-sizing .save-config-button{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast)}.feeder-sizing .save-config-button:hover{background-color:var(--color-primary-dark)}.feeder-sizing .save-config-button:disabled{background-color:var(--color-border);cursor:not-allowed}.feeder-sizing .saved-config-list{list-style:none;padding:0;margin:0}.feeder-sizing .saved-config-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background-color:var(--color-bg);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.feeder-sizing .config-info{display:flex;flex-direction:column;gap:2px}.feeder-sizing .config-name{font-weight:500;color:var(--color-text)}.feeder-sizing .config-date{font-size:.7rem;color:var(--color-text-muted)}.feeder-sizing .config-actions{display:flex;gap:var(--spacing-xs)}.feeder-sizing .config-load-btn{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer}.feeder-sizing .config-load-btn:hover{background-color:var(--color-primary-dark)}.feeder-sizing .config-delete-btn{padding:var(--spacing-xs) var(--spacing-sm);background-color:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;line-height:1}.feeder-sizing .config-delete-btn:hover{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.feeder-sizing .no-configs{font-size:.85rem;color:var(--color-text-muted);text-align:center;padding:var(--spacing-md)}.feeder-sizing .cost-estimate{background-color:#22c55e0d;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);padding:var(--spacing-md)}.feeder-sizing .cost-note{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--spacing-sm);font-style:italic}.feeder-sizing .nec-table-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.feeder-sizing .nec-static-ref{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-sm);font-size:.9rem}.feeder-sizing .nec-static-ref strong{color:var(--color-primary)}.feeder-sizing .nec-static-ref .ref-description{color:var(--color-text-muted);font-size:.85rem}.feeder-sizing .warnings-section{margin-bottom:var(--spacing-lg)}.feeder-sizing .warning-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);font-size:.85rem;color:var(--color-text)}.feeder-sizing .warning-icon{color:var(--color-warning);font-size:1rem;flex-shrink:0}.feeder-sizing .mobile-summary-bar{display:none;position:fixed;bottom:0;left:0;right:0;background-color:var(--color-bg-card);border-top:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);z-index:100;box-shadow:0 -2px 10px #0000001a}.feeder-sizing .mobile-summary-bar .summary-item{display:flex;flex-direction:column;align-items:center;flex:1}.feeder-sizing .mobile-summary-bar .summary-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase}.feeder-sizing .mobile-summary-bar .summary-value{font-size:1rem;font-weight:600;color:var(--color-text)}.feeder-sizing .mobile-summary-bar .summary-item.vd-ok .summary-value{color:var(--color-success)}.feeder-sizing .mobile-summary-bar .summary-item.vd-warning .summary-value{color:var(--color-warning)}.feeder-sizing .mobile-summary-bar .summary-item.vd-error .summary-value{color:var(--color-error)}@media(max-width:768px){.feeder-sizing .linked-inputs{flex-direction:column;align-items:stretch}.feeder-sizing .link-indicator{text-align:center;transform:rotate(90deg);padding:var(--spacing-xs) 0}.feeder-sizing .input-row-group{flex-direction:column}.feeder-sizing .input-row-group>*{min-width:100%}.feeder-sizing .output-grid{grid-template-columns:repeat(2,1fr)}.feeder-sizing .mobile-summary-bar{display:flex}.feeder-sizing .calculator-outputs{padding-bottom:80px}.feeder-sizing .header-export{position:static;margin-top:var(--spacing-sm)}.feeder-sizing .preset-button{font-size:.7rem;padding:var(--spacing-xs)}}@media(max-width:480px){.feeder-sizing .preset-buttons{flex-wrap:wrap}.feeder-sizing .preset-button{flex:1 0 calc(50% - var(--spacing-xs));text-align:center}}[data-theme=dark] .feeder-sizing .preset-button:hover{background-color:var(--color-primary)}[data-theme=dark] .feeder-sizing .mobile-summary-bar{background-color:var(--color-bg-card);box-shadow:0 -2px 10px #0000004d}[data-theme=dark] .feeder-sizing .warning-item{background-color:#eab30826}[data-theme=dark] .feeder-sizing .derating-note{background-color:#fb923c26}@media print{.feeder-sizing{background:#fff!important;color:#000!important}.feeder-sizing .mobile-summary-bar,.feeder-sizing .config-presets{display:none!important}.feeder-sizing .calculator-outputs{padding-bottom:0!important}.feeder-sizing .header-export,.feeder-sizing .help-tooltip-trigger,.feeder-sizing .keyboard-hints,.feeder-sizing .reset-button,.feeder-sizing .save-config-form,.feeder-sizing .config-actions,.feeder-sizing .nec-collapse-icon,.feeder-sizing [id=feeder-saved-configs]{display:none!important}.feeder-sizing .collapsible-content{display:block!important;max-height:none!important;overflow:visible!important}.feeder-sizing .calculator-header:before{content:"Generated: " attr(data-timestamp);display:block;font-size:.75rem;color:#666;margin-bottom:.5rem}.feeder-sizing .warnings-section{border:2px solid #f59e0b!important;padding:var(--spacing-sm);background-color:#fef3c7!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.feeder-sizing .warning-item{background-color:transparent!important;border:none!important;color:#92400e!important}.feeder-sizing .vd-optimized{border:2px solid #f59e0b!important;background-color:#fef3c7!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.feeder-sizing .cost-estimate{border:1px solid #22c55e!important;background-color:#f0fdf4!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.feeder-sizing .output-group{page-break-inside:avoid}.feeder-sizing .circuit-diagram{page-break-inside:avoid;page-break-before:auto}.feeder-sizing a{color:inherit!important;text-decoration:underline!important}.feeder-sizing .nec-table-viewer{page-break-inside:avoid}.feeder-sizing .nec-table-content{display:none!important}.feeder-sizing .calculator-grid{display:block}.feeder-sizing .calculator-inputs,.feeder-sizing .calculator-outputs{break-inside:avoid}}.feeder-sizing .circuit-type-toggle{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md)}.feeder-sizing .circuit-type-toggle span{font-size:.85rem;color:var(--color-text-muted);transition:color var(--transition-fast)}.feeder-sizing .circuit-type-toggle span.active{color:var(--color-primary);font-weight:600}.feeder-sizing .demand-factor-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px dashed var(--color-border-light)}.feeder-sizing .demand-result{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.feeder-sizing .demand-label{font-size:.85rem;color:var(--color-text-muted)}.feeder-sizing .demand-value{font-weight:600;color:var(--color-success)}.feeder-sizing .demand-factor{font-size:.75rem;color:var(--color-text-muted)}.feeder-sizing .aic-status{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md)}.feeder-sizing .aic-status.adequate{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.feeder-sizing .aic-status.inadequate{background-color:#ef44441a;border:1px solid rgba(239,68,68,.5)}.feeder-sizing .aic-status-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.feeder-sizing .aic-status .status-icon{font-size:1.2rem;font-weight:700}.feeder-sizing .aic-status.adequate .status-icon{color:var(--color-success)}.feeder-sizing .aic-status.inadequate .status-icon{color:var(--color-error)}.feeder-sizing .aic-status .status-label{font-weight:600;font-size:.9rem}.feeder-sizing .aic-status.adequate .status-label{color:var(--color-success)}.feeder-sizing .aic-status.inadequate .status-label{color:var(--color-error)}.feeder-sizing .aic-details{display:flex;gap:var(--spacing-md);font-size:.85rem;color:var(--color-text-muted)}.feeder-sizing .aic-warning{margin-top:var(--spacing-sm);font-size:.8rem;color:var(--color-error);font-style:italic}.feeder-sizing .material-comparison{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.feeder-sizing .comparison-column{padding:var(--spacing-md);border-radius:var(--radius-md)}.feeder-sizing .comparison-column.current{background-color:#6366f11a;border:1px solid rgba(99,102,241,.3)}.feeder-sizing .comparison-column.alternative{background-color:var(--color-bg);border:1px solid var(--color-border)}.feeder-sizing .comparison-column h5{margin:0 0 var(--spacing-sm) 0;font-size:.85rem;color:var(--color-text)}.feeder-sizing .comparison-item{display:flex;justify-content:space-between;font-size:.8rem;padding:var(--spacing-xs) 0;border-bottom:1px dashed var(--color-border-light)}.feeder-sizing .comparison-item:last-child{border-bottom:none}.feeder-sizing .comparison-note{margin-top:var(--spacing-md);font-size:.75rem;color:var(--color-text-muted);font-style:italic;text-align:center}.feeder-sizing .weight-estimate{background-color:#6366f10d;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-md);padding:var(--spacing-md)}.feeder-sizing .schedule-export{background-color:var(--color-bg);border-radius:var(--radius-md);padding:var(--spacing-md)}.feeder-sizing .schedule-copy-button{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:background-color var(--transition-fast);margin-bottom:var(--spacing-sm)}.feeder-sizing .schedule-copy-button:hover{background-color:var(--color-primary-dark)}.feeder-sizing .schedule-preview{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm);max-height:200px;overflow-y:auto}.feeder-sizing .schedule-preview pre{margin:0;font-size:.75rem;font-family:var(--font-mono);white-space:pre-wrap;word-wrap:break-word;color:var(--color-text-muted)}.feeder-sizing .sticky-results-summary{display:none;position:fixed;top:0;left:0;right:0;background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);z-index:100;box-shadow:0 2px 10px #0000001a;cursor:pointer}.feeder-sizing .sticky-results-summary .summary-item{display:flex;flex-direction:column;align-items:center;flex:1}.feeder-sizing .sticky-results-summary .summary-label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase}.feeder-sizing .sticky-results-summary .summary-value{font-size:.9rem;font-weight:600;color:var(--color-text)}.feeder-sizing .sticky-results-summary .summary-item.vd-ok .summary-value{color:var(--color-success)}.feeder-sizing .sticky-results-summary .summary-item.vd-warning .summary-value{color:var(--color-warning)}.feeder-sizing .sticky-results-summary .summary-item.vd-error .summary-value{color:var(--color-error)}@media(max-width:1024px){.feeder-sizing .sticky-results-summary{display:flex}}@media(max-width:768px){.feeder-sizing .material-comparison{grid-template-columns:1fr}.feeder-sizing .aic-details{flex-direction:column;gap:var(--spacing-xs)}.feeder-sizing .circuit-type-toggle{padding:var(--spacing-xs) var(--spacing-sm)}.feeder-sizing .circuit-type-toggle span{font-size:.8rem}}[data-theme=dark] .feeder-sizing .aic-status.adequate{background-color:#22c55e26}[data-theme=dark] .feeder-sizing .aic-status.inadequate{background-color:#ef444426}[data-theme=dark] .feeder-sizing .demand-result{background-color:#22c55e26}[data-theme=dark] .feeder-sizing .comparison-column.current{background-color:#6366f126}[data-theme=dark] .feeder-sizing .sticky-results-summary{background-color:var(--color-bg-card);box-shadow:0 2px 10px #0000004d}@media print{.feeder-sizing .sticky-results-summary{display:none!important}.feeder-sizing .circuit-type-toggle{justify-content:flex-start}.feeder-sizing .aic-status{background-color:transparent!important}.feeder-sizing .schedule-copy-button{display:none!important}}.transformer .input-row-group{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.transformer .input-row-group>*{flex:1;min-width:120px}.transformer .k-factor-description{font-size:.85rem;color:var(--color-text-muted);font-style:italic;padding:var(--spacing-xs) 0}.transformer .no-results{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.transformer .output-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md)}.transformer .full-width{grid-column:1 / -1}.transformer .fault-method-note{font-size:.85rem;color:var(--color-text-muted);font-style:italic;margin-top:var(--spacing-sm)}.transformer .output-note.warning{padding:var(--spacing-sm) var(--spacing-md);background-color:#eab3081a;border-left:3px solid var(--color-warning);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.875rem;margin-top:var(--spacing-md)}.transformer .header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.transformer .header-row>div:first-child{flex:1}.transformer .protection-rule-note{font-size:.85rem;color:var(--color-text-muted);font-style:italic;padding:var(--spacing-xs) 0;border-left:2px solid var(--color-primary);padding-left:var(--spacing-sm);margin-top:var(--spacing-xs)}.transformer .voltage-drop-display{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.9rem}.transformer .voltage-drop-display .vd-label{font-weight:500}.transformer .voltage-drop-display .vd-value{font-weight:600}.transformer .voltage-drop-display .vd-volts{color:var(--color-text-muted);font-size:.85rem}.transformer .vd-ok{background-color:#22c55e1a;color:var(--color-success)}.transformer .vd-warning{background-color:#eab3081a;color:var(--color-warning)}.transformer .vd-error{background-color:#ef44441a;color:var(--color-error)}.transformer .aic-warning{background-color:#ef44441a;border-left-color:var(--color-error)}.transformer .config-indicator{font-size:1.1rem;font-weight:600;text-align:center;padding:var(--spacing-sm);background:var(--color-surface, var(--color-bg));border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.transformer .config-indicator .config-note{font-size:.85rem;font-weight:400;color:var(--color-text-muted)}.transformer .kva-warning{font-size:.85rem;color:var(--color-warning);padding:var(--spacing-xs) var(--spacing-sm);background-color:#eab3081a;border-radius:var(--radius-sm);margin-top:var(--spacing-xs)}.transformer .neutral-suggestion{font-size:.85rem;color:var(--color-info, #3b82f6);font-style:italic;padding:var(--spacing-xs) 0;padding-left:var(--spacing-sm);border-left:2px solid var(--color-info, #3b82f6);margin-top:var(--spacing-xs)}.transformer .config-presets{margin-bottom:var(--spacing-md)}.transformer .presets-label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.transformer .preset-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.transformer .preset-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:500;background-color:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.transformer .preset-btn:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.transformer .validation-warning{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);margin-top:var(--spacing-xs)}.transformer .validation-warning.info{color:var(--color-info, #3b82f6);background-color:#3b82f61a;border-left:2px solid var(--color-info, #3b82f6)}.transformer .validation-warning.warning{color:var(--color-warning);background-color:#eab3081a;border-left:2px solid var(--color-warning)}.transformer .aic-coordination-warning{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md)}.transformer .aic-warning-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--color-error);font-size:.9rem}.transformer .aic-warning-header .warning-icon{width:20px;height:20px}.transformer .aic-bar-comparison{margin-bottom:var(--spacing-md)}.transformer .aic-bar-item{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:.85rem}.transformer .aic-bar-item .bar-label{flex:0 0 160px;color:var(--color-text-muted)}.transformer .aic-bar-item .bar-container{flex:1;height:16px;background-color:var(--color-border);border-radius:8px;overflow:hidden}.transformer .aic-bar-item .bar-fill{height:100%;border-radius:8px;transition:width .3s ease}.transformer .aic-bar-item .bar-fill.afc-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.transformer .aic-bar-item .bar-fill.aic-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}.transformer .aic-bar-item .bar-value{flex:0 0 60px;text-align:right;font-weight:600;color:var(--color-text)}.transformer .aic-recommendations{margin-bottom:var(--spacing-md);font-size:.85rem}.transformer .aic-recommendations ul{margin:var(--spacing-xs) 0 0 var(--spacing-md);padding:0;list-style-type:disc}.transformer .aic-recommendations li{margin-bottom:var(--spacing-xs);color:var(--color-text)}.transformer .aic-quick-set-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:.85rem;font-weight:500;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.transformer .aic-quick-set-btn:hover{background-color:var(--color-primary-dark)}.transformer .mobile-results-summary{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--color-bg-card);border-top:1px solid var(--color-border);box-shadow:0 -4px 12px #00000026;padding:var(--spacing-sm) var(--spacing-md)}.transformer .summary-content{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;font-size:.8rem}.transformer .summary-kva{font-weight:600;color:var(--color-text)}.transformer .summary-divider{color:var(--color-text-light)}.transformer .summary-item{color:var(--color-text-muted)}.transformer .summary-vd{font-weight:500}.transformer .summary-vd.vd-ok{color:var(--color-success)}.transformer .summary-vd.vd-warning{color:var(--color-warning)}.transformer .summary-vd.vd-error{color:var(--color-error)}.transformer .summary-expand-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;background-color:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;margin-left:auto}@media(max-width:768px){.transformer .input-row-group{flex-direction:column}.transformer .input-row-group>*{min-width:100%}.transformer .header-row{flex-direction:column}.transformer .mobile-results-summary{display:flex;align-items:center;gap:var(--spacing-sm)}.transformer .calculator-outputs{padding-bottom:80px}.transformer .aic-bar-item{flex-wrap:wrap}.transformer .aic-bar-item .bar-label{flex:0 0 100%;margin-bottom:var(--spacing-xs)}}[data-theme=dark] .transformer .vd-ok{background-color:#4ade8026}[data-theme=dark] .transformer .vd-warning{background-color:#fbbf2426}[data-theme=dark] .transformer .vd-error{background-color:#f8717126}[data-theme=dark] .transformer .aic-coordination-warning{background-color:#f871711f}[data-theme=dark] .transformer .preset-btn{background-color:var(--color-bg)}[data-theme=dark] .transformer .preset-btn:hover{background-color:var(--color-primary)}[data-theme=dark] .transformer .aic-bar-item .bar-container{background-color:var(--color-bg-hover)}[data-theme=dark] .transformer .mobile-results-summary{background-color:var(--color-bg-card);box-shadow:0 -4px 12px #0006}@media print{.transformer .mobile-results-summary,.transformer .calculator-inputs{display:none!important}.transformer .calculator-outputs{padding-bottom:0!important}.transformer .aic-quick-set-btn{display:none!important}.transformer .transformer-print-layout{display:block!important}.transformer .transformer-circuit-diagram,.transformer .arc-flash-indicator,.transformer .nec-decision-tree{page-break-inside:avoid;margin:10px 0}.transformer .project-stamp-area{width:2in;height:1.5in;border:2px solid black;float:right;margin-left:15px;margin-bottom:10px}.transformer .print-table{width:100%;border-collapse:collapse;margin:10px 0}.transformer .print-table th,.transformer .print-table td{border:1px solid #ccc;padding:6px 10px;text-align:left}.transformer .print-table th{background-color:#f0f0f0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.generator .input-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.generator .input-static-label{font-size:.9rem;color:var(--color-text-muted)}.generator .input-static-value{font-weight:500;color:var(--color-text)}.generator .no-results{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.generator .output-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md)}.generator .full-width{grid-column:1 / -1}.generator .sizing-note{font-size:.85rem;color:var(--color-text-muted);font-style:italic;margin-top:var(--spacing-sm)}.generator .sizing-note.warning-text{color:var(--color-warning)}.generator .config-presets{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.generator .config-presets h4{margin:0 0 var(--spacing-sm) 0;font-size:.85rem;color:var(--color-text-muted);font-weight:500}.generator .preset-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.generator .preset-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;background-color:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.generator .preset-button:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.generator .rating-type-toggle{margin-bottom:var(--spacing-md)}.generator .rating-type-toggle .input-label{display:block;font-size:.9rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.generator .toggle-buttons{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.generator .toggle-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;background-color:var(--color-bg);border:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.generator .toggle-btn:first-child{border-right:1px solid var(--color-border)}.generator .toggle-btn.active{background-color:var(--color-primary);color:#fff}.generator .toggle-btn:hover:not(.active){background-color:var(--color-bg-hover)}.generator .rating-hint{display:block;font-size:.75rem;color:var(--color-text-light);margin-top:var(--spacing-xs);font-style:italic}.generator .temp-derating-note{font-size:.8rem;color:var(--color-warning);padding:var(--spacing-xs) var(--spacing-sm);background-color:#fb923c1a;border-radius:var(--radius-sm);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.generator .input-hint{display:block;font-size:.75rem;color:var(--color-text-light);margin-top:calc(var(--spacing-xs) * -1);margin-bottom:var(--spacing-md)}.generator .fuel-consumption-grid{display:flex;flex-direction:column;gap:var(--spacing-xs);background-color:var(--color-bg-hover);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.generator .fuel-row{display:flex;justify-content:space-between;align-items:center}.generator .fuel-label{font-size:.85rem;color:var(--color-text-muted)}.generator .fuel-value{font-size:.9rem;font-weight:500;color:var(--color-text)}.generator .calculator-header{position:relative}.generator .header-export{position:absolute;top:0;right:0}.generator .mobile-summary-bar{display:none;position:fixed;bottom:0;left:0;right:0;background-color:var(--color-bg-card);border-top:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);z-index:100;box-shadow:0 -2px 10px #0000001a}.generator .mobile-summary-bar .summary-item{display:flex;flex-direction:column;align-items:center;flex:1}.generator .mobile-summary-bar .summary-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase}.generator .mobile-summary-bar .summary-value{font-size:1rem;font-weight:600;color:var(--color-text)}.generator .mobile-summary-bar .summary-item.vd-ok .summary-value{color:var(--color-success)}.generator .mobile-summary-bar .summary-item.vd-warning .summary-value{color:var(--color-warning)}.generator .mobile-summary-bar .summary-item.vd-error .summary-value{color:var(--color-error)}.generator .compact-stranding-option{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-bg-hover);border-radius:var(--radius-sm)}.generator .compact-stranding-option .checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.9rem}.generator .compact-stranding-option input[type=checkbox]{width:16px;height:16px;cursor:pointer}.generator .compact-hint{display:block;font-size:.75rem;color:var(--color-text-light);margin-left:24px;margin-top:var(--spacing-xs)}@media(max-width:768px){.generator .output-grid{grid-template-columns:repeat(2,1fr)}.generator .mobile-summary-bar{display:flex}.generator .calculator-outputs{padding-bottom:80px}.generator .header-export{position:static;margin-top:var(--spacing-sm)}.generator .preset-button{font-size:.7rem;padding:var(--spacing-xs)}}@media(max-width:480px){.generator .preset-buttons{flex-wrap:wrap}.generator .preset-button{flex:1 0 calc(50% - var(--spacing-xs));text-align:center}}[data-theme=dark] .generator .preset-button:hover{background-color:var(--color-primary)}[data-theme=dark] .generator .mobile-summary-bar{background-color:var(--color-bg-card);box-shadow:0 -2px 10px #0000004d}@media print{.generator .mobile-summary-bar{display:none!important}.generator .config-presets{display:none}.generator .calculator-outputs{padding-bottom:0!important}}.add-motor-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.add-motor-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:500px){.add-motor-inputs{grid-template-columns:1fr}}.btn-add-motor{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.btn-add-motor:hover{background:var(--color-primary-dark)}.motor-list-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.motor-list-empty .hint{font-size:.875rem;margin-top:var(--spacing-xs)}.motor-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.motor-count{font-size:.875rem;font-weight:600;color:var(--color-text)}.btn-clear-all{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.btn-clear-all:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.motor-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.motor-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.motor-item:hover{background:var(--color-bg-hover)}.motor-info{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.motor-number{font-size:.75rem;font-weight:600;color:var(--color-text-muted);min-width:24px}.motor-hp{font-weight:600;color:var(--color-text)}.motor-voltage{font-size:.875rem;color:var(--color-text-muted)}.motor-fla{font-family:var(--font-mono);font-size:.875rem;color:var(--color-primary)}.btn-remove-motor{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-remove-motor:hover{color:var(--color-error);background:#ef44441a}.calculation-breakdown{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--spacing-md)}.calc-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-xs) 0;font-size:.875rem}.calc-row:not(:last-child){border-bottom:1px dashed var(--color-border)}.calc-row.largest{color:var(--color-text);padding-bottom:var(--spacing-sm)}.calc-row.total{border-top:2px solid var(--color-border);padding-top:var(--spacing-sm);margin-top:var(--spacing-xs);font-size:1rem}.calc-label{color:var(--color-text-muted);flex:1}.calc-value{font-family:var(--font-mono);text-align:right;color:var(--color-text)}.calc-row.total .calc-label,.calc-row.total .calc-value{color:var(--color-text);font-weight:600}.no-results{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.disconnect-result{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.disconnect-primary{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.disconnect-label{font-size:.875rem;color:var(--color-text-muted)}.disconnect-value{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.disconnect-ampacity{display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-text-muted);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.disconnect-ampacity span:last-child{font-family:var(--font-mono);color:var(--color-text)}.ratings-table{background:var(--color-bg);border-radius:var(--radius-md);overflow:hidden}.ratings-header{display:grid;grid-template-columns:1fr 1fr 1fr;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.rating-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.rating-row:last-child{border-bottom:none}.rating-row span:first-child{font-weight:500}.rating-row span:nth-child(2){font-family:var(--font-mono)}.rating-row span:last-child{font-size:.75rem;color:var(--color-text-muted)}.rating-row.selected{background:#3b82f61a}.rating-row.selected span:last-child{color:var(--color-primary);font-weight:600}.rating-row.too-small{opacity:.5}.rating-row.too-small span:last-child{color:var(--color-error)}.checkbox-field{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;cursor:pointer}.checkbox-field input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer}.checkbox-field span{font-size:.875rem;color:var(--color-text);line-height:1.4}.plc-io-list{max-width:100%}.platform-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:var(--surface-secondary);border-radius:8px}.vendor-group{display:flex;flex-direction:column;gap:.25rem}.vendor-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.platform-buttons{display:flex;flex-wrap:wrap;gap:.25rem}.platform-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border:1px solid var(--border-color);border-radius:4px;background:var(--surface-color);color:var(--text-color);cursor:pointer;transition:all .15s ease}.platform-btn:hover{background:var(--hover-bg);border-color:var(--primary-color)}.platform-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.platform-btn.legacy{font-style:italic;opacity:.8}.platform-btn.legacy:after{content:" (legacy)";font-size:.625rem}.vendor-group.siemens .platform-btn.active{background:#099;border-color:#099}.vendor-group.rockwell .platform-btn.active{background:#e31837;border-color:#e31837}.vendor-group.schneider .platform-btn.active{background:#3dcd58;border-color:#3dcd58}.plc-grid{display:grid;grid-template-columns:400px 1fr;gap:1.5rem}@media(max-width:1200px){.plc-grid{grid-template-columns:1fr}}.export-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.export-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.export-btn:hover{background:var(--hover-bg);border-color:var(--primary-color)}.export-btn.excel:hover{border-color:#217346;color:#217346}.export-btn.csv:hover{border-color:#4472c4;color:#4472c4}.export-btn.copy:hover{border-color:var(--primary-color)}.cpu-summary{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--hover-bg);border-radius:6px;margin-top:.5rem;font-size:.8125rem}.cpu-order{font-family:Monaco,Consolas,monospace;color:var(--text-muted)}.cpu-io-counts{display:flex;gap:.75rem;flex-wrap:wrap}.io-count,.io-total{padding:.25rem .5rem;border-radius:4px;font-weight:500;font-size:.75rem}.io-count.di,.io-total.di{background:#ddebf7;color:#1a5490}.io-count.do,.io-total.do{background:#fce4d6;color:#c65911}.io-count.ai,.io-total.ai{background:#e2efda;color:#375623}.io-count.ao,.io-total.ao{background:#fff2cc;color:#806000}[data-theme=dark] .io-count.di,[data-theme=dark] .io-total.di{background:#1e88e533;color:#64b5f6}[data-theme=dark] .io-count.do,[data-theme=dark] .io-total.do{background:#ff980033;color:#ffb74d}[data-theme=dark] .io-count.ai,[data-theme=dark] .io-total.ai{background:#4caf5033;color:#81c784}[data-theme=dark] .io-count.ao,[data-theme=dark] .io-total.ao{background:#ffc10733;color:#ffd54f}.cpu-limits{color:var(--text-muted);font-size:.75rem}.module-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.module-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px}.module-slot{font-size:.75rem;font-weight:600;color:var(--primary-color);white-space:nowrap;min-width:50px}.module-info{flex:1;min-width:0}.module-name{display:block;font-weight:500;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-desc{display:block;font-size:.75rem;color:var(--text-muted)}.module-actions{display:flex;gap:.25rem}.move-btn,.remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.move-btn:hover:not(:disabled){background:var(--hover-bg);color:var(--text-color)}.move-btn:disabled{opacity:.3;cursor:not-allowed}.remove-btn:hover{background:#ef44441a;color:#ef4444}.add-module-section{margin-top:1rem}.module-group{margin-bottom:.75rem}.module-group-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.375rem}.module-buttons{display:flex;flex-wrap:wrap;gap:.375rem}.add-module-btn{padding:.375rem .625rem;font-size:.75rem;font-weight:500;border:1px solid var(--border-color);border-radius:4px;background:var(--surface-color);color:var(--text-color);cursor:pointer;transition:all .15s ease}.add-module-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.add-module-btn:disabled{opacity:.4;cursor:not-allowed}.section-title .module-count{font-size:.8125rem;font-weight:400;color:var(--text-muted);margin-left:.5rem}.config-errors{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.io-list-card{min-height:400px;display:flex;flex-direction:column}.io-list-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.io-list-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.io-summary{display:flex;gap:.5rem}.io-filter{display:flex;gap:.25rem}.filter-btn{padding:.375rem .75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--surface-color);color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.filter-btn:hover{background:var(--hover-bg)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.filter-btn.di.active{background:#1e88e5;border-color:#1e88e5}.filter-btn.do.active{background:#ff9800;border-color:#ff9800}.filter-btn.ai.active{background:#4caf50;border-color:#4caf50}.filter-btn.ao.active{background:#ffc107;border-color:#ffc107;color:#333}.io-table-container{flex:1;overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 350px);min-height:300px}.io-table{width:100%;border-collapse:collapse;font-size:.8125rem}.io-table th{position:sticky;top:0;background:var(--surface-secondary);padding:.625rem .75rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);border-bottom:2px solid var(--border-color);z-index:10}.io-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.io-table tbody tr:hover{background:var(--hover-bg)}.io-row.di{background:#1e88e508}.io-row.do{background:#ff980008}.io-row.ai{background:#4caf5008}.io-row.ao{background:#ffc10708}.io-row.di:hover{background:#1e88e514}.io-row.do:hover{background:#ff980014}.io-row.ai:hover{background:#4caf5014}.io-row.ao:hover{background:#ffc10714}.col-address{width:80px;white-space:nowrap}.col-address code{font-family:Monaco,Consolas,monospace;font-size:.8125rem;font-weight:600;color:var(--primary-color)}.col-type{width:60px}.type-badge{display:inline-block;padding:.125rem .5rem;border-radius:3px;font-size:.6875rem;font-weight:600;text-transform:uppercase}.badge-di{background:#ddebf7;color:#1a5490}.badge-do{background:#fce4d6;color:#c65911}.badge-ai{background:#e2efda;color:#375623}.badge-ao{background:#fff2cc;color:#806000}[data-theme=dark] .badge-di{background:#1e88e533;color:#64b5f6}[data-theme=dark] .badge-do{background:#ff980033;color:#ffb74d}[data-theme=dark] .badge-ai{background:#4caf5033;color:#81c784}[data-theme=dark] .badge-ao{background:#ffc10733;color:#ffd54f}.col-tag{min-width:180px}.col-description{min-width:200px}.col-source{width:100px;white-space:nowrap}.source-info{font-size:.75rem;color:var(--text-muted)}.tag-input,.description-input{width:100%;padding:.375rem .5rem;border:1px solid transparent;border-radius:4px;background:transparent;font-size:.8125rem;font-family:inherit;color:var(--text-color);transition:all .15s ease}.tag-input{font-family:Monaco,Consolas,monospace}.tag-input:hover,.description-input:hover{border-color:var(--border-color);background:var(--surface-color)}.tag-input:focus,.description-input:focus{outline:none;border-color:var(--primary-color);background:var(--surface-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.tag-input::placeholder,.description-input::placeholder{color:var(--text-muted);opacity:.6}.empty-io-list{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:.875rem}@media(max-width:768px){.io-list-header{flex-direction:column;align-items:flex-start}.io-list-controls{flex-direction:column;align-items:flex-start;width:100%}.io-summary{flex-wrap:wrap}.io-filter{width:100%;justify-content:stretch}.filter-btn{flex:1;text-align:center}.export-buttons{width:100%;justify-content:stretch}.export-btn{flex:1;justify-content:center}.col-source{display:none}.io-table-container{max-height:calc(100vh - 450px)}}.keyboard-hints{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}@media(max-width:768px){.keyboard-hints{display:none}}.config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.config-actions{display:flex;gap:.25rem}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.action-btn:hover{background:var(--hover-bg);color:var(--primary-color);border-color:var(--primary-color)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.clear-btn{font-size:.75rem;padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.clear-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.export-btn.copy.success{background:#22c55e;border-color:#22c55e;color:#fff}.export-btn.tia{font-weight:600}.export-btn.tia:hover{border-color:#f60;color:#f60}.rack-diagram{margin-top:1.5rem;padding:1rem;background:var(--surface-secondary);border-radius:8px}.rack-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.rack-header h4{font-size:.875rem;font-weight:600;margin:0}.rack-modules{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.rack-module{flex-shrink:0;min-width:80px;padding:.5rem;background:var(--surface-color);border:2px solid var(--border-color);border-radius:6px;text-align:center}.rack-module.cpu{border-color:var(--primary-color);min-width:120px}.rack-module.sb{border-color:#9333ea;border-style:dashed}.rack-module.sm{border-color:#06b6d4}.rack-module-name{font-size:.6875rem;font-weight:600;margin-bottom:.375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rack-module-io{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;font-size:.625rem}.rack-module-io span{padding:.125rem .25rem;border-radius:2px;white-space:nowrap}.rack-module-io .di{background:#1e88e526;color:#1e88e5}.rack-module-io .do{background:#ff980026;color:#ff9800}.rack-module-io .ai{background:#4caf5026;color:#4caf50}.rack-module-io .ao{background:#ffc10726;color:#f59e0b}.byte-summary{margin-top:1.5rem;padding:1rem;background:var(--surface-secondary);border-radius:8px}.byte-summary h4{font-size:.875rem;font-weight:600;margin:0 0 .75rem}.byte-bars{display:flex;flex-wrap:wrap;gap:.5rem}.byte-bar{display:flex;justify-content:space-between;align-items:center;padding:.375rem .625rem;background:var(--surface-color);border-radius:4px;min-width:100px}.byte-bar.total{background:var(--primary-color);color:#fff}.byte-label{font-size:.75rem;font-weight:500}.byte-value{font-size:.75rem;font-family:Monaco,Consolas,monospace}.config-warnings{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.tag-operations-bar{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background:var(--surface-secondary);border-radius:6px;margin-bottom:1rem}.tag-op-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;border:1px solid var(--border-color);border-radius:4px;background:var(--surface-color);color:var(--text-color);cursor:pointer;transition:all .15s ease}.tag-op-btn:hover{background:var(--hover-bg);border-color:var(--primary-color)}.tag-op-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.tag-op-btn.clear{color:#ef4444}.tag-op-btn.clear:hover{background:#ef44441a;border-color:#ef4444}.bulk-edit-panel{padding:1rem;background:var(--hover-bg);border-radius:6px;margin-bottom:1rem}.bulk-edit-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.bulk-select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--surface-color);color:var(--text-color);font-size:.8125rem;min-width:140px}.bulk-input{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--surface-color);color:var(--text-color);font-size:.8125rem;flex:1;min-width:120px}.bulk-input.small{max-width:80px;flex:none}.bulk-apply-btn{padding:.5rem 1rem;background:var(--primary-color);border:none;border-radius:4px;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s ease}.bulk-apply-btn:hover{background:var(--primary-hover)}.bulk-hint{margin:.5rem 0 0;font-size:.75rem;color:var(--text-muted)}.address-map{padding:1rem;background:var(--surface-secondary);border-radius:6px;margin-bottom:1rem}.address-map-row{display:flex;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.address-map-row:last-child{border-bottom:none}.address-map-type{font-weight:600;font-size:.75rem;min-width:30px;padding:.25rem .5rem;border-radius:3px}.address-map-row.di .address-map-type{background:#ddebf7;color:#1a5490}.address-map-row.do .address-map-type{background:#fce4d6;color:#c65911}.address-map-row.ai .address-map-type{background:#e2efda;color:#375623}.address-map-row.ao .address-map-type{background:#fff2cc;color:#806000}[data-theme=dark] .address-map-row.di .address-map-type{background:#1e88e533;color:#64b5f6}[data-theme=dark] .address-map-row.do .address-map-type{background:#ff980033;color:#ffb74d}[data-theme=dark] .address-map-row.ai .address-map-type{background:#4caf5033;color:#81c784}[data-theme=dark] .address-map-row.ao .address-map-type{background:#ffc10733;color:#ffd54f}.address-map-ranges{display:flex;flex-wrap:wrap;gap:.5rem}.address-map-range{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:var(--surface-color);border-radius:4px;font-size:.75rem}.address-map-range code{font-family:Monaco,Consolas,monospace;font-weight:600;color:var(--primary-color)}.address-map-source{color:var(--text-muted);font-size:.6875rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-dialog{background:var(--surface-color);border-radius:12px;padding:1.5rem;width:100%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-dialog h3{margin:0 0 1rem;font-size:1.125rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.modal-btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.modal-btn.cancel{background:transparent;border:1px solid var(--border-color);color:var(--text-color)}.modal-btn.cancel:hover{background:var(--hover-bg)}.modal-btn.save{background:var(--primary-color);border:none;color:#fff}.modal-btn.save:hover{background:var(--primary-hover)}@media print{.plc-io-list{max-width:100%}.export-buttons,.add-module-section,.module-actions,.io-filter,.io-list-controls .toggle{display:none!important}.io-table-container{max-height:none;overflow:visible}.io-table th{position:static}.tag-input,.description-input{border:none;padding:0}.calculator-inputs{break-after:page}}.placeholder-calculator{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl);min-height:400px}.placeholder-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.placeholder-calculator h2{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--color-text)}.placeholder-calculator p{color:var(--color-text-muted);max-width:400px;margin-bottom:var(--spacing-lg)}.placeholder-note{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-info-light);color:var(--color-info);border-radius:var(--radius-md);font-size:.875rem;font-weight:500}:root{--color-primary: #1e40af;--color-primary-dark: #1e3a8a;--color-primary-light: #3b82f6;--color-success: #16a34a;--color-success-light: #dcfce7;--color-warning: #b45309;--color-warning-light: #fef3c7;--color-error: #dc2626;--color-error-light: #fee2e2;--color-info: #0284c7;--color-info-light: #e0f2fe;--color-bg: #f8fafc;--color-bg-card: #ffffff;--color-bg-input: #ffffff;--color-bg-hover: #f1f5f9;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-border-focus: #3b82f6;--color-text: #1e293b;--color-text-muted: #64748b;--color-text-light: #94a3b8;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--transition-fast: .15s ease;--transition-normal: .2s ease;--nav-width: 240px;--nav-width-collapsed: 64px;--header-height: 60px;--mobile-banner-height: 48px}[data-theme=dark]{--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: #60a5fa;--color-success: #22c55e;--color-success-light: #14532d;--color-warning: #eab308;--color-warning-light: #422006;--color-error: #ef4444;--color-error-light: #450a0a;--color-info: #0ea5e9;--color-info-light: #0c4a6e;--color-bg: #0f172a;--color-bg-card: #1e293b;--color-bg-input: #334155;--color-bg-hover: #334155;--color-border: #334155;--color-border-light: #1e293b;--color-border-focus: #3b82f6;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-light: #64748b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:1rem;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);z-index:1000;text-decoration:none;font-weight:500;border-radius:0 0 var(--radius-md) 0;transition:top var(--transition-fast)}.skip-link:focus{top:0}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--color-text)}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-bottom:var(--spacing-md)}input,select,textarea,button{font-family:inherit;font-size:inherit}input[type=text],input[type=number],select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-input);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input[type=text]:focus,input[type=number]:focus,select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3b82f61a}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input[type=text]:focus-visible,input[type=number]:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}input[type=radio]:focus-visible,input[type=checkbox]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}input[type=text]:disabled,input[type=number]:disabled,select:disabled{background-color:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast)}button:disabled{opacity:.5;cursor:not-allowed}button:focus{outline:none}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:transparent;border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-hover)}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.status-ok{color:var(--color-success)}.status-warning{color:var(--color-warning)}.status-error{color:var(--color-error)}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.status-badge.ok{background-color:var(--color-success-light);color:var(--color-success)}.status-badge.warning{background-color:var(--color-warning-light);color:var(--color-warning)}.status-badge.error{background-color:var(--color-error-light);color:var(--color-error)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.grid-cols-2{grid-template-columns:1fr}}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.875rem}.text-mono{font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--transition-normal)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media print{:root{--color-bg: white !important;--color-bg-card: white !important;--color-text: black !important;--color-text-muted: #333 !important;--color-border: #ccc !important;--color-border-light: #ddd !important}body{background:#fff!important;color:#000!important;font-size:11pt;line-height:1.4}.navigation,.header,.nav-toggle,.settings-panel,.history-panel,.project-panel,.scroll-to-top,.no-print,.quick-presets,.export-button-container,.calculator-inputs button,.btn,.btn-primary,.btn-secondary,.btn-delete,.toggle-field,.checkbox-field input,input,select,.dropdown{display:none!important}.app{display:block!important;padding:0!important;margin:0!important}.main-content{margin:0!important;padding:20px!important;width:100%!important;max-width:100%!important}.calculator{padding:0!important;page-break-inside:avoid}.calculator-header h2{font-size:18pt!important;margin-bottom:10px!important;border-bottom:2px solid black;padding-bottom:8px}.calculator-description{font-size:10pt!important;color:#333!important;margin-bottom:15px!important}.calculator-grid{display:block!important;gap:0!important}.calculator-inputs{display:none!important}.calculator-outputs{width:100%!important;margin:0!important;padding:15px!important;background:none!important;box-shadow:none!important;border:1px solid #ccc!important;border-radius:0!important}.card{background:#fff!important;box-shadow:none!important;border:1px solid #ccc!important;page-break-inside:avoid}.section-title{font-size:12pt!important;font-weight:600!important;border-bottom:1px solid #ccc!important;padding-bottom:5px!important;margin-bottom:10px!important}.copyable-value{border:none!important;background:none!important;padding:5px 0!important}.copyable-value .value-label{font-size:9pt!important;color:#333!important}.copyable-value .value-main{font-size:12pt!important;color:#000!important;font-weight:600!important}.copyable-value.large .value-main{font-size:16pt!important}.status-indicator{padding:5px 10px!important;border-radius:0!important}.output-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.reference-list{margin-top:15px!important;padding:10px!important;border:1px solid #ccc!important}.reference-list li{font-size:9pt!important;margin-bottom:5px!important}.fill-bar-container{height:15px!important;border:1px solid #ccc!important;background:#f0f0f0!important}.conduit-fill-diagram{max-width:200px!important;margin:0 auto!important}.output-note{padding:8px!important;border:1px solid #ccc!important;background:#f9f9f9!important;font-size:9pt!important}@page{margin:.75in;size:letter portrait}.calculator:before{content:"BGD Electrical Calculator";display:block;font-size:8pt;color:#666;text-align:right;margin-bottom:10px;border-bottom:1px solid #ddd;padding-bottom:5px}.calculator:after{content:"Printed: " attr(data-print-date);display:block;font-size:8pt;color:#666;text-align:right;margin-top:20px;padding-top:10px;border-top:1px solid #ddd}.output-group{page-break-inside:avoid}}.app{min-height:100vh;background-color:var(--color-bg);transition:margin-left var(--transition-normal)}.main-content{margin-left:var(--nav-width);margin-top:var(--header-height);min-height:calc(100vh - var(--header-height));padding:var(--spacing-lg);transition:margin-left var(--transition-normal)}.app.nav-collapsed .main-content{margin-left:var(--nav-width-collapsed)}.calculator-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-2xl);text-align:center;background-color:var(--color-bg-card);border:2px dashed var(--color-border);border-radius:var(--radius-lg)}.calculator-placeholder h2{margin-bottom:var(--spacing-md);color:var(--color-text)}.calculator-placeholder p{color:var(--color-text-muted)}@media(min-width:768px)and (max-width:1024px){.main-content{margin-left:200px}.app.nav-collapsed .main-content{margin-left:var(--nav-width-collapsed)}}@media(max-width:768px){.main-content{margin-left:0;padding:var(--spacing-md)}.app.nav-collapsed .main-content{margin-left:0}}@media(max-width:1024px){.main-content.has-sticky-banner{padding-top:calc(var(--spacing-md) + var(--mobile-banner-height, 48px))}}