.marketing-intro{max-width:70ch;color:var(--muted);margin-bottom:24px}
.marketing-status{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;border:1px solid var(--line);background:var(--kifna-surface);border-radius:16px;padding:18px 20px;margin-bottom:24px}
.marketing-status p{margin:3px 0}.marketing-status strong{color:var(--ink)}.marketing-status .badge{margin-inline-start:auto}
.marketing-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.7fr);gap:24px;align-items:start}
.marketing-panel{border:1px solid var(--line);border-radius:16px;background:var(--kifna-surface);padding:24px;min-width:0}
.marketing-panel fieldset{border:0;border-bottom:1px solid var(--line);margin:0 0 24px;padding:0 0 8px;min-width:0}
.marketing-panel legend{font-weight:800;font-size:1.1rem;margin-bottom:18px;padding:0}
.marketing-panel .step{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--kifna-blush);color:var(--kifna-deep-red);margin-inline-end:10px;font-size:.9rem}
.marketing-panel input,.marketing-panel select,.marketing-panel button{min-height:44px}
.marketing-panel .check{margin-block:12px 20px}.marketing-panel .check input{min-height:18px}.marketing-panel .check span{flex:1}
.marketing-preview{background:var(--kifna-surface);border:1px solid var(--line);border-radius:16px;padding:24px;overflow-wrap:anywhere}
.marketing-preview .preview-brand{color:var(--kifna-red);font-size:22px;font-weight:800;margin-bottom:24px}.marketing-preview h3{font-size:1.35rem;line-height:1.6}
.marketing-preview .offer-message{font-weight:400;line-height:1.9}.marketing-preview .preview-footer{padding-top:18px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.marketing-preview .preview-unsubscribe{display:block;color:var(--kifna-deep-red);margin-top:12px}
.marketing-summary{position:sticky;top:22px}.marketing-summary h2{margin-bottom:18px}.marketing-summary dl{margin:0}.marketing-summary dl div{padding:12px 0;border-top:1px solid var(--line)}.marketing-summary dt{font-size:.85rem;color:var(--muted)}.marketing-summary dd{margin:4px 0 0;font-weight:700;overflow-wrap:anywhere}
.marketing-list{margin-top:32px}.marketing-list-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.marketing-list-header h2{margin:0}
.campaign-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--kifna-surface);margin-bottom:14px}
.campaign-card header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.campaign-card h3{margin:0;overflow-wrap:anywhere}.campaign-card .muted{font-size:.85rem;margin-top:8px}
.campaign-counts{display:flex;flex-wrap:wrap;gap:18px;border-top:1px solid var(--line);padding-top:14px;margin-top:16px;font-size:.85rem}.campaign-counts strong{display:block;color:var(--ink);font-size:1.15rem}
.marketing-dialog p{overflow-wrap:anywhere}.marketing-dialog .dialog-actions{position:sticky;bottom:0;background:var(--kifna-surface);padding-top:12px}
.voucher-code{overflow-wrap:anywhere;letter-spacing:.06em;font-weight:800;color:var(--kifna-deep-red);font-size:1rem}.voucher-picker{display:flex;gap:8px;margin-bottom:10px}.voucher-picker input{flex:1;min-width:0}
.voucher-conditions{line-height:1.9}.marketing-empty{border:1px dashed var(--line);border-radius:16px;padding:30px;text-align:center}.marketing-empty p{margin-bottom:0}
@media(max-width:1100px){.marketing-grid{grid-template-columns:minmax(0,1fr)}.marketing-summary{position:static}}
@media(max-width:720px){.marketing-panel,.marketing-preview,.campaign-card{padding:18px}.marketing-dialog{padding:18px}.campaign-card header{flex-wrap:wrap}.marketing-list-header{flex-wrap:wrap}.marketing-grid{gap:18px}.marketing-dialog .dialog-actions button{flex:1}.voucher-picker{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.marketing-panel *,.marketing-dialog *{transition:none}}

.campaign-card header>div{min-width:0;max-width:100%}
