/* ROI mini-cards grid */
.cm-roi-header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.cm-roi-switch{display:inline-flex;gap:4px;padding:3px;background:var(--panel2);border:1px solid var(--border);border-radius:8px}
.cm-roi-switch .btn{padding:4px 10px;font-size:11px;border:1px solid transparent;background:transparent;border-radius:6px;color:var(--muted)}
.cm-roi-switch .btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}

.cm-roi-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.cm-roi-card{background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:12px;cursor:pointer;transition:.15s;display:flex;flex-direction:column;gap:8px;min-height:150px}
.cm-roi-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #0006}
.cm-roi-card:focus{outline:2px solid var(--accent);outline-offset:2px}
.cm-roi-card.abandoned{opacity:.75;border-color:#ef444466}

.cm-roi-head{display:flex;justify-content:space-between;align-items:center;gap:6px}
.cm-roi-name{font-weight:600;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.cm-roi-abandoned{font-size:10px}

.cm-roi-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.cm-roi-kpis > div{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:6px 8px}
.cm-roi-k{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}
.cm-roi-v{font-size:13px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;margin-top:2px}

.cm-roi-spark{height:36px;position:relative}
.cm-roi-spark canvas{max-height:36px}
.cm-roi-foot{font-size:10px;color:var(--muted)}

.cm-roi-table{overflow-x:auto}
.cm-roi-table table{width:100%}
.cm-roi-table tr:hover{background:var(--panel2)}

.cm-roi-attr{margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}

@media (max-width:640px){
  .cm-roi-grid{grid-template-columns:1fr}
  .cm-roi-kpis{grid-template-columns:repeat(3,1fr);font-size:11px}
}