.master-marketing__filters { display: flex; flex-wrap: wrap; align-items: end; gap: 16px; margin: 24px 0; }
.master-marketing__filters label { display: grid; gap: 6px; flex: 1 1 160px; min-width: 0; }
.master-marketing__filters input, .master-marketing__filters select, .master-marketing-dialog input[type="text"], .master-marketing-dialog textarea { width: 100%; box-sizing: border-box; border: 1px solid #d9d2e5; border-radius: 8px; padding: 10px 12px; color: inherit; background: #fff; font: inherit; }
.master-marketing__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 24px; }
.master-marketing__card { min-width: 0; border: 1px solid #ddd9e5; border-radius: 10px; padding: 16px; display: flex; flex-direction: column; gap: 12px; overflow-wrap: anywhere; }
.master-marketing__card h3 { font-size: 20px; margin: 0; letter-spacing: 0; }
.master-marketing__card p { margin: 0; }
.master-marketing__rating { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 14px; }
.master-marketing__rating-stars { font-size: 22px; letter-spacing: 2px; white-space: nowrap; background: linear-gradient(to right,#b17c0c var(--rating-fill),#d4cedc var(--rating-fill)); background-clip: text; -webkit-background-clip: text; color: transparent; }
.master-marketing__card img { width: 100%; max-height: 320px; aspect-ratio: 4/5; object-fit: contain; background: #f6f3fa; border-radius: 6px; }
.master-marketing__tags, .master-marketing__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.master-marketing__tags span { border-radius: 20px; background: #f0ebf7; color: #654a8c; padding: 4px 10px; font-size: 13px; }
.master-marketing__actions { margin-top: auto; }
.master-marketing--master .master-marketing__actions { flex-direction: column; align-items: stretch; }
.master-marketing--master .master-marketing__actions .aura-btn { width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; background: #fef9ee; color: #2d243d; border: 2px solid rgba(245, 185, 67, 0.45); }
.master-marketing--master .master-marketing__actions .aura-btn:hover,
.master-marketing--master .master-marketing__actions .aura-btn:focus-visible { background: #fef9ee; color: #2d243d; border-color: #f5b943; }
.master-marketing__state { font-size: 13px; color: #706977; }
[data-campaign-library] .werbeaktion-actions-cell { vertical-align: middle; text-align: center; }
[data-campaign-library] .werbeaktion-actions-cell > .aura-btn { margin: 0; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; }
.master-marketing [data-template-status].is-error, .master-marketing-dialog .is-error { color: #a32b39; }
.master-marketing-dialog { width: min(760px, calc(100% - 32px)); max-height: calc(100dvh - 32px); box-sizing: border-box; padding: 24px; overflow-y: auto; border: 1px solid #ddd9e5; border-radius: 12px; color: #2f2a3a; }
.master-marketing-dialog::backdrop { background: rgb(0 0 0 / 45%); }
.master-marketing-dialog h2 { font-size: 24px; margin: 0 0 20px; letter-spacing: 0; }
.master-marketing-dialog__header { position: sticky; top: -24px; z-index: 2; display: flex; align-items: flex-start; gap: 16px; margin: -24px -24px 20px; padding: 20px 24px; background: #fff; border-bottom: 1px solid #ddd9e5; }
.master-marketing-dialog__header h2 { flex: 1; min-width: 0; margin: 0; overflow-wrap: anywhere; }
.master-marketing-dialog .master-marketing-dialog__close { width: 40px; height: 40px; min-height: 40px; flex: 0 0 40px; padding: 0; margin: 0; font-size: 26px; line-height: 1; }
.master-marketing-dialog form { display: grid; gap: 18px; }
.master-marketing-dialog label:not(.master-marketing__check) { display: grid; gap: 6px; }
.master-marketing-dialog fieldset { border: 1px solid #ddd9e5; border-radius: 8px; padding: 14px; margin: 0; min-width: 0; }
.master-marketing__themes { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 8px 0 16px; }
.master-marketing__check { display: inline-flex; align-items: center; gap: 8px; }
.master-marketing-dialog textarea { min-height: 85px; resize: vertical; }
.master-marketing-dialog img { max-width: 100%; max-height: 420px; object-fit: contain; display: block; margin: 0 auto 20px; }
.master-marketing-dialog dl { margin: 0; }
.master-marketing-dialog dd { margin: 4px 0 20px; white-space: pre-line; overflow-wrap: anywhere; }
.master-marketing-dialog dt { color: #706977; }
.master-marketing-dialog__buttons { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 12px; }
/* Override the global desktop button width/flex-basis inside these column cards. */
.demo-marketing .demo-marketing__proposal .aura-btn[data-master-template-save] { margin: auto 0 12px; width: 100% !important; max-width: 100% !important; height: 46px; min-height: 46px; flex: 0 0 auto !important; align-self: stretch; padding: 10px 14px; background: #fef9ee; color: #2d243d; border: 2px solid rgba(245, 185, 67, 0.45); }
.demo-marketing .demo-marketing__proposal [data-master-template-save] + [data-marketing-select],
.demo-marketing .demo-marketing__proposal [data-master-template-save] + .demo-marketing__proposal-actions { margin-top: 0; }
.demo-marketing .demo-marketing__proposal .aura-btn[data-master-template-save]:hover,
.demo-marketing .demo-marketing__proposal .aura-btn[data-master-template-save]:focus-visible { background: #fef9ee; color: #2d243d; border-color: #f5b943; }