.ecoahan-ph{--eco-green:#063c32;--eco-orange:#f16a25;--eco-red:#940542;--eco-muted:#6b7781;--eco-line:#e2e8e7;background:#fff;border:1px solid var(--eco-line);border-radius:14px;margin:24px 0;padding:24px;color:#172d32;font-family:inherit;box-shadow:0 5px 25px rgba(6,60,50,.04)}
.ecoahan-ph *{box-sizing:border-box}.ecoahan-ph__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.ecoahan-ph__head h2{font-size:20px;margin:2px 0 0;color:#172d32}.ecoahan-ph__eyebrow{color:var(--eco-orange);font-size:12px;font-weight:700}.ecoahan-ph__periods{display:flex;background:#f1f5f4;border-radius:9px;padding:4px;gap:3px}.ecoahan-ph__periods button{appearance:none;border:0;background:transparent;color:#456064;border-radius:7px;padding:8px 13px;font:inherit;font-size:12px;cursor:pointer;transition:.18s ease}.ecoahan-ph__periods button:hover{color:var(--eco-green)}.ecoahan-ph__periods button.is-active{background:var(--eco-green);color:#fff;box-shadow:0 3px 10px rgba(6,60,50,.16)}.ecoahan-ph__periods button:focus-visible{outline:3px solid rgba(241,106,37,.35);outline-offset:2px}.ecoahan-ph__summary{min-height:28px;color:var(--eco-muted);font-size:12px}.ecoahan-ph__summary strong{color:var(--eco-green);font-size:14px}.ecoahan-ph__chart{position:relative;min-height:290px;direction:ltr;overflow:hidden}.ecoahan-ph__chart svg{display:block;width:100%;height:auto;min-height:270px}.ecoahan-ph__state{height:270px;display:grid;place-items:center;text-align:center;color:var(--eco-muted);background:#f8faf9;border-radius:10px}.ecoahan-ph__state.is-error{color:var(--eco-red)}.ecoahan-ph__tooltip{position:absolute;z-index:2;transform:translate(-50%,-110%);background:var(--eco-green);color:#fff;border-radius:7px;padding:6px 9px;font-size:11px;line-height:1.7;white-space:nowrap;pointer-events:none;box-shadow:0 5px 18px rgba(6,60,50,.2)}.ecoahan-ph__note{border-top:1px solid var(--eco-line);padding-top:12px;margin:10px 0 0;color:var(--eco-muted);font-size:11px}
@media(max-width:600px){.ecoahan-ph{padding:16px;margin:18px 0}.ecoahan-ph__head{display:block}.ecoahan-ph__periods{margin-top:14px;width:100%}.ecoahan-ph__periods button{flex:1;padding:8px 5px}.ecoahan-ph__chart{min-height:240px}.ecoahan-ph__chart svg{min-height:225px}.ecoahan-ph__state{height:225px}}
@media(prefers-reduced-motion:reduce){.ecoahan-ph__periods button{transition:none}}