.credit-summary { margin:12px 0; color:var(--cp-text-muted); font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.credit-summary a { color:var(--cp-accent); text-underline-offset:4px; }
.planner-basket-form>.credit-summary { grid-column:1/-1; margin:4px 0 0; }
.account-credits { margin:24px 0; padding:24px; border:1px solid var(--cp-border); border-radius:16px; background:var(--cp-surface); }
.account-credits h2 { margin:0 0 12px; font-size:20px; }
.credit-balance { display:flex; flex-wrap:wrap; align-items:baseline; gap:12px; margin:0; }
.credit-balance strong { font-size:36px; font-variant-numeric:tabular-nums; }
.account-credits p,.account-credits li { font-size:13px; line-height:1.8; }
.credit-redeem { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin:20px 0; }
.credit-redeem label { display:grid; gap:8px; flex:1 1 220px; min-width:0; font-size:13px; }
.credit-redeem input { box-sizing:border-box; width:100%; min-width:0; min-height:44px; padding:10px 12px; border:1px solid var(--cp-border); border-radius:8px; background:var(--cp-surface); color:var(--cp-text); }
.credit-transactions { list-style:none; padding:0; margin:16px 0 0; }
.credit-transactions li { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; padding:12px 0; border-top:1px solid var(--cp-border); }
.credit-transactions small { grid-column:1/-1; color:var(--cp-text-muted); font-size:11px; }
.credit-message { min-height:24px; overflow-wrap:anywhere; }
.credit-admin { margin:24px 0; padding:24px; border:1px solid #d5d9d2; border-radius:12px; }
.credit-admin h2 { margin:0 0 12px; font-size:20px; }
.credit-admin form { display:flex; flex-wrap:wrap; gap:16px; align-items:end; }
.credit-admin label { display:grid; gap:6px; min-width:0; font-size:13px; }
.credit-admin input { width:160px; max-width:100%; min-height:44px; padding:10px; }
.credit-code-list { padding:0; list-style:none; }
.credit-code-list li { display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding:16px 0; border-top:1px solid #d5d9d2; }
.credit-code-list code { overflow-wrap:anywhere; font-size:13px; }
@media(max-width:540px) { .account-credits,.credit-admin { padding:18px; } .credit-redeem button { width:100%; } }