.igp-tool{display:block}

/* Layout */
.igp-toolGrid{display:grid;grid-template-columns:1fr 1.25fr;gap:14px;align-items:stretch}
.igp-rightCol{display:grid;gap:14px;align-content:start;height:100%}
.igp-toolCard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.igp-toolPad{padding:18px}

/* Header inside the left card */
.igp-toolTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.igp-toolPill{display:flex;gap:6px;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);padding:6px;border-radius:999px}
.igp-radio{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;cursor:pointer;user-select:none}
.igp-radio input{accent-color:#3aa86d}
.igp-radio span{font-size:12px;opacity:.9;white-space:nowrap}

/* Sliders */
.igp-slider{margin-top:14px}
.igp-sliderTop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.igp-sliderTop label{font-size:13px;opacity:.85}
.igp-sliderValue{font-variant-numeric:tabular-nums;font-weight:600}
.igp-sliderRow{display:grid;grid-template-columns:1fr 88px;gap:10px;align-items:center}

.igp-slider input[type="range"]{width:100%;appearance:none;height:6px;border-radius:999px;background:linear-gradient(90deg, rgba(58,168,109,.9), rgba(58,168,109,.35));outline:none}
.igp-slider input[type="range"]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:999px;background:#fff;border:2px solid rgba(58,168,109,.9);box-shadow:0 6px 16px rgba(0,0,0,.25)}
.igp-slider input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:999px;background:#fff;border:2px solid rgba(58,168,109,.9)}

.igp-mini{width:88px;padding:10px 10px;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:12px;outline:none;font-variant-numeric:tabular-nums}
.igp-mini:focus{border-color:rgba(255,255,255,.25);box-shadow:0 0 0 3px rgba(255,255,255,.06)}

.igp-sliderHint{margin-top:8px;opacity:.72;font-size:12px;line-height:1.35}

/* KPIs */
.igp-muted{opacity:.72;font-size:13px;line-height:1.45;margin-top:12px}
.igp-kpis{display:grid;gap:10px;margin-top:12px}
.igp-kpi{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.igp-kpi strong{font-variant-numeric:tabular-nums;color:#1f6f4a}
.igp-kpi strong.igp-neg{color:#b42318}

/* Charts */
.igp-chartsWrap{margin-top:0}
.igp-chartsHead{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:12px}
.igp-chartsLegend{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;margin:0;padding:0}
.igp-leg{display:inline-flex;align-items:center;gap:8px;font-size:12px;opacity:.85}
.igp-leg::before{content:"";display:inline-block;width:10px;height:10px;border-radius:999px;background:rgba(31,111,74,.8)}
.igp-leg--deposit::before{background:rgba(126,138,153,.9)}
.igp-leg--bonus::before{background:rgba(58,168,109,.9)}
.igp-leg--line::before{background:rgba(31,111,74,.95)}

.igp-charts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:0}
.igp-chartCard{background:rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:12px}
.igp-chartTitle{font-size:13px;opacity:.9;margin-bottom:8px}
.igp-canvas{display:block;width:100%;height:160px;border-radius:12px;background:rgba(255,255,255,.02)}

@media (max-width: 980px){
  .igp-toolGrid{grid-template-columns:1fr}
}

@media (max-width: 720px){
  .igp-toolTitle{flex-direction:column;align-items:flex-start}
  .igp-toolPill{width:100%;justify-content:space-between}
  .igp-chartsHead{flex-direction:column;align-items:flex-start}
  .igp-chartsLegend{justify-content:flex-start}
  .igp-charts{grid-template-columns:1fr}
}

.igp-leftCol{height:100%;display:flex;flex-direction:column}