.esg-page{--esg: #2e8b57}.esg-kpis{grid-template-columns: repeat(auto-fit,minmax(170px,1fr));margin-block-end: 16px}.esg-banners{display: grid;gap: 8px;margin-block-end: 12px}.esg-banners:empty{display: none}.esg-banner{display: flex;align-items: center;flex-wrap: wrap;gap: 6px 12px;padding: 10px 12px;border-radius: 8px;border: 1px solid var(--line);margin-block-end: 12px}.esg-banners .esg-banner{margin-block-end: 0}.esg-banner.warn{border-color: var(--warn)}.esg-banner.info{border-color: var(--info)}.esg-page>.card,.esg-page>.esg-two>.card{margin-block-end: 16px}.esg-two{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,380px),1fr));gap: 16px}.esg-bars{display: grid;grid-template-columns: repeat(12,minmax(0,1fr));gap: 6px;align-items: end;block-size: 180px;padding-block: 8px}.esg-bar{display: grid;grid-template-rows: 1fr auto;block-size: 100%;gap: 4px;min-width: 0}.esg-bar-col{display: flex;flex-direction: column-reverse;justify-content: flex-start;align-items: stretch;min-height: 0;border-radius: 4px 4px 0 0;overflow: hidden}.esg-bar-label{font-size: 11px;text-align: center;color: var(--muted);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.esg-seg{display: block}.esg-seg.s1{background: var(--danger)}.esg-seg.s2{background: var(--warn)}.esg-seg.s3{background: var(--info)}.esg-legend{display: flex;gap: 16px;flex-wrap: wrap;font-size: 12px;color: var(--muted)}.esg-legend i{display: inline-block;inline-size: 10px;block-size: 10px;border-radius: 2px;margin-inline-end: 6px}.esg-needs{margin-block-end: 16px;border-top: 3px solid var(--warn)}.esg-needs-list{margin: 0;padding-inline-start: 18px;display: grid;gap: 4px}@media (max-width: 720px){.esg-kpis{grid-template-columns: repeat(2,minmax(0,1fr))}.esg-bars{gap: 3px}.esg-bar-label{font-size: 9px}}