/* Shadow Pulse screen. Everything shared (colors, type, buttons, tables) comes from
 * kit/; this file only maps the dirty money states onto kit tokens. */

/* Verdict names come straight from the server (SP.Verdict). */
.pill.hot     { --status: var(--danger);  --i: var(--icon-warning); }
.pill.warm    { --status: var(--warning); --i: var(--icon-up); }
.pill.healthy { --status: var(--success); --i: var(--icon-check); }
.pill.cold    { --status: var(--info);    --i: var(--icon-down); }
.pill.quiet   { --status: var(--neutral); --i: var(--icon-quiet); }

/* Created is dirty money coming in, laundered is dirty money going out. */
.legend { display: inline-flex; gap: var(--sp-3); margin-left: auto; color: var(--ink-2); font-size: var(--fs-sm);
          font-weight: 400; font-stretch: var(--stretch-body); }
.legend > span { display: inline-flex; align-items: center; gap: var(--sp-1); }
.sw { display: inline-block; width: .7143rem; height: .7143rem; border-radius: var(--radius); }
.sw.created { background: var(--data-in); }
.sw.laundered { background: var(--data-out); }

.line-chart .created.area { fill: var(--data-in); opacity: .12; }
.line-chart .created.stroke { stroke: var(--data-in); }
.line-chart .laundered.stroke { stroke: var(--data-out); }
.line-chart .dot { stroke: var(--surface-1); stroke-width: 2; vector-effect: non-scaling-stroke; }
.line-chart .dot.created { fill: var(--data-in); }
.line-chart .dot.laundered { fill: var(--data-out); }
.tooltip .series { display: flex; align-items: center; gap: var(--sp-2); }
.tooltip .series b { margin-left: auto; padding-left: var(--sp-3); }

/* Unknown sources keep the data color; the warning icon carries the meaning. */
.bar-list .name .i { color: var(--warning); margin-right: var(--sp-1); }

/* Character id beside the name */
.id { color: var(--muted); font-size: var(--fs-sm); margin-left: var(--sp-2); }
#routes td:first-child:not(.empty-cell), #holders td:first-child:not(.empty-cell),
#launderers td:first-child:not(.empty-cell) { font-weight: 600; }

.rules { margin: calc(var(--sp-1) * -1) 0 var(--sp-3); font-size: var(--fs-sm); max-width: 70ch; }
.flag { padding: var(--sp-3) 0; }
.flag + .flag { border-top: var(--border) solid var(--line); }
.flag:first-child { padding-top: 0; }
.flag .top { display: flex; align-items: center; gap: var(--sp-3); margin-bottom: var(--sp-1); }
.flag .when { color: var(--muted); font-size: var(--fs-sm); font-variant-numeric: tabular-nums; }
.flag .amt { margin-left: auto; font-weight: 600; font-variant-numeric: tabular-nums; }
.flag .detail { color: var(--ink-2); }
.chip .i { margin-right: var(--sp-1); }