/* GOD MODE v2.2 lab: styling for the money-label vocabulary (labels.js). Display only. Loaded after styles.css so the v2.0 stylesheet stays byte-identical. */

/* tier cards: DONOR PAYS leads, then three aligned rows (fee, each recipient, five combined) */
.tier-fee,.tier-net,.tier-total{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font-size:.76rem;line-height:1.25}
.tier-fee>span,.tier-net>span,.tier-total>span{flex:1 1 auto;min-width:0}
.tier-fee>b,.tier-net>b,.tier-total>b{flex:0 0 auto;white-space:nowrap;font-variant-numeric:tabular-nums}
.tier-per{font-weight:800;margin-bottom:2px}
.tier-fee{color:var(--ink2)}
.tier-net{font-size:.82rem}
.tier-net>span{font-weight:700}
.tier-total{padding-top:3px;margin-top:1px;border-top:1px dashed rgba(138,90,6,.35)}
.tier-total>b{font-size:.84rem}
html.lab-theme .tier-total{border-top-color:rgba(230,185,60,.38)}
html.lab-theme .tier-golden .tier-total{border-top-color:rgba(90,58,0,.4)}
@media (max-width:360px){.tier-fee,.tier-net,.tier-total{font-size:.7rem}.tier-net{font-size:.74rem}}

/* ledger (picker + confirm dialog) */
.lbl-note{display:block;font-weight:400;font-size:.72em;line-height:1.25;opacity:.82}
.ledger .row.sum dd{font-size:1.15rem}
.ledger dd{white-space:nowrap}
.ledger .row.check{border-bottom:0;padding-top:.35rem;flex-direction:column;gap:.1rem}
.ledger .row.check dt,.ledger .row.check dd{font-size:.78rem;font-weight:600}
.ledger .row.check dd{text-align:left;white-space:normal}

/* result screens: the donor's payment is its own tile, the recipients' payouts are marked as payouts */
.totals .t-donor{border-color:rgba(255,206,100,.6)}
.totals .t-recip{border-color:rgba(120,190,255,.55)}
.last-storm .totals .t-donor{border-color:rgba(217,165,33,.85)}
.last-storm .totals .t-recip{border-color:rgba(29,79,216,.55)}
.totals dt{overflow-wrap:anywhere}

/* checkout */
.co-sub{margin:.1rem 0 0;font-size:.62rem;letter-spacing:.16em;font-weight:800;color:var(--ink2)}