[data-role-badge]{--role-ink:31%;--role-fill:94%;--role-line:81%;--tw-ring-color:hsl(var(--role-h) var(--role-s) 55%);align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:500;line-height:1.45;display:inline-flex;background:hsl(var(--role-h) var(--role-s) var(--role-fill))!important;color:hsl(var(--role-h) var(--role-s) var(--role-ink))!important;border:1px solid hsl(var(--role-h) var(--role-s) var(--role-line))!important;border-radius:3px!important}.dark [data-role-badge]{--role-ink:80%;--role-fill:20%;--role-line:35%}[data-role-badge][data-role-empty=true]{background:0 0!important;border-style:dashed!important}.role-color-picker{overscroll-behavior:contain;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:min(320px,40dvh);padding:3px;display:grid;overflow-y:auto}.role-color-picker button{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:5px;justify-content:center;align-items:center;gap:5px;min-height:44px;padding:8px 4px;font-size:11px;display:flex}.role-color-picker button[aria-pressed=true]{outline:2px solid hsl(var(--ring));outline-offset:1px}.role-color-picker button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.role-color-picker button>span{background:hsl(var(--swatch-h) var(--swatch-s) 62%);border-radius:2px;flex-shrink:0;width:12px;height:12px}@media (width<=380px){.role-color-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-role-badge] .payments-claim-role{color:inherit}