.client-usage-detail-dialog{background:var(--af-popover);width:calc(100% - 32px);max-width:680px;max-height:calc(100dvh - 32px);color:var(--af-popover-foreground);border-radius:20px;flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.client-usage-detail-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.client-usage-detail-header{border-bottom:1px solid var(--af-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px 12px 24px;display:flex}.client-usage-detail-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:24px;min-height:0;padding:24px;display:flex;overflow-y:auto}.client-usage-detail-body>*{flex-shrink:0}.client-usage-detail-summary{border:1px solid var(--af-border);border-radius:8px;overflow:hidden}.client-usage-detail-summary .client-settings-metrics>div{padding:16px 12px}.client-usage-detail-summary .client-settings-metrics dd{font-size:18px}.client-usage-detail-values{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.client-usage-detail-values>div{border-bottom:1px solid var(--af-border);justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:12px;display:flex}.client-usage-detail-values>div:nth-child(odd){border-right:1px solid var(--af-border)}.client-usage-detail-values>div:nth-last-child(-n+2){border-bottom:0}.client-usage-detail-values[data-odd]>div:nth-last-child(2){border-bottom:1px solid var(--af-border)}.client-usage-detail-values[data-odd]>div:last-child{border-right:0;grid-column:1/-1}.client-usage-detail-values dt{color:var(--af-muted-foreground);font-size:12px;line-height:1.5}.client-usage-detail-values dd{color:var(--af-foreground);text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:500;line-height:1.5}.client-usage-detail-identifiers{border-top:1px solid var(--af-border);padding-top:8px}@media (max-width:520px){.client-usage-detail-header{padding-inline:16px}.client-usage-detail-body{gap:20px;padding:20px 16px}.client-usage-detail-values{grid-template-columns:minmax(0,1fr)}.client-usage-detail-values>div:nth-child(odd){border-right:0}.client-usage-detail-values>div:nth-last-child(2){border-bottom:1px solid var(--af-border)}}