.chaft-cost-dialog{box-sizing:border-box;width:min(580px,94vw);max-height:90vh;overflow:auto;border:1px solid #50627c;border-radius:18px;background:#101925;color:#eef4fa;padding:28px;font:15px/1.5 system-ui,sans-serif;box-shadow:0 24px 80px #0009}
.chaft-cost-dialog::backdrop{background:#020811d9}
.chaft-cost-dialog h2{margin:0 0 16px;font-size:24px}
.chaft-cost-dialog .cost-summary{font-size:22px;font-weight:700;color:#84e3c6}
.chaft-cost-dialog .cost-lines{padding-left:20px;max-height:28vh;overflow:auto}
.chaft-cost-dialog .cost-lines li{margin:8px 0}
.chaft-cost-dialog .cost-balances{padding:12px;background:#1b2a3b;border-radius:8px}
.chaft-cost-dialog .cost-warning{color:#ffc778}
.chaft-cost-dialog .cost-note{font-size:13px;color:#b8c9db}
.cost-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.cost-buttons button{border:1px solid #586b82;border-radius:9px;padding:12px 16px;background:#24354a;color:#fff;font:inherit;cursor:pointer}
.cost-buttons .cost-confirm{background:#1e6b58;border-color:#53b998}
.cost-buttons button:disabled{opacity:.5;cursor:not-allowed}
.credit-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}
.credit-balances .balance-card{width:auto;min-width:0;flex-wrap:wrap;padding:20px}
.credit-balance-copy{display:flex;flex-direction:column;gap:5px}
.credit-balance-copy p{margin:0;color:#c3ccdc;font-size:13px}
.credit-balances b{font-size:28px}
.utility.daily-credit em,.utility.token em{font-size:11px}
.billing-histories{margin-top:20px}
@media(max-width:760px){.credit-balances{grid-template-columns:1fr}.cost-buttons{flex-direction:column}.utility.daily-credit em{display:none}}

@media(max-width:1400px){.utilities .utility:not(.daily-credit):not(.token) em{display:none}}