.ci-gas-review{margin-block:1.5rem}.ci-gas-review fieldset{border:0;padding:1rem 0;margin:0;min-width:0}.ci-gas-review legend{font-weight:700;font-size:1.2rem}.ci-gas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem}.ci-gas-review label{display:block;margin-block:.5rem}.ci-gas-review input:not([type=checkbox]),.ci-gas-review select{display:block;width:100%;box-sizing:border-box;margin-top:.35rem}.ci-gas-confirm{display:flex!important;align-items:flex-start;gap:.65rem}.ci-gas-confirm input{flex:none;margin-top:.35rem}.ci-gas-review details{margin-block:1rem}.ci-gas-review [hidden]{display:none!important}@media(max-width:640px){.ci-gas-grid{grid-template-columns:1fr}} 

.ci-gas-outcome{margin-block:1.5rem}.ci-gas-outcome .ci-result-card{padding:1.5rem;background:#eaf8fc;border-radius:1.5rem}.ci-gas-outcome .ci-annual-table-wrap{max-width:100%;overflow-x:auto}.ci-gas-outcome table{width:100%;border-collapse:collapse;margin-block:1rem;text-align:left}.ci-gas-outcome th,.ci-gas-outcome td{padding:.7rem;vertical-align:top;min-width:7rem;overflow-wrap:anywhere}.ci-gas-outcome thead{background:#e7f1f5}.ci-gas-outcome tbody tr+tr{border-top:1px solid #d1e2e9}.ci-gas-result-section{padding-block:.75rem}.ci-gas-result-section summary{font-weight:700;cursor:pointer}.ci-gas-monthly{margin:1rem 0}.ci-gas-monthly figcaption{font-weight:700}.ci-gas-monthly-bars{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.4rem;margin-block:1rem;max-width:100%}.ci-gas-month-pair{height:120px;display:flex;gap:3px;align-items:flex-end}.ci-gas-month-pair span{width:35%;max-width:24px;background:#173653}.ci-gas-month-pair .billed{background:#087f99}.ci-gas-month small{font-size:.75rem;white-space:nowrap}@media(max-width:640px){.ci-gas-outcome .ci-result-card{padding:1rem}.ci-gas-monthly-bars{gap:.15rem}.ci-gas-month small{font-size:.6rem}.ci-gas-month-pair{gap:1px}}

/* Match the current C&I/Metering controls without changing their shared assets. */
[data-ci-annual] .ci-gas-review input:not([type=checkbox]),
[data-ci-annual] .ci-gas-review select{min-width:0;max-width:100%;font:inherit;line-height:1.4;color:#0d2445;background:#fff;border:1px solid #bfd0de;border-radius:16px;padding:.8rem}
[data-ci-annual] .ci-gas-review label{font-weight:600;overflow-wrap:anywhere}
[data-ci-annual] .ci-gas-review input:focus-visible,
[data-ci-annual] .ci-gas-review select:focus-visible{outline:3px solid #23c3f3;outline-offset:3px}
[data-ci-annual] .ci-gas-outcome thead,
[data-ci-annual] .ci-gas-outcome thead th{background:#e7f1f5;color:#0d2445}
[data-ci-annual] .ci-gas-outcome>details>summary,
[data-ci-annual] .ci-gas-review details>summary,
[data-ci-annual] .ci-gas-monthly details>summary{display:flex;align-items:center;gap:10px;list-style:none}
[data-ci-annual] .ci-gas-outcome>details>summary::-webkit-details-marker,
[data-ci-annual] .ci-gas-review details>summary::-webkit-details-marker,
[data-ci-annual] .ci-gas-monthly details>summary::-webkit-details-marker{display:none}
[data-ci-annual] .ci-gas-outcome>details>summary::after,
[data-ci-annual] .ci-gas-review details>summary::after,
[data-ci-annual] .ci-gas-monthly details>summary::after{content:'⌄';display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:10px;background:linear-gradient(135deg,#ffffffdd,#e9f9fe99);border:1px solid #cadde8;box-shadow:inset 0 1px 1px #fff,0 2px 5px #0d244510;font-size:22px}
[data-ci-annual] .ci-gas-outcome>details[open]>summary::after,
[data-ci-annual] .ci-gas-review details[open]>summary::after,
[data-ci-annual] .ci-gas-monthly details[open]>summary::after{transform:rotate(180deg)}

[data-ci-annual] .ci-gas-outcome{padding-block:0}
