.ReferBrandButton_wrap__USt_0{position:relative;display:inline-flex}.ReferBrandButton_panel__r_yvI{position:absolute;top:calc(100% + var(--v24-space-2));right:0;z-index:var(--v24-z-dropdown);width:340px;padding:var(--v24-space-5);border-radius:var(--v24-radius-card);background:var(--v24-bg-page);border:1px solid var(--v24-hairline);box-shadow:var(--v24-shadow-popup);animation:ReferBrandButton_refer-popover-in__nqSCB var(--v24-duration-base) var(--v24-ease-out)}@keyframes ReferBrandButton_refer-popover-in__nqSCB{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.ReferBrandButton_panel__r_yvI{animation:none}}.ReferBrandButton_headRow__MeNjp{display:flex;align-items:baseline;justify-content:space-between;gap:var(--v24-space-2);margin-bottom:var(--v24-space-1)}.ReferBrandButton_title__rsJOd{font-family:var(--v24-font-display);font-size:var(--v24-text-lg);font-weight:600;color:var(--v24-text-primary);letter-spacing:-.01em}.ReferBrandButton_sub__Hfvxl{font-size:var(--v24-text-sm);color:var(--v24-text-secondary);line-height:1.5;margin-bottom:var(--v24-space-4)}.ReferBrandButton_linkLabel__hQtmi{font-size:var(--v24-text-xs);font-weight:700;color:var(--v24-text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--v24-space-2)}.ReferBrandButton_linkBox__ilYBA{display:flex;align-items:center;gap:var(--v24-space-2);padding:var(--v24-space-2) var(--v24-space-3);border-radius:var(--v24-radius-button);background:var(--v24-surface-card);border:1px solid var(--v24-hairline);margin-bottom:var(--v24-space-4)}.ReferBrandButton_linkInput__hF4qN{flex:1;min-width:0;border:none;background:transparent;color:var(--v24-text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--v24-text-xs);outline:none;text-overflow:ellipsis}.ReferBrandButton_copyBtn__5eoho{width:100%;padding:var(--v24-space-3);border-radius:var(--v24-radius-button);background:var(--v24-brand);color:var(--v24-text-on-brand);border:none;font-family:inherit;font-size:var(--v24-text-sm);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--v24-space-2);transition:background var(--v24-duration-fast) var(--v24-ease-default)}.ReferBrandButton_copyBtn__5eoho:hover{background:var(--v24-brand-deep)}.ReferBrandButton_copyBtnSuccess__o5SyE,.ReferBrandButton_copyBtnSuccess__o5SyE:hover{background:var(--v24-success)}body{--primary:var(--v24-brand);--primary-hover:var(--v24-brand-deep);--primary-soft:var(--v24-brand-tint);--primary-mid:var(--v24-brand);--primary-light:var(--v24-brand-tint);--primary-muted:var(--v24-brand-tint);--primary-faint:var(--v24-brand-tint);--primary-tint:var(--v24-brand-tint);--primary-accent:var(--v24-brand);--primary-press:var(--v24-brand-deep);--primary-deep:var(--v24-brand-deep);--primary-disabled:var(--v24-brand-tint)}.v24-row-hover{transition:background .18s ease}.v24-row-hover:hover{
  /* !important on every hover declaration — this utility is the SSOT
     hover for /orders, /library, /invoices, /disputes. Consumer pages
     attach the class alongside their own CSS Module .row class which
     defines base styles (padding, border-bottom, etc.) at the same
     specificity tier. CSS Module rules ship with the page bundle and
     load AFTER ui-v24/utilities.css in Next.js, so absent !important
     a consumer's stray .row:hover or even a .row property could
     silently shadow the bleed/radius/bg here. !important locks the
     hover recipe regardless of consumer-CSS load order. */background:var(--v24-surface-card)!important;border-radius:6px!important;margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important;border-bottom-color:transparent!important}@media (prefers-reduced-motion:reduce){.v24-row-hover{transition:background .18s ease}}.v24-row-hover-urgent{background:#fbf5e8;border-radius:6px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;transition:background .18s ease}.v24-row-hover-urgent:hover{background:#f7eeda}input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{border-color:var(--v24-brand)!important;box-shadow:0 0 0 3px var(--v24-brand-tint)!important;caret-color:var(--v24-brand);accent-color:var(--v24-brand)}::selection{background:var(--v24-brand-tint);color:var(--v24-brand-deep)}