.usage-summary{display:flex;gap:40px;align-items:center;padding:24px 0 32px;border-bottom:1px solid var(--high);margin-bottom:24px}.usage-ring{position:relative;flex:0 0 200px;width:200px;aspect-ratio:1}.usage-ring>svg{width:100%;height:100%;transform:rotate(-90deg)}.usage-ring circle{fill:none;stroke-width:12}.ring-track{stroke:var(--high)}.ring-progress{stroke:var(--primary);stroke-linecap:round}.usage-ring.exhausted .ring-progress{stroke:var(--error)}.ring-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.ring-center strong{font-size:30px;font-weight:600}.ring-center span{font-size:12px;color:var(--muted)}.usage-facts{min-width:0;flex:1}.usage-facts h2{font-size:20px;overflow-wrap:anywhere}.usage-facts dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}.usage-facts dt{font-size:13px;color:var(--muted)}.usage-facts dd{margin:6px 0 0;font-size:22px;font-weight:600;overflow-wrap:anywhere}.subscription-box{min-width:0}.import-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.button-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 18px;border-radius:20px;background:var(--primary);color:var(--on-primary);font-weight:600;text-decoration:none}.download{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.user-metrics .metric-icon{margin-bottom:10px}.user-metrics .metric-value{font-size:22px}@media(max-width:700px){.usage-summary{gap:20px;flex-direction:column;align-items:center;padding-top:4px}.usage-ring{flex-basis:auto;width:180px}.usage-facts{width:100%}.usage-facts h2{text-align:center;font-size:18px}.usage-facts dl{gap:12px}.usage-facts dd{font-size:18px}.import-actions .button-link{width:100%}}
.subscription-qr-frame{display:flex;justify-content:center;margin:8px 0 20px}.subscription-qr-image{display:block;width:280px;height:auto;max-width:100%;aspect-ratio:1;background:#fff;shape-rendering:crispEdges}.qr-hint{color:var(--muted);font-size:13px;margin:0 0 18px}#qr-dialog{width:min(420px,calc(100% - 32px))}#qr-dialog h2{font-size:20px}#qr-dialog .import-actions{justify-content:center}.url-row input{min-width:0}
.health-green{--health-color:#137a45}.health-yellow{--health-color:#926000}.health-red{--health-color:#ba1a1a}.health-blue{--health-color:#2165bc}.notice[class*=health-]{border-left-color:var(--health-color);color:var(--ink)}.notice[class*=health-]>strong{color:var(--health-color)}.health-history{display:flex;gap:3px;margin:14px 0 8px;min-height:22px}.health-cell{flex:1;min-width:2px;max-width:28px;height:22px;border-radius:3px;background:var(--health-color)}.health-legend{font-size:11px;margin-bottom:10px;color:var(--muted)}