.resource-usage{margin:0 0 24px;min-width:0;overflow:hidden}
.resource-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.resource-heading p,.resource-section-heading p{margin:6px 0 0;color:var(--muted);font-size:calc(11px * var(--font-scale));line-height:1.7}
.resource-refresh{display:inline-flex;gap:8px;align-items:center;white-space:nowrap;font-size:calc(11px * var(--font-scale))}
.resource-refresh svg{height:16px;width:16px;flex:none}
.resource-refresh:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.resource-body{padding:20px;min-width:0}
.resource-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.resource-section-heading h3,.resource-mail h3,.resource-row h4{margin:0;font-size:calc(12px * var(--font-scale));font-weight:600;line-height:1.6}
.resource-status{font-size:calc(10px * var(--font-scale));line-height:1.7;padding:4px 8px;border-radius:6px;background:var(--surface-raised);color:var(--muted)}
.resource-status[data-state=ok]{color:var(--green)}
.resource-status[data-state=near],.resource-row[data-state=near] .resource-row-title>span{color:var(--warning,#e9be69)}
.resource-status[data-state=over],.resource-row[data-state=over] .resource-row-title>span{color:var(--red,#ff9393)}
.resource-mail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.resource-mail{padding:16px;min-width:0;border:1px solid var(--line);background:var(--surface-raised);border-radius:8px}
.resource-mail h3{color:var(--muted);font-size:calc(11px * var(--font-scale))}
.resource-amount{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:12px 0;font-variant-numeric:tabular-nums}
.resource-amount strong{font-size:calc(24px * var(--font-scale));font-weight:600}
.resource-amount>span,.resource-remaining{color:var(--muted);font-size:calc(11px * var(--font-scale))}
.resource-remaining{margin:10px 0 0;line-height:1.7}
.resource-mail[data-state=over] .resource-remaining{color:var(--red,#ff9393)}
.resource-meter{display:flex;align-items:center;gap:12px;min-width:0;font-variant-numeric:tabular-nums}
.resource-meter progress{appearance:none;flex:1;width:100%;min-width:0;height:6px;border:0;border-radius:4px;background:var(--line);overflow:hidden;accent-color:var(--green)}
.resource-meter progress::-webkit-progress-bar{background:var(--line);border-radius:4px}
.resource-meter progress::-webkit-progress-value{background:var(--green);border-radius:4px}
.resource-meter progress::-moz-progress-bar{background:var(--green);border-radius:4px}
[data-state=near]>.resource-meter progress::-webkit-progress-value{background:var(--warning,#e9be69)}
[data-state=near]>.resource-meter progress::-moz-progress-bar{background:var(--warning,#e9be69)}
[data-state=over]>.resource-meter progress::-webkit-progress-value{background:var(--red,#ff9393)}
[data-state=over]>.resource-meter progress::-moz-progress-bar{background:var(--red,#ff9393)}
.resource-meter>span{min-width:52px;text-align:right;color:var(--muted);font-size:calc(10px * var(--font-scale))}
.resource-explanation,.resource-footnotes,.resource-notice,.resource-loading{color:var(--muted);font-size:calc(11px * var(--font-scale));line-height:1.8;overflow-wrap:anywhere}
.resource-explanation{margin:12px 0 0}
.resource-cloud-heading{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.resource-notice{padding:12px;margin:0 0 16px;border:1px solid var(--line);border-left:3px solid var(--warning,#e9be69);border-radius:6px;background:var(--surface-raised)}
.resource-rows{list-style:none;padding:0;margin:0}
.resource-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(140px,.8fr) minmax(160px,1fr);align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);min-width:0}
.resource-row-title,.resource-row-values{min-width:0;overflow-wrap:anywhere}
.resource-row-title>span,.resource-row-values>span{display:block;color:var(--muted);font-size:calc(10px * var(--font-scale));line-height:1.7;margin-top:4px}
.resource-row-values{font-size:calc(12px * var(--font-scale));font-variant-numeric:tabular-nums;text-align:right}
.resource-row-values strong{font-weight:600}
.resource-footnotes{margin-top:16px}
.resource-footnotes p{margin:0 0 8px}
.resource-footnotes a{color:var(--green);text-underline-offset:3px}
.resource-loading{margin:0}
@media(max-width:900px){.resource-row{grid-template-columns:minmax(0,1fr) minmax(100px,.65fr);gap:12px}.resource-row>.resource-meter{grid-column:1/-1}.resource-row-values{max-width:100%}}
@media(max-width:600px){.resource-body{padding:16px}.resource-mail-grid{grid-template-columns:minmax(0,1fr);gap:12px}.resource-mail{padding:12px}.resource-heading{gap:12px}.resource-amount strong{font-size:calc(22px * var(--font-scale))}.resource-row{gap:8px}.resource-cloud-heading{margin-top:20px;padding-top:20px}}