/* Add-ons card in "Assign subscription" (AddonPicker.jsx). Rows reuse the
   dialog's own add-on classes; these cover the controls around them. */
.sub-addons{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--hairline-strong);display:flex;flex-direction:column;gap:var(--space-2)}
.sub-addons-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.sub-addons-title{font-size:var(--fs-small);font-weight:600;color:var(--text-hi)}
.sub-addons-count{font-weight:500;color:var(--text-lo)}
.sub-addons [data-addon-list]{box-shadow:none;padding-top:var(--space-1)}
.sub-addons [data-addon-row]{flex-wrap:wrap}
.sub-addon-amount{display:inline-flex;align-items:center;gap:4px;background:var(--surface-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);padding:0 8px;height:30px;flex:none}
.sub-addon-amount:focus-within{border-color:var(--accent)}
.sub-addon-currency{color:var(--text-lo);font-size:var(--fs-micro)}
.sub-addon-amount input{width:84px;background:transparent;border:0;outline:0;color:var(--text-hi);font:inherit;font-size:var(--fs-small);font-variant-numeric:tabular-nums;text-align:right}
.sub-addon-remove{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:var(--text-lo);cursor:pointer;flex:none}
.sub-addon-remove:hover{color:var(--danger);background:rgba(255,77,77,.1)}
.sub-addon-picker{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-2);box-shadow:inset 0 1px 0 var(--hairline)}
.sub-addon-picker-section{display:flex;flex-direction:column;gap:6px}
.sub-addon-picker-label{font-size:var(--fs-micro);font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--text-lo)}
.sub-addon-choice{display:flex;align-items:center;gap:var(--space-2);padding:6px 8px;border-radius:var(--radius-sm);font-size:var(--fs-small);cursor:pointer}
.sub-addon-choice:hover{background:var(--surface-1)}
.sub-addon-choice.is-added{opacity:.6;cursor:default}
.sub-addon-choice input{accent-color:var(--accent);margin:0}
.sub-addon-choice-name{font-weight:600;color:var(--text-hi)}
.sub-addon-choice-meta{flex:1;color:var(--text-lo);font-size:var(--fs-micro)}
.sub-addon-choice-amount{color:var(--text-mid);font-weight:600}
.sub-addon-picker-empty{font-size:var(--fs-micro);color:var(--text-lo)}
.sub-addon-custom{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.sub-addon-custom>input{width:92px;height:30px;box-sizing:border-box;padding:0 10px;background:var(--surface-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);color:var(--text-hi);font:inherit;font-size:var(--fs-small)}
.sub-addon-custom>input:focus-visible{outline:0;border-color:var(--accent)}
.sub-addon-error{margin:0;font-size:var(--fs-micro);color:var(--danger)}
.sub-addon-picker-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}