/* ======= PERFORMANCE SECTION ======= */
.perf-section{margin-top:20px;border-top:1px solid var(--border);padding-top:18px}
.perf-title{font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);margin-bottom:10px}

.perf-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.perf-tab{font-size:.75rem;padding:4px 12px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text2);cursor:pointer;transition:all .2s ease;font-family:'DM Sans',sans-serif;line-height:1.6}
.perf-tab.active,.perf-tab:hover{border-color:var(--accent);color:var(--accent);background:rgba(0,200,255,.1)}

.perf-panel{display:none}
.perf-panel.active{display:flex;flex-direction:column;gap:11px}

/* ---- Двухстрочная строка: название сверху, шкала+цифра снизу ---- */
.perf-row{
  display:flex;
  flex-direction:column;
  gap:5px;
}

/* Название — полная ширина, переносится если не влезает */
.perf-label{
  font-size:.76rem;
  color:var(--text2);
  line-height:1.3;
  white-space:normal;   /* разрешаем перенос */
  word-break:break-word;
}

/* Шкала + цифра — всегда в одну строку */
.perf-row .perf-track,
.perf-bar-line .perf-track{
  height:5px;
  background:rgba(255,255,255,.07);
  border-radius:3px;
  overflow:hidden;
  flex:1;
}

/* Обёртка для шкалы и цифры — новый HTML */
.perf-bar-line{
  display:flex;
  align-items:center;
  gap:8px;
}

/* Старый HTML: track и val — прямые дети .perf-row (без .perf-bar-line) */
.perf-row > .perf-track{
  flex:1;
}
.perf-row > .perf-val{
  flex-shrink:0;
  min-width:52px;
  text-align:right;
}

.perf-fill{height:100%;border-radius:3px;transition:width .7s cubic-bezier(.4,0,.2,1)}

.fill-ultra{background:linear-gradient(90deg,#00c8ff,#0070aa)}
.fill-high{background:linear-gradient(90deg,#56d364,#2a7a2a)}
.fill-mid{background:linear-gradient(90deg,#ffa94d,#cc6600)}
.fill-low{background:linear-gradient(90deg,#ff6b6b,#aa2222)}

.perf-val{font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:500;text-align:right;white-space:nowrap}
.val-ultra{color:#00c8ff}
.val-high{color:#56d364}
.val-mid{color:#ffa94d}
.val-low{color:#ff6b6b}