/* ECG Lab — component fixes v2.
   Intentionally unconditional and loaded last to guarantee visible overrides. */

/* ===== Treinar ECG: seletor personalizado ===== */
.cat-count-box{
  padding:20px!important;
  border:1px solid rgba(122,170,220,.20)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#0d1c2c 0%,#0a1724 100%)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.cat-count-box>label{font-size:15px!important;font-weight:750!important;color:#f4f8ff!important}
.cat-count-quick{gap:8px!important}
.cat-count-quick .chip{min-height:42px!important;border-radius:13px!important;background:#102338!important;border:1px solid rgba(151,188,225,.12)!important;color:#dce8f5!important;font-weight:700!important}
.cat-count-quick .chip.active{background:linear-gradient(180deg,#173d3a,#12312f)!important;border-color:rgba(76,224,179,.42)!important;color:#effff9!important;box-shadow:0 8px 20px rgba(76,224,179,.10)!important}
.cat-custom-row{
  position:relative!important;
  margin-top:4px!important;
  padding:16px!important;
  display:grid!important;
  grid-template-columns:110px minmax(160px,1fr) 84px!important;
  align-items:center!important;
  gap:14px!important;
  border-radius:18px!important;
  border:1px solid rgba(95,160,225,.22)!important;
  background:linear-gradient(135deg,rgba(28,55,82,.78),rgba(10,25,40,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
}
.cat-custom-row:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#4ce0b3,#6ea8ff);opacity:.9}
.cat-custom-row>span{font-size:13px!important;font-weight:750!important;color:#edf6ff!important;letter-spacing:-.01em!important}
.cat-custom-row small{grid-column:1/-1!important;margin-top:-2px!important;padding-left:2px!important;font-size:11px!important;line-height:1.4!important;color:#8fa7be!important}
#catCountRange{
  width:100%!important;height:30px!important;margin:0!important;padding:0!important;appearance:none!important;-webkit-appearance:none!important;background:transparent!important;cursor:pointer!important
}
#catCountRange::-webkit-slider-runnable-track{height:7px!important;border-radius:999px!important;background:linear-gradient(90deg,#4ce0b3 0%,#55cbd0 45%,#6ea8ff 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}
#catCountRange::-webkit-slider-thumb{-webkit-appearance:none!important;width:22px!important;height:22px!important;margin-top:-7.5px!important;border-radius:50%!important;border:4px solid #eafdf7!important;background:#27c99a!important;box-shadow:0 5px 14px rgba(0,0,0,.34),0 0 0 5px rgba(76,224,179,.12)!important}
#catCountRange::-moz-range-track{height:7px!important;border-radius:999px!important;background:linear-gradient(90deg,#4ce0b3 0%,#55cbd0 45%,#6ea8ff 100%)!important}
#catCountRange::-moz-range-thumb{width:16px!important;height:16px!important;border-radius:50%!important;border:4px solid #eafdf7!important;background:#27c99a!important;box-shadow:0 5px 14px rgba(0,0,0,.34)!important}
#catCountNumber{
  box-sizing:border-box!important;
  width:84px!important;height:44px!important;
  padding:0 12px!important;
  border-radius:14px!important;
  border:1px solid rgba(110,168,255,.30)!important;
  background:#071522!important;
  color:#f7fbff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 18px rgba(0,0,0,.16)!important;
  text-align:center!important;
  font:750 15px/1 var(--ui-font-text,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;
  font-variant-numeric:tabular-nums!important;
  outline:none!important;
  appearance:textfield!important;
  -moz-appearance:textfield!important;
}
#catCountNumber:focus{border-color:#4ce0b3!important;box-shadow:0 0 0 4px rgba(76,224,179,.11)!important}
#catCountNumber::-webkit-inner-spin-button,#catCountNumber::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}
#catStartBtn{min-height:48px!important;border-radius:15px!important;margin-top:2px!important}

/* ===== Meu Desempenho: desempenho por competência ===== */
.perf-skill-list{display:grid!important;gap:10px!important;min-width:0!important}
.perf-skill-row{
  --skill:#7fb2df;
  box-sizing:border-box!important;
  width:100%!important;min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(110px,42%) 58px!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px!important;
  border-radius:16px!important;
  border:1px solid rgba(129,170,210,.14)!important;
  background:linear-gradient(180deg,rgba(21,43,65,.62),rgba(12,28,43,.72))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  overflow:hidden!important;
  color:#eaf2fb!important;
}
.perf-skill-row.excellent{--skill:#65c993}.perf-skill-row.good{--skill:#91ce87}.perf-skill-row.fair{--skill:#dfbe63}.perf-skill-row.watch{--skill:#df9c66}.perf-skill-row.priority{--skill:#df7882}
.perf-skill-row>div:first-child{min-width:0!important;overflow:hidden!important}
.perf-skill-row strong{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;overflow-wrap:anywhere!important;color:#f5f9fd!important;font-size:13px!important;line-height:1.25!important}
.perf-skill-row small{display:block!important;margin-top:4px!important;color:#8fa6ba!important;font-size:10px!important}
.perf-skill-bar{position:relative!important;width:100%!important;min-width:0!important;height:10px!important;border-radius:999px!important;background:#07131e!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.035)!important;overflow:hidden!important}
.perf-skill-bar i{display:block!important;height:100%!important;min-width:3px!important;border-radius:inherit!important;background:linear-gradient(90deg,var(--skill),#72bfff)!important;box-shadow:0 0 14px rgba(96,170,235,.16)!important}
.perf-skill-row>b{justify-self:end!important;min-width:48px!important;text-align:right!important;color:var(--skill)!important;font-size:16px!important;font-weight:800!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important}

@media(max-width:900px){
  .perf-skill-row{grid-template-columns:minmax(0,1fr) 58px!important;gap:9px 12px!important}
  .perf-skill-bar{grid-column:1/-1!important;grid-row:2!important}
}
@media(max-width:760px){
  .cat-count-box{padding:16px!important;border-radius:18px!important}
  .cat-custom-row{grid-template-columns:minmax(0,1fr) 78px!important;gap:10px!important;padding:14px!important}
  .cat-custom-row>span{grid-column:1/-1!important}
  #catCountNumber{width:78px!important;height:42px!important}
  .perf-skill-row{padding:13px!important;border-radius:14px!important}
}
@media(max-width:430px){
  .cat-custom-row{grid-template-columns:minmax(0,1fr) 72px!important}
  #catCountNumber{width:72px!important}
}