/* ============================================================
   CUSTOMER CONSOLE · JOURNEY module css
   ============================================================ */

/* ============ JOURNEY ============ */
.jr-chart{width:100%;height:230px;display:block}
.jr-legend{display:flex;gap:16px;font-size:11px;color:var(--muted);margin-top:6px;flex-wrap:wrap}
.jr-legend i{width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px}
.tr-row{
  display:grid;grid-template-columns:64px 1fr 62px 74px 74px 74px 66px;gap:10px;align-items:center;
  padding:9px 12px;border-radius:11px;background:var(--bg-2);border:1px solid var(--border);font-size:12.5px;transition:.13s;
}
.tr-row:hover{border-color:var(--border-2);transform:translateX(2px)}
.tr-row.head{background:transparent;border:none;color:var(--dim);font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding-bottom:2px}
.tr-row .num{font-family:ui-monospace,Consolas,monospace;text-align:right}
.tr-pair b{display:block} .tr-pair span{font-size:10px;color:var(--dim)}
.jr-loss-row{display:flex;gap:11px;align-items:center;padding:10px 12px;border-radius:11px;background:var(--bg-2);border:1px solid var(--border);margin-bottom:8px}
.jr-loss-row .ico{width:34px;height:34px;border-radius:10px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);display:grid;place-items:center;font-size:15px;flex:none}
.jr-loss-row .grow b{font-size:12.5px;display:block}
.jr-loss-row .grow span{font-size:10.5px;color:var(--dim)}
.jr-loss-row .amt{font-weight:800;color:var(--red-2);font-family:ui-monospace,Consolas,monospace;flex:none}