/* 公共模块：渠道的付费方式（跑付 / 买断）（源头 null53/gateway-common）。颜色取网关的变量，没定义时回退到固定颜色。 */
.gw-billing{
  --gwb-fg:var(--gw-fg,var(--foreground,#1f2328));
  --gwb-muted:var(--gw-muted-fg,var(--muted-foreground,#5f6670));
  --gwb-border:var(--gw-border,var(--border,#e5e7eb));
  --gwb-accent:var(--gw-accent,var(--primary,#2563eb));
  --gwb-danger:var(--gw-danger,var(--destructive,#dc2626));
  display:grid;gap:6px;min-width:0;color:var(--gwb-fg)
}
.gw-billing-title{font-size:13px;font-weight:500}
.gw-billing-required{margin-left:2px;color:var(--gwb-danger)}
.gw-billing-options{display:inline-flex;flex-wrap:wrap;gap:8px}
.gw-billing-option{position:relative;display:inline-flex;align-items:center;margin:0;cursor:pointer;font-weight:400}
.gw-billing-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.gw-billing-option span{display:inline-flex;align-items:center;min-width:64px;height:32px;padding:0 14px;justify-content:center;
  border:1px solid var(--gwb-border);border-radius:999px;font-size:13px;transition:background .15s,border-color .15s,color .15s}
.gw-billing-option input:checked + span{border-color:var(--gwb-accent);background:color-mix(in oklab,var(--gwb-accent) 12%,transparent);color:var(--gwb-accent);font-weight:600}
.gw-billing-option input:focus-visible + span{outline:2px solid color-mix(in oklab,var(--gwb-accent) 45%,transparent);outline-offset:2px}
.gw-billing-invalid .gw-billing-option span{border-color:var(--gwb-danger)}
.gw-billing-note{color:var(--gwb-muted);font-size:12px;line-height:1.45}

/* 渠道列表上的小标签 */
.gw-billing-tag{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;
  border:1px solid currentColor;line-height:1}
.gw-billing-run{color:var(--gw-billing-run,#0f766e)}
.gw-billing-buyout{color:var(--gw-billing-buyout,#7c3aed)}