/* Model Performance Tracker */
.mp-card{background:#0a0a0f;border-radius:14px;padding:1.2rem 1.4rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}
.mp-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.mp-card.mp-hot::before{background:linear-gradient(90deg,#00e676,#69f0ae)}
.mp-card.mp-warm::before{background:linear-gradient(90deg,#ffca28,#ffd54f)}
.mp-card.mp-cold::before{background:linear-gradient(90deg,#f44336,#e57373)}

.mp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.mp-title{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:8px}
.mp-title svg{width:16px;height:16px}
.mp-live{font-size:.6rem;background:rgba(244,67,54,.15);color:#f44336;padding:2px 8px;border-radius:10px;font-weight:700;letter-spacing:.05em;display:flex;align-items:center;gap:4px}
.mp-live-dot{width:6px;height:6px;background:#f44336;border-radius:50%;animation:mp-pulse 1.5s infinite}
@keyframes mp-pulse{0%,100%{opacity:1}50%{opacity:.3}}

/* Main accuracy display */
.mp-accuracy-row{display:flex;align-items:flex-end;gap:12px;margin-bottom:.8rem}
.mp-accuracy-num{font-size:2.4rem;font-weight:900;line-height:1}
.mp-accuracy-num.mp-green{color:#00e676}
.mp-accuracy-num.mp-amber{color:#ffca28}
.mp-accuracy-num.mp-red{color:#f44336}
.mp-accuracy-detail{font-size:.8rem;color:#666;padding-bottom:4px}

/* Progress bar */
.mp-bar-wrap{height:8px;background:#1a1a1a;border-radius:4px;overflow:hidden;margin-bottom:1rem}
.mp-bar-fill{height:100%;border-radius:4px;transition:width .6s ease}
.mp-bar-fill.mp-green{background:linear-gradient(90deg,#00c853,#69f0ae)}
.mp-bar-fill.mp-amber{background:linear-gradient(90deg,#ff8f00,#ffca28)}
.mp-bar-fill.mp-red{background:linear-gradient(90deg,#d32f2f,#f44336)}

/* Stats row */
.mp-stats{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}
.mp-stat{flex:1;min-width:100px}
.mp-stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#555;margin-bottom:2px}
.mp-stat-val{font-size:1.1rem;font-weight:800;color:#fff}

/* Edge wins / misses */
.mp-section{margin-top:.8rem}
.mp-section-title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;display:flex;align-items:center;gap:6px}
.mp-section-title.mp-wins{color:#00e676}
.mp-section-title.mp-misses{color:#f44336}

.mp-match{display:flex;align-items:center;gap:8px;padding:.35rem 0;font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.03)}
.mp-match:last-child{border-bottom:none}
.mp-match-icon{font-size:.9rem;flex-shrink:0}
.mp-match-text{color:#ccc;flex:1}
.mp-match-text strong{color:#fff}
.mp-match-gap{font-size:.7rem;color:#555;white-space:nowrap;font-weight:600}

/* Compact version for hub */
.mp-compact{background:#0a0a0f;border-radius:10px;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}
.mp-compact::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}
.mp-compact.mp-hot::before{background:linear-gradient(90deg,#00e676,#69f0ae)}
.mp-compact.mp-warm::before{background:linear-gradient(90deg,#ffca28,#ffd54f)}
.mp-compact.mp-cold::before{background:linear-gradient(90deg,#f44336,#e57373)}
.mp-compact .mp-header{margin-bottom:.6rem}
.mp-compact .mp-accuracy-num{font-size:1.6rem}
.mp-compact .mp-bar-wrap{margin-bottom:.6rem}
.mp-compact .mp-stats{margin-bottom:0;gap:1rem}
.mp-compact .mp-stat-val{font-size:.95rem}
.mp-compact-link{display:block;text-align:center;font-size:.7rem;color:var(--accent,#ff6b35);text-decoration:none;margin-top:.6rem;font-weight:600}
.mp-compact-link:hover{text-decoration:underline}

/* No data state */
.mp-nodata{text-align:center;padding:1.5rem;color:#555;font-style:italic;font-size:.85rem}

@media(max-width:600px){
  .mp-card{padding:1rem}
  .mp-accuracy-num{font-size:1.8rem}
  .mp-stats{gap:.8rem}
  .mp-stat{min-width:80px}
  .mp-match{font-size:.75rem}
}