.member-ad { box-sizing: border-box; flex: 0 0 auto; margin: 6px 14px; padding: 8px 12px; max-height: 128px; overflow: auto; border: 1px solid var(--line, #dce5e1); border-radius: 10px; background: var(--green-pale, #eef5f1); color: inherit; }
.member-ad.hidden { display: none; }
.member-ad-label { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.member-ad-label small { color: var(--muted, #5d7166); font-size: 11px; }
.member-ad-label button { min-width: 32px; min-height: 28px; padding: 0 6px; border: 0; background: transparent; color: inherit; font-size: 20px; cursor: pointer; }
.member-ad strong { display: block; font-size: 14px; overflow-wrap: anywhere; }
.member-ad p { margin: 3px 0; font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
.member-ad a { color: var(--green-dark, #17697a); font-size: 12px; }
.member-ads-card { width: min(570px, 100%); }
.member-ads-card textarea { box-sizing: border-box; width: 100%; resize: vertical; padding: 10px; font: inherit; color: inherit; background: inherit; border: 1px solid var(--line, #dce5e1); border-radius: 8px; }
.member-ads-balance { font-size: 18px; font-weight: 700; }
.member-ad-campaign { margin: 14px 0; padding: 12px; border: 1px solid var(--line, #dce5e1); border-radius: 10px; overflow-wrap: anywhere; }
.member-ad-campaign p { margin: 6px 0; }
.member-ad-campaign button { margin: 4px 8px 0 0; }
@media (max-width: 600px) { .member-ad { margin: 4px 8px; padding: 7px 10px; } .member-ad p { font-size: 12px; } }

.member-ad-image { float: left; width: 84px; height: 66px; margin: 0 10px 0 0; object-fit: contain; border-radius: 6px; }
.member-ads-image-preview { display: block; max-width: 100%; max-height: 180px; object-fit: contain; border-radius: 8px; margin: 8px 0; }
.member-ad-image[hidden], .member-ads-image-preview[hidden] { display: none; }
.member-ad[data-official-plan] { cursor: pointer; }