/* ── PÁGINA METAS ── */
#metas-wrap{max-width:900px;margin:0 auto;padding:0 2rem}

.mt-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem .8rem;
  border-radius:var(--r);transition:background .15s}
.mt-row:hover{background:rgba(255,255,255,.02)}
.mt-row-left{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0}
.mt-row-info{min-width:0}
.mt-row-name{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-row-nums{font-size:.65rem;color:#888;margin-top:.1rem}
.mt-row-right{min-width:60px;text-align:right}
.mt-row-pct{font-weight:900}
.mt-bar-wrap{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden}
.mt-bar{height:100%;border-radius:4px;transition:width .4s ease}

/* Arrow for accordion */
.mt-arrow{font-size:.65rem;color:#666;transition:transform .2s;flex:0 0 auto;margin-right:.2rem}
.mt-accordion.open .mt-arrow{transform:rotate(90deg);color:#bbb}

/* Accordion */
.mt-accordion{margin-top:.8rem;border-left:3px solid var(--border);padding-left:.8rem}
.mt-acc-body{display:none;padding-top:.2rem}
.mt-accordion.open .mt-acc-body{display:block}

/* Tamanhos */
.mt-lg .mt-row-name{font-size:1.2rem;letter-spacing:.5px}
.mt-lg .mt-row-nums{font-size:.75rem}
.mt-lg .mt-row-pct{font-size:1.6rem}
.mt-lg .mt-bar-wrap{height:12px;margin-top:.3rem}
.mt-lg{padding:.9rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--r);margin-bottom:.8rem}

.mt-md .mt-row-name{font-size:1rem;letter-spacing:.3px}
.mt-md .mt-row-pct{font-size:1.2rem}
.mt-md .mt-bar-wrap{height:10px}
.mt-md{padding:.6rem .7rem;border-radius:var(--r)}

.mt-sm .mt-row-name{font-size:.82rem}
.mt-sm .mt-row-pct{font-size:.9rem}
.mt-sm .mt-bar-wrap{height:6px}
.mt-sm{padding:.35rem .5rem}

/* ── QUADRO DE METAS ── */
.qm-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r);background:var(--card)}
.qm-tbl{border-collapse:collapse;min-width:100%}
.qm-tbl th,.qm-tbl td{padding:.4rem .5rem;text-align:center;white-space:nowrap}

.qm-name-cell{position:sticky;left:0;z-index:3;background:var(--card);text-align:left;
  min-width:170px;max-width:200px;border-right:1px solid var(--border)}
.qm-corner{z-index:4}
.qm-faixa-hdr{font-size:.6rem;font-weight:700;color:#888;text-transform:uppercase;
  padding:.5rem .5rem;border-bottom:1px solid var(--border);min-width:50px}
.qm-name{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700}
.qm-name-meta{font-size:.58rem;color:#666;margin-top:.1rem;padding-left:2rem}

.qm-team-row td{border-bottom:none;padding-top:.6rem}
.qm-team-hdr{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px}

.qm-cell{min-width:50px;font-size:.7rem;font-weight:800;border-bottom:1px solid rgba(255,255,255,.02);
  transition:all .15s;cursor:default}
.qm-miss{background:rgba(255,255,255,.06);color:#888}
.qm-hit{background:rgba(59,165,221,.15);color:#3ba5dd}
.qm-hit-gold{background:rgba(76,175,80,.15);color:#4caf50}
.qm-current{outline:2px solid #fff;outline-offset:-2px;border-radius:2px}
.qm-struck{text-decoration:line-through;text-decoration-thickness:2px}