/* Usage is intentionally separate from the subscription's colored benefit card. */
.cp-usage-panel{font-family:var(--font-sans);overflow:hidden;color:var(--text-main)}
.cp-usage-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-bottom:1px solid var(--card-border)}
.cp-usage-title{display:flex;align-items:center;gap:9px;min-width:0}.cp-usage-title h2{margin:0;font-size:15px;font-weight:600;line-height:1.5}.cp-usage-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:var(--tag-bg);color:var(--el-color-primary)}.cp-usage-icon svg{width:18px;height:18px}.cp-usage-tier{font-size:12px;font-weight:600;line-height:1.6;padding:1px 8px;background:var(--tag-bg);border:1px solid var(--card-border);border-radius:5px;color:var(--text-muted)}
.cp-usage-header .el-button{font-size:12px;flex-shrink:0}.cp-usage-header .el-button span[aria-hidden]{margin-left:6px}
.cp-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 0}.cp-usage-cell{min-width:0;padding:0 22px;border-right:1px solid var(--card-border)}.cp-usage-cell:last-child{border-right:0}
.cp-usage-cell-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.cp-usage-cell-heading h3{font-size:13px;font-weight:600;line-height:1.5;margin:0}.cp-usage-cell-heading>span{font-size:12px;white-space:nowrap;color:var(--text-muted)}
.cp-usage-amount{display:flex;align-items:baseline;gap:8px;margin:10px 0 11px;cursor:help;font-variant-numeric:tabular-nums}.cp-usage-amount strong{font-size:26px;line-height:1.2;font-weight:600;letter-spacing:-.4px}.cp-usage-amount>span{font-size:12px;color:var(--text-muted)}
.cp-usage-spent{font-size:12px;line-height:1.6;color:var(--text-muted);margin-top:7px;cursor:help;font-variant-numeric:tabular-nums}.cp-usage-spent>span{margin:0 3px;color:var(--text-muted)}
.cp-usage-reset{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 9px;margin-top:14px;line-height:1.6}.cp-usage-reset strong{font-size:13px;font-weight:500;color:var(--text-main);font-variant-numeric:tabular-nums}.cp-usage-reset time,.cp-usage-reset>span{font-size:12px;color:var(--text-muted)}
.cp-usage-exhausted .cp-usage-cell-heading>span{color:var(--el-color-danger)}
.cp-usage-footer{padding:10px 20px;border-top:1px solid var(--card-border);background:var(--tag-bg);color:var(--text-muted);font-size:12px;line-height:1.7}.cp-usage-footer>span{margin-right:5px}.cp-usage-empty{padding:24px 20px;font-size:13px;color:var(--text-muted);line-height:1.8}
.cp-usage-compact .cp-usage-grid{padding:16px 0}.cp-usage-compact .cp-usage-amount strong{font-size:23px}.cp-usage-compact .cp-usage-reset{margin-top:10px}
@media(max-width:760px){.cp-usage-header{padding:13px 16px;gap:8px}.cp-usage-title{gap:7px}.cp-usage-title h2{font-size:14px}.cp-usage-tier{padding:1px 6px}.cp-usage-grid,.cp-usage-compact .cp-usage-grid{grid-template-columns:1fr;padding:0}.cp-usage-cell{border-right:0;border-bottom:1px solid var(--card-border);padding:15px 16px}.cp-usage-cell:last-child{border-bottom:0}.cp-usage-amount{margin:8px 0}.cp-usage-amount strong{font-size:23px}.cp-usage-reset{margin-top:9px}.cp-usage-footer{padding:10px 16px}}