.mley-benefit-offer { margin: 1rem 0; padding: 1rem; border: 1px solid var(--border-color); border-radius: 14px; background: var(--bg-surface); color: var(--text-color); font-family: var(--font-ui); }
.mley-benefit-offer__row { display: flex; align-items: flex-start; gap: .6rem; min-width: 0; }
.mley-benefit-offer__row + .mley-benefit-offer__row { margin-top: 1rem; }
.mley-benefit-offer__row > div { min-width: 0; }
.mley-benefit-offer p { margin: 0; overflow-wrap: anywhere; }
.mley-benefit-offer .mley-benefit-offer__note { margin-top: .25rem; color: var(--text-muted); font-size: var(--text-small); }
.mley-benefit-offer .mley-account-icon, .mley-benefit-label svg { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.85; stroke-linecap: round; stroke-linejoin: round; color: var(--accent-color); }
.mley-benefit-offer .mley-account-icon, .mley-benefit-label svg { margin-top: .2rem; }
.mley-benefit-label { display: flex; align-items: flex-start; gap: .6rem; }
.mley-benefit-history { padding-left: 0; list-style: none; color: var(--text-muted); font-size: var(--text-small); }
.mley-benefit-history li { display: flex; align-items: center; gap: .4rem; }
.mley-benefit-history .mley-account-icon { width: 16px; height: 16px; flex: none; }
.mley-benefit-history li + li { margin-top: .35rem; }