/* Original simulation's economic-gate layout, scoped to the current plant study. */
#project-economics { --mint:#50e3b1; --cyan:#54c7ec; --line:#23404a; --muted:#98afb5; --ink:#f2f7f5; padding:16px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(180deg,rgba(17,37,45,.97),rgba(9,23,29,.97)); box-shadow:0 16px 50px rgba(0,0,0,.22); scroll-margin-top:16px; }
#project-economics .charge-head {display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
#project-economics h2 {font-size:1.15rem;margin:0 0 4px;letter-spacing:0}
#project-economics .charge-head p {margin:0;max-width:850px;font-size:.9rem}
#project-economics .charge-controls {display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px;margin:12px 0}
#project-economics .charge-control {background:#0b1a20;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0;display:flex;flex-direction:column;gap:7px}
#project-economics label {font-size:.875rem;font-weight:680;line-height:1.35}
#project-economics select,#project-economics input[type=number] {width:100%;min-width:0;color:var(--ink);background:#0a171c;border:1px solid #31505a;border-radius:9px;padding:8px;font:inherit;min-height:44px}
#project-economics .charge-results {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 10px}
#project-economics .metric {background:#0b1a20;border:1px solid var(--line);border-radius:12px;padding:11px 12px;min-height:82px;min-width:0}
#project-economics .k {color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:.75rem;font-weight:800;line-height:1.45}
#project-economics .v {display:block;font:760 clamp(1.1rem,2vw,1.375rem)/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0;margin:7px 0 0;overflow-wrap:anywhere}
#project-economics small {display:block;color:var(--muted);font-size:.8rem;line-height:1.5;margin-top:3px}
#project-economics .metric.emphasis .v {color:var(--mint)}
#project-economics .metric.research .v {color:#ffbd59}
#project-economics .metric .v[data-state=loss] {color:#ffabab}
#project-economics [data-state=conditional] {color:var(--cyan)}
#project-economics .actions {gap:8px;margin:12px 0}
#project-economics button {border:1px solid #31505a;border-radius:10px;background:#13272f;font-weight:740;padding:9px 10px}
#project-economics button.primary {background:var(--mint);border-color:var(--mint);color:#042018}
#project-economics .charge-status {font-size:.875rem;margin:11px 0;color:var(--muted)}
#project-economics .basis-control {max-width:520px}
.country-order {display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.country-order [aria-current=page] {border-color:#50e3b1;color:#50e3b1}
#project-economics .payback-options {margin-top:16px;padding:16px;border:1px solid #31505a;border-radius:12px;background:#0b1a20;scroll-margin-top:20px}
#project-economics .payback-options h3 {margin:0;font-size:1.1rem}
#project-economics .payback-table-wrap {overflow-x:auto}
#project-economics .payback-options table {width:100%;border-collapse:collapse;font-size:.875rem}
#project-economics .payback-options th,#project-economics .payback-options td {padding:10px 8px;text-align:left;border-bottom:1px solid #23404a}
#project-economics .payback-options td {font-family:ui-monospace,Consolas,monospace;white-space:nowrap}
#project-economics .payback-options tbody tr:nth-child(4) {color:#50e3b1;background:#12302a}
#project-economics .payback-options p {font-size:.95rem;line-height:1.6}
@media(max-width:700px){#project-economics .charge-head{display:block}#project-economics .charge-results{grid-template-columns:repeat(2,minmax(0,1fr))}#project-economics .charge-controls{grid-template-columns:1fr}#project-economics .v{font-size:1.125rem}}
@media(max-width:380px){#project-economics .charge-results{grid-template-columns:1fr}}