/* NOCK and NACRE amounts ride inside the Pearl EARNINGS tiles as quiet
   companions ("1.61 PRL  +500 NOCK"). A 1fr/auto/1fr grid keeps the PRL
   figure centred under its label exactly as if it were alone; the merge-mined
   part trails it in the right-hand column, which never shrinks below its
   text: when a big wallet's amounts do not fit the right half, the PRL figure
   slides left just enough instead of the card cutting them off. The USD
   sub-line uses the same layout. */
.stat-value-dual,
.stat-usd-dual {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(max-content, 1fr);
    align-items: baseline;
    column-gap: 0.6em;
}
.stat-value-dual > span:first-child,
.stat-usd-dual > .stat-usd-prl {
    grid-column: 2;
    white-space: nowrap;
}
.stat-nock,
.stat-usd-nock {
    grid-column: 3;
    justify-self: start;
    color: var(--accent-color, #caa96a);
    white-space: nowrap;
}
/* No room beside a very large figure (poolscript.js measures it): the
   companions take a line of their own under it, side by side */
.stat-value-dual.is-stacked {
    grid-template-columns: minmax(0, 1fr);
}
.stat-value-dual.is-stacked > span:first-child,
.stat-value-dual.is-stacked .stat-merge {
    grid-column: 1;
    justify-self: center;
}
.stat-value-dual.is-stacked .stat-merge {
    align-self: auto;
    flex-direction: row;
    column-gap: 0.8em;
}
.stat-nock {
    font-size: 0.6em;
    font-weight: normal;
    letter-spacing: 1px;
}
/* NACRE wears its own pearl-lilac (as in its BLOCKS table), so it never reads
   as part of the gold NOCK figure above it */
.stat-nock.stat-nacre {
    color: #d4c1de;
}
/* Both chains share that column, one small line each, NOCK above NACRE;
   the last line sits on the PRL baseline so a second chain grows the tile
   upward into the figure's own line instead of adding height. A hidden
   companion takes no line. */
.stat-merge {
    grid-column: 3;
    justify-self: start;
    align-self: last baseline;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    line-height: 1.2;
}

/* EARNINGS heading row: group title on the left, the Nock and Nacre
   accounting badges hugging the right edge (each hidden while healthy). */
.group-head-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px 14px;
    margin-bottom: 0.8rem;
}
.group-head-row .payout-title.group-head {
    margin-bottom: 0;
}
.nock-stats {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    min-width: 0;
}
/* Checking or healthy accounting needs no badge (nock-stats.js) */
.nock-stats.is-quiet {
    display: none;
}
.nock-stats-title {
    font-size: 0.58em;
    color: var(--accent-color, #caa96a);
    letter-spacing: 1.5px;
}

/* Nock and Nacre rows inside RECENT PAYOUTS: same layout, the amount in the
   chain's colour (NOCK the accent gold, NACRE its pearl-lilac) */
.payout-table tr.pay-nock td.pay-amt b {
    color: var(--accent-color, #caa96a);
}
.payout-table tr.pay-nacre td.pay-amt b {
    color: #d4c1de;
}

