.msg-period{align-items:center;gap:var(--ems-space-2);flex-wrap:wrap;display:flex}.msg-period-note{font-size:.8rem}.msg-usage-grid{gap:var(--ems-space-4);margin-bottom:var(--ems-space-4);grid-template-columns:minmax(0,2fr) minmax(280px,1fr);display:grid}@media (max-width:1023px){.msg-usage-grid{grid-template-columns:minmax(0,1fr)}}.msg-cost-list{gap:var(--ems-space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.msg-cost-head{justify-content:space-between;font-size:.85rem;display:flex}.msg-cost-head span{font-variant-numeric:tabular-nums;font-weight:650}.msg-cost-bar{background:var(--ems-accent-subtle);border-radius:999px;height:8px;margin:6px 0 4px}.msg-cost-bar>span{border-radius:inherit;background:var(--ems-accent);height:100%;display:block}.msg-cost-list small{color:var(--ems-text-muted);font-size:.74rem}.msg-cost-note{margin:var(--ems-space-4) 0 0;padding-top:var(--ems-space-3);border-top:1px solid var(--ems-border);color:var(--ems-text-muted);font-size:.75rem;line-height:1.5}.msg-billable{border-radius:999px;padding:1px 8px;font-size:.72rem;font-weight:650;display:inline-block}.msg-billable.yes{background:var(--ems-accent-subtle);color:var(--ems-accent-text)}.msg-billable.free{background:var(--ems-success-subtle);color:var(--ems-success)}.msg-mode{border:1px solid var(--ems-border);background:var(--ems-surface-subtle);border-radius:999px;padding:1px 8px;font-size:.72rem;font-weight:600;display:inline-block}