/* Карточки характеристик, SVG-дуги, проценты и сетка. */

.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}

.stat-card{
  min-width:0;position:relative;background:linear-gradient(180deg,#191b1f,#121417);
  border:1px solid var(--line);border-radius:20px;padding:14px;
  display:flex;flex-direction:column;align-items:flex-start;
}

.stat-percent{position:absolute;top:14px;right:14px;font-size:13px;font-weight:750;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#e0e3e7;line-height:1}

.ring{width:72px;height:72px;flex:0 0 auto;color:#d9dde2}

.ring svg{display:block;width:100%;height:100%;overflow:visible}

.ring-track,.ring-value{fill:none;stroke-width:6;stroke-linecap:round}

.ring-track{stroke:var(--track)}

.ring-value{stroke:var(--accent)}

.stat-copy{width:100%;min-width:0;margin-top:7px}

.stat-name{font-size:13px;font-weight:750;letter-spacing:-.015em;line-height:1.35;min-height:2.7em;overflow-wrap:anywhere}

.stat-copy .tiny{margin-top:3px}

.stat-action{position:absolute;right:14px;bottom:13px;font-size:17px;font-weight:600;line-height:1;color:#c0c5cd}

#taskStats .stat-copy{padding-right:15px}