/* Mom's safe card (js/money.js). Same look as app.css. */
.paycard { border-radius: 22px; padding: 16px; color: #fff; background: linear-gradient(135deg, #5C3FD6, #9B86F7); position: relative; min-height: 118px; transition: background .3s; }
.paycard.frozen { background: linear-gradient(135deg, #8E8AA6, #BDB9D0); }
.paycard.once { background: linear-gradient(135deg, #2C8A5E, #6FCB9F); min-height: 92px; }
.paycard .who { font-size: 12.5px; opacity: .92; }
.paycard .num { font-size: 18px; letter-spacing: .14em; margin: 18px 0 6px; font-variant-numeric: tabular-nums; }
.paycard .st { position: absolute; top: 14px; right: 14px; background: rgba(0, 0, 0, .28); border-radius: 999px; font-size: 11.5px; font-weight: 800; padding: 3px 10px; }
.money-meter { height: 10px; border-radius: 999px; background: var(--line); overflow: hidden; }
.money-meter i { display: block; height: 100%; border-radius: 999px; background: var(--violet); transition: width .3s; }
.money-row { display: flex; justify-content: space-between; gap: 10px; font-size: 12.5px; color: var(--muted); }
.money-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.money-chips span { background: #fff; border: 1px solid var(--line); border-radius: 999px; padding: 3px 10px; font-size: 12px; font-weight: 700; color: var(--ink2); }
.money-alert { background: #FCE4E7; border-radius: 20px; padding: 12px 14px; }
.money-alert b { color: var(--red-d); display: block; margin-bottom: 2px; }
.money-ok { background: #DDF3E8; border-radius: 20px; padding: 12px 14px; }
.money-ok b { color: var(--green-d); display: block; margin-bottom: 2px; }
.money-btns { display: flex; flex-wrap: wrap; gap: 8px; }
.money-tx { list-style: none; margin: 0; padding: 0; }
.money-tx li { display: grid; grid-template-columns: auto 1fr auto; gap: 2px 10px; padding: 8px 0; border-bottom: 1px solid var(--line); align-items: baseline; font-size: 14px; }
.money-tx li:last-child { border-bottom: 0; }
.money-tx .why { grid-column: 2 / 4; font-size: 12.5px; color: var(--muted); }
.money-tx .bd { font-size: 10.5px; font-weight: 800; border-radius: 999px; padding: 2px 8px; }
.money-tx .bd.y { background: #DDF3E8; color: var(--green-d); }
.money-tx .bd.n { background: #FCE4E7; color: var(--red-d); }
.pill.green { background: var(--green); color: #fff; box-shadow: 0 3px 0 var(--green-d); }
.pill.red { background: var(--red); color: #fff; box-shadow: 0 3px 0 var(--red-d); }
/* Margaret's side: the card is frozen. Calm, large type, one action. */
.gm-card-rest { margin-top: 14px; min-height: 0; }