.asr-root{--bg:#f4f6f3;--card:#fff;--text:#20251f;--muted:#687068;--line:#d8ded6;--primary:#08756d;--soft:#e7f2ef;color:var(--text);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;width:100%;max-width:none}.asr-root.asr-dark{--bg:#151816;--card:#1d211e;--text:#edf1ed;--muted:#aab2aa;--line:#394039;--primary:#61b9ae;--soft:#263a36}.asr-root *{box-sizing:border-box}.asr-root .app{width:100%;max-width:none;margin:0 auto;padding:28px;display:grid;grid-template-columns:minmax(400px,600px) minmax(0,1fr);gap:32px;background:var(--bg);border-radius:16px}.asr-root .card,.asr-root fieldset{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.asr-root .input-card{align-self:start}.asr-root header{display:flex;justify-content:space-between;gap:16px}.asr-root h1{margin:0;font-size:clamp(1.8rem,4vw,2.7rem)}.asr-root h2{margin-top:0}.asr-root p{color:var(--muted)}.asr-root form{display:grid;gap:16px}.asr-root fieldset{display:grid;gap:12px}.asr-root legend{font-weight:800;color:var(--primary);padding:0 8px}.asr-root .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.asr-root label{display:grid;gap:6px;font-weight:650}.asr-root input,.asr-root select,.asr-root button{font:inherit}.asr-root input,.asr-root select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text)}.asr-root input[type=range]{padding:0}.asr-root .check{display:flex;align-items:center;gap:10px}.asr-root .check input{width:auto}.asr-root .primary,.asr-root .icon{border:0;border-radius:10px;cursor:pointer}.asr-root .primary{padding:14px;background:var(--primary);color:#fff;font-weight:800}.asr-root .primary:disabled{opacity:.65;cursor:wait}.asr-root .icon{width:44px;height:44px}.asr-root .hint,.asr-root .scale{font-size:.84rem;color:var(--muted)}.asr-root .scale{display:flex;justify-content:space-between}.asr-root .results{display:grid;gap:20px}.asr-root .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.asr-root .metric{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}.asr-root .metric strong{display:block;font-size:1.55rem}.asr-root .metric span{color:var(--muted);font-size:.82rem}.asr-root .row{display:grid;grid-template-columns:1.2fr .7fr 1.8fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.asr-root .row strong{text-align:right}.asr-root .notice{padding:14px;border-radius:10px;background:var(--soft);margin-top:12px;color:var(--text)}.asr-root canvas{max-height:360px}.asr-root .hidden{display:none!important}.asr-root .result-group{border:1px solid var(--line);border-radius:12px;padding:14px;margin:14px 0;background:var(--card)}.asr-root .result-group h3{margin:0 0 8px;color:var(--primary);font-size:1.05rem}.asr-root .chart-box{position:relative;height:360px}.asr-root .chart-box-large{height:430px}.asr-root .cash-inputs{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:14px 0}.asr-root .cashflow-energy-costs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.asr-root .cash-info{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--soft);display:grid;gap:3px}.asr-root .cash-info span,.asr-root .cash-info small{color:var(--muted)}.asr-root .cash-info strong{font-size:1.35rem}.asr-root .secondary{padding:11px 16px;border:1px solid var(--primary);border-radius:10px;background:transparent;color:var(--primary);font-weight:800;cursor:pointer}.asr-root .cashflow-button{margin-bottom:14px}.asr-root .chart-help{margin-top:-8px}@media(min-width:1051px){.asr-root{position:relative!important;left:50%!important;transform:translateX(-50%)!important;width:min(1850px,calc(100vw - 32px))!important;max-width:none!important;margin-left:0!important;margin-right:0!important}.elementor-widget-shortcode:has(.asr-root),.elementor-widget-container:has(.asr-root),.wp-block-shortcode:has(.asr-root){overflow:visible!important;max-width:none!important}}@media(max-width:1050px){.asr-root .app{grid-template-columns:1fr}.asr-root .metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.asr-root .cash-inputs{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.asr-root .app{padding:12px}.asr-root .grid2,.asr-root .row{grid-template-columns:1fr}.asr-root .row strong{text-align:left}.asr-root .metrics,.asr-root .cash-inputs,.asr-root .cashflow-energy-costs{grid-template-columns:1fr}.asr-root .chart-box-large{height:360px}}
