/* SVG grafikler ve tooltip */
/* charts */
.chart{position:relative;min-height:180px}
.chart svg{display:block;width:100%}
.chart .empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink3);font-size:13px;font-weight:600}
.legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}
.legend span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--ink2)}
.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
#tooltip{
  position:fixed;z-index:90;pointer-events:none;opacity:0;transition:opacity .1s;
  background:var(--ink);color:#FFF8EC;border-radius:12px;padding:9px 13px;font-size:12.5px;
  box-shadow:0 8px 24px -8px rgba(0,0,0,.35);max-width:260px;
}
#tooltip .tt-t{font-weight:800;margin-bottom:3px;opacity:.75;font-size:11.5px}
#tooltip .tt-r{display:flex;align-items:center;gap:7px;font-weight:700}
#tooltip .tt-r i{width:8px;height:8px;border-radius:2px;flex:none}