/* ============================================================
   RevealLab — strategyCards panel
   Scrolling list of the customer's uploaded strategy cards.
   Reuses tokens + shared classes; only scoped sc-* here.
   ============================================================ */

.sc-list{display:flex;flex-direction:column;gap:10px;padding:12px}

/* ---- card ---- */
.sc-card{display:flex;flex-direction:column;gap:11px;padding:13px 14px;cursor:default}

/* top row: icon + name + status pill */
.sc-top{display:flex;align-items:center;gap:11px}
.sc-ichip--long{background:var(--teal-tint);color:var(--teal)}
.sc-ichip--short{background:var(--down-tint);color:var(--down)}
.sc-id{flex:1;min-width:0}
.sc-name{font-size:13.5px;font-weight:700;color:var(--text);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-sub{display:flex;align-items:center;gap:7px;margin-top:2px;
  font-size:10.5px;font-weight:600;letter-spacing:.04em}
.sc-side{text-transform:uppercase;letter-spacing:.06em}
.sc-dotsep{color:var(--text-3)}
.sc-kind{color:var(--text-2);text-transform:capitalize}
.sc-top .pill{margin-left:auto;flex-shrink:0}

/* ---- three level rows ---- */
.sc-levels{display:flex;flex-direction:column;gap:1px;
  background:var(--surface-2);border:1px solid var(--border);
  border-radius:var(--r-sm);overflow:hidden}
.sc-lvl{display:flex;align-items:center;justify-content:space-between;
  padding:6px 11px;background:var(--surface)}
.sc-lvl .muted{font-size:11px;font-weight:600}
.sc-val{font-size:12px;font-weight:600;color:var(--text)}
.sc-val--tgt{color:var(--up)}
.sc-val--inv{color:var(--down)}

/* ---- footer mini-stats ---- */
.sc-foot{display:flex;gap:10px}
.sc-stat{flex:1;display:flex;flex-direction:column;gap:2px;
  padding:7px 10px;background:var(--surface-2);
  border:1px solid var(--border);border-radius:var(--r-sm)}
.sc-stat-l{font-size:10px;font-weight:600;color:var(--text-3);
  text-transform:uppercase;letter-spacing:.05em}
.sc-stat-v{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--text)}

/* ---- footbar ---- */
.sc-footbar{display:flex;gap:14px;flex-wrap:wrap}
.sc-footbar b{color:var(--text-2)}