/* NOCK amounts ride inside the Pearl EARNINGS tiles as a quiet companion
   ("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 Nock part trails it in
   the right-hand column. The USD sub-line uses the same layout. */
.stat-value-dual,
.stat-usd-dual {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: baseline;
    column-gap: 0.6em;
}
.stat-value-dual > span:first-child,
.stat-usd-dual > .stat-usd-prl {
    grid-column: 2;
}
.stat-nock,
.stat-usd-nock {
    grid-column: 3;
    justify-self: start;
    color: var(--accent-color, #caa96a);
    white-space: nowrap;
}
.stat-nock {
    font-size: 0.6em;
    font-weight: normal;
    letter-spacing: 1px;
}

/* EARNINGS heading row: group title on the left, the Nock accounting badge
   hugging the right edge (hidden until the pool advertises Nock). */
.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;
}
.nock-stats-title {
    font-size: 0.58em;
    color: var(--accent-color, #caa96a);
    letter-spacing: 1.5px;
}

/* Nock rows inside RECENT PAYOUTS: same layout, accent-coloured amount */
.payout-table tr.pay-nock td.pay-amt b {
    color: var(--accent-color, #caa96a);
}

@media (max-width: 600px) {
    .stat-value-dual,
    .stat-usd-dual {
        display: block;
    }
    .stat-nock {
        display: block;
        margin: 0.35rem 0 0;
    }
    .stat-usd-nock {
        margin-left: 0.5em;
    }
}