.mrow { display: grid; grid-template-columns: 1fr 74px 96px 84px 30px; gap: 10px; align-items: center;
        padding: 9px 0; border-bottom: 1px solid var(--border-2); font-size: 12.5px; }
.mrow:last-of-type { border-bottom: 0; }
.mrow .name { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.mrow .swatch { width: 11px; height: 11px; border-radius: 3px; flex: 0 0 auto; }
.mrow .r { text-align: right; font-variant-numeric: tabular-nums; }
.mrow .x { color: var(--dim); cursor: pointer; text-align: center; }
.mrow .x:hover { color: var(--red); }
.mhead { display: grid; grid-template-columns: 1fr 74px 96px 84px 30px; gap: 10px;
         color: var(--dim); font-size: 10px; letter-spacing: 1px; text-transform: uppercase;
         font-weight: 600; padding-bottom: 8px; border-bottom: 1px solid var(--border-2); }
.mhead .r { text-align: right; }
.addrow { display: flex; gap: 8px; margin-top: 12px; align-items: center; }