.credit-balance-popover{border:1px solid var(--border);background:var(--popover);width:min(288px,100vw - 32px);color:var(--popover-foreground);box-shadow:0 12px 36px -12px color-mix(in oklch, var(--primary) 20%, transparent), 0 4px 12px -6px color-mix(in oklch, var(--foreground) 12%, transparent);border-radius:16px;padding:16px}.credit-balance-total,.credit-balance-details>div{justify-content:space-between;align-items:center;gap:16px;display:flex}.credit-balance-total{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:12px;font-size:14px;font-weight:600}.credit-balance-value{color:var(--foreground);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:4px;font-weight:400;display:inline-flex}.credit-balance-value svg{width:14px;height:14px;color:var(--muted-foreground);flex-shrink:0}.credit-balance-total .credit-balance-value{color:var(--primary);font-size:18px;font-weight:600}.credit-balance-total .credit-balance-value svg{color:inherit}.credit-balance-details{color:var(--muted-foreground);gap:12px;margin-bottom:16px;font-size:13px;display:grid}.credit-balance-add{background:var(--primary);width:100%;min-height:40px;color:var(--primary-foreground);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:14px;font-weight:500;transition:background .16s;display:flex}.credit-balance-add:hover{background:color-mix(in oklch, var(--primary) 90%, var(--foreground))}.credit-balance-add:active{transform:translateY(1px)}.credit-balance-add:focus-visible{outline:2px solid var(--ring);outline-offset:3px}