.gn-chart-suite{background:#fff;border:1px solid #dbe2ea;border-radius:14px;padding:18px;margin-bottom:18px;box-shadow:0 6px 20px rgba(15,23,42,.05)}
.gn-chart-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.gn-chart-heading h2{margin:0 0 4px}.gn-chart-heading p{margin:0;color:#64748b}
.gn-chart-metric,.gn-chart-carat-switch{display:flex;gap:5px;flex-wrap:wrap}.gn-chart-metric button,.gn-chart-carat-switch button{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:7px;padding:7px 11px;cursor:pointer}.gn-chart-metric button.active,.gn-chart-carat-switch button.active{background:#172b4d;color:#fff;border-color:#172b4d}
.gn-chart-box{position:relative;margin-top:18px;height:330px;min-height:330px;max-height:330px;overflow:hidden}.gn-chart-box canvas{display:block;width:100%!important;height:330px!important;max-width:100%;max-height:330px}.gn-chart-grid canvas{display:block;width:100%!important;height:310px!important;max-width:100%;max-height:310px}.gn-chart-tooltip{position:absolute;z-index:3;pointer-events:none;background:#172b4d;color:#fff;padding:8px 10px;border-radius:7px;font-size:12px;box-shadow:0 5px 15px rgba(0,0,0,.2)}
.gn-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.gn-chart-grid article{border:1px solid #e5eaf0;border-radius:10px;padding:14px;min-width:0}.gn-chart-grid h3{margin:0 0 10px}
@media(max-width:900px){.gn-chart-heading{display:block}.gn-chart-metric{margin-top:12px}.gn-chart-grid{grid-template-columns:1fr}}