#js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-app { display:flex; flex-direction:column; gap:22px; color:var(--text-primary); } #js-tool-container-gas-boiler-heating-power-calculator-2 .tbcalc-fieldset { border:1px solid var(--border-color); border-radius:var(--radius-md); padding:16px 18px 18px; margin:0 0 14px; } #js-tool-container-gas-boiler-heating-power-calculator-2 .tbcalc-legend { padding:0 6px; font-weight:650; color:var(--text-secondary); } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px 18px; } #js-tool-container-gas-boiler-heating-power-calculator-2 .tbcalc-field { display:flex; flex-direction:column; gap:6px; } #js-tool-container-gas-boiler-heating-power-calculator-2 .tbcalc-hint { color:var(--text-muted); font-size:.82rem; line-height:1.35; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-outcome { display:grid; grid-template-columns:minmax(0, 1.05fr) minmax(260px, .95fr); gap:18px; align-items:stretch; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-outcome .tbcalc-section-title { grid-column:1 / -1; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-boiler-face { border:1px solid var(--border-color); border-left:5px solid var(--accent-primary); border-radius:var(--radius-lg); background:var(--accent-light); padding:22px; min-height:210px; display:flex; flex-direction:column; justify-content:center; gap:10px; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-face-label { color:var(--text-secondary); font-size:.92rem; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-face-row { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-res-value { font-size:clamp(2.2rem, 7vw, 4.2rem); font-weight:760; line-height:1; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-face-note { margin:0; color:var(--text-secondary); line-height:1.45; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-flame { height:10px; border-radius:999px; background:var(--bg-tertiary); overflow:hidden; border:1px solid var(--border-color); } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-flame-fill { display:block; height:100%; width:0; background:linear-gradient(90deg, var(--success), var(--accent-primary), var(--warning)); border-radius:999px; } #js-tool-container-gas-boiler-heating-power-calculator-2 .tbcalc-status { grid-column:2; grid-row:2; align-self:start; border:1px solid var(--border-color); border-left:4px solid var(--accent-primary); border-radius:var(--radius-sm); padding:11px 14px; color:var(--text-secondary); line-height:1.45; } #js-tool-container-gas-boiler-heating-power-calculator-2 .tbcalc-status.warn { border-left-color:var(--warning); background:var(--warning-light); color:var(--text-primary); } #js-tool-container-gas-boiler-heating-power-calculator-2 .tbcalc-status.danger { border-left-color:var(--danger); background:var(--danger-light); color:var(--text-primary); } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-ledger { grid-column:2; display:flex; flex-direction:column; gap:0; border:1px solid var(--border-color); border-radius:var(--radius-md); overflow:hidden; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-ledger div { display:flex; justify-content:space-between; gap:14px; padding:12px 14px; border-top:1px solid var(--border-color); } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-ledger div:first-child { border-top:0; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-ledger span { color:var(--text-secondary); } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-ledger output { font-weight:700; text-align:right; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-details { display:flex; flex-direction:column; gap:12px; } #js-tool-container-gas-boiler-heating-power-calculator-2 .tbcalc-table-wrap { overflow-x:auto; border:1px solid var(--border-color); border-radius:var(--radius-md); } #js-tool-container-gas-boiler-heating-power-calculator-2 .tbcalc-table { width:100%; border-collapse:collapse; font-size:.9rem; } #js-tool-container-gas-boiler-heating-power-calculator-2 .tbcalc-table th, #js-tool-container-gas-boiler-heating-power-calculator-2 .tbcalc-table td { padding:9px 12px; border-top:1px solid var(--border-color); text-align:left; } #js-tool-container-gas-boiler-heating-power-calculator-2 .tbcalc-table tr:first-child th, #js-tool-container-gas-boiler-heating-power-calculator-2 .tbcalc-table tr:first-child td { border-top:0; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-limit { margin:0; color:var(--text-muted); font-size:.86rem; line-height:1.45; } @media (max-width: 760px) { #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-grid { grid-template-columns:1fr; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-outcome { display:flex; flex-direction:column; gap:16px; } } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-outcome-v2 { display:grid; grid-template-columns:minmax(0, 1.18fr) minmax(280px, .82fr); gap:18px 20px; align-items:stretch; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-outcome-v2 .tbcalc-section-title { grid-column:1 / -1; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-nameplate { grid-row:2 / span 3; border:1px solid var(--border-color); border-radius:var(--radius-lg); background:linear-gradient(135deg, var(--accent-light), var(--bg-secondary)); padding:22px; min-height:248px; display:flex; flex-direction:column; justify-content:space-between; gap:14px; position:relative; overflow:hidden; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-nameplate::after { content:""; position:absolute; inset:auto -8% -34% 45%; height:62%; border-radius:50%; background:var(--accent-light); opacity:.72; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-head, #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-power, #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-face-note, #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-combustion { position:relative; z-index:1; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-label { color:var(--text-secondary); font-size:.9rem; line-height:1.35; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-mode { border:1px solid var(--border-color); border-radius:999px; padding:4px 10px; color:var(--text-secondary); font-size:.78rem; white-space:nowrap; background:var(--bg-secondary); } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-power { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-combustion { display:grid; grid-template-columns:1fr 34px; gap:12px; align-items:end; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-flame { height:14px; border:1px solid var(--border-color); border-radius:999px; background:var(--bg-tertiary); overflow:hidden; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-flame-fill { display:block; height:100%; width:0; background:linear-gradient(90deg, var(--success), var(--accent-primary)); border-radius:999px; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-stack { height:86px; border:1px solid var(--border-color); border-radius:999px 999px 10px 10px; background:var(--bg-tertiary); display:flex; align-items:flex-end; overflow:hidden; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-loss-fill { display:block; width:100%; height:20%; background:var(--warning-light); border-top:2px solid var(--warning); } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-status { grid-column:2; grid-row:2; align-self:start; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-balance { grid-column:2; grid-row:3; border:1px solid var(--border-color); border-radius:var(--radius-md); padding:12px; display:flex; flex-direction:column; gap:10px; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-balance-row { display:grid; grid-template-columns:94px 1fr auto; align-items:center; gap:10px; min-height:32px; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-source { color:var(--text-secondary); font-size:.86rem; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-line { height:8px; background:var(--bg-tertiary); border-radius:999px; overflow:hidden; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-line span { display:block; width:0; height:100%; border-radius:999px; background:var(--accent-primary); opacity:.8; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-total .gbc-v2-line span { background:var(--warning); } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-balance output { font-weight:700; text-align:right; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-meter { grid-column:2; grid-row:4; border:1px solid var(--border-color); border-radius:var(--radius-md); padding:14px; display:flex; flex-direction:column; gap:6px; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-meter-title { color:var(--text-secondary); font-size:.86rem; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-odometer { font-family:var(--font-mono, ui-monospace, monospace); font-size:clamp(1.25rem, 3vw, 1.65rem); font-weight:760; letter-spacing:.03em; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-fuel-note { color:var(--text-muted); font-size:.78rem; } @media (max-width: 760px) { #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-outcome-v2 { display:flex; flex-direction:column; gap:16px; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-balance-row { grid-template-columns:84px 1fr; } #js-tool-container-gas-boiler-heating-power-calculator-2 .gbc-v2-balance-row output { grid-column:2; text-align:left; } }