/* Match the diary's cream cards, warm accents and restrained serif headings. */
.nav-item span[data-ui]{font-size:14px;line-height:1.3}
.finance-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}
.finance-periods{display:flex;flex-wrap:wrap;gap:4px;border:1px solid var(--line);background:white;border-radius:14px;padding:5px}
.finance-periods button{border:0;background:transparent;color:var(--muted);padding:9px 16px;border-radius:10px;cursor:pointer;font-size:13px}
.finance-periods button[aria-pressed=true]{background:var(--ink);color:white}
.finance-dates{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px}
.finance-dates strong{font-weight:500}.finance-dates button{padding:8px 12px}
.finance-stats small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:10px}
.finance-stats strong{overflow-wrap:anywhere}.finance-notice{background:#fbefd9;border-radius:12px;padding:16px;color:#76531d;line-height:1.5}
.finance-row{display:grid;grid-template-columns:minmax(140px,1.3fr) minmax(140px,1fr) minmax(140px,1fr) minmax(125px,.8fr);gap:18px;padding:22px 0;border-top:1px solid var(--line);align-items:center}
.finance-row>div{min-width:0;display:grid;gap:7px;overflow-wrap:anywhere}.finance-row strong{font-size:15px;font-weight:600}.finance-row span:not(.status-pill){font-size:13px;color:var(--muted)}.finance-row small{font-size:12px;color:var(--muted);line-height:1.4}
.finance-row .status-pill{justify-self:start;grid-column:auto;grid-row:auto}.finance-amount{text-align:right;justify-items:end}.finance-amount .text-btn{padding:7px 0;font-size:12px}
.finance-list+.ghost-btn{margin-top:16px}[data-panel=finance] .panel-heading>.muted{white-space:nowrap}
.payment-section{min-width:0;border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--cream2);margin:4px 0}
.payment-section h3{font-family:Georgia,serif;font-weight:400;font-size:23px;margin:0 0 16px}
.payment-section .fee-check{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}.payment-section input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:var(--accent)}
.payment-section .payment-price{font-size:13px;color:var(--muted);margin:17px 0}
.payment-section .payment-help{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 0 0}.payment-section #appointmentPaid{font-size:22px!important;font-weight:500}
@media(max-width:1150px){.finance-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.finance-amount{grid-column:2;grid-row:2}.finance-state{grid-column:1;grid-row:2}}
@media(max-width:760px){.admin-nav{grid-template-columns:repeat(5,minmax(0,1fr));padding-left:5px;padding-right:5px}.nav-item span[data-ui]{font-size:10px}.finance-toolbar{align-items:stretch}.finance-periods{width:100%;justify-content:space-between;gap:0}.finance-periods button{padding:9px 10px;font-size:12px}.finance-dates{gap:6px;justify-content:center;width:100%}.finance-stats{grid-template-columns:1fr}.finance-row{gap:14px}.finance-row strong{font-size:14px}.finance-date{text-align:right}.payment-section{padding:16px}.finance-dates strong{font-size:12px}}