.campaign-panel { margin: 1rem 0; }
.campaign-form { display: grid; gap: 1rem; padding: 1rem; }
.campaign-grid { display: grid; grid-template-columns: minmax(12rem, .8fr) minmax(12rem, .65fr) minmax(0, 1.55fr); gap: .8rem; }
.campaign-message-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.campaign-email-fields { display: grid; gap: .7rem; }
.campaign-selection { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; padding: .8rem; border: 1px solid var(--line-soft); background: rgba(244,239,229,.52); }
.campaign-selection__actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.campaign-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; }
.campaign-footer__actions { display: flex; flex-wrap: wrap; gap: .55rem; }
.campaign-help { margin: 0; color: var(--ink-soft); font-size: .82rem; }
.campaign-token { display: inline-block; padding: .12rem .34rem; border: 1px solid var(--line); background: #fffdf8; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .74rem; }
.email-canvas { overflow: hidden; border: 1px solid var(--line); background: #e8e1d4; }
.email-canvas__heading { display: flex; justify-content: space-between; gap: 1rem; padding: .65rem .85rem; border-bottom: 1px solid var(--line); background: var(--paper); font-size: .82rem; }
.email-canvas__heading span { color: var(--ink-soft); }
.email-canvas iframe { display: block; width: 100%; height: 42rem; border: 0; background: #f4efe5; }
.campaign-preview { width: min(44rem, calc(100% - 2rem)); max-height: calc(100vh - 2rem); padding: 0; border: 0; background: transparent; }
.campaign-preview::backdrop { background: rgba(17,17,15,.62); backdrop-filter: blur(3px); }
.campaign-preview__card { max-height: calc(100vh - 2rem); overflow-y: auto; border: 1px solid var(--line); background: var(--paper); box-shadow: var(--shadow); }
.campaign-preview__body { display: grid; gap: 1rem; padding: 1rem; }
.campaign-preview__block { padding: .85rem; border: 1px solid var(--line-soft); background: #fffdf8; }
.campaign-preview__block h3 { margin: 0 0 .5rem; font-size: 1rem; font-weight: 400; }
.campaign-preview__block p { margin: .35rem 0 0; white-space: pre-wrap; }
.campaign-preview__email-frame { display: block; width: 100%; height: 38rem; margin-top: .8rem; border: 1px solid var(--line-soft); background: #f4efe5; }
.campaign-history { margin-top: 1rem; overflow: hidden; }
.campaign-history table td:nth-child(1) { min-width: 12rem; }
.campaign-history table td:nth-child(2), .campaign-history table td:nth-child(3), .campaign-history table td:nth-child(4) { white-space: nowrap; }
.campaign-history__destination { display: block; color: var(--ink-soft); font-size: .72rem; }
.campaign-history__status { display: inline-block; min-width: 4.5rem; padding: .2rem .45rem; border: 1px solid var(--line); text-align: center; font-size: .72rem; text-transform: capitalize; }
.campaign-history__error { display: block; margin-top: .2rem; max-width: 20rem; color: #8b1e1e; font-size: .7rem; }
.campaign-history__empty { margin: 0; padding: 1.2rem; color: var(--ink-soft); text-align: center; }
.notifier-recipients { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: .5rem; max-height: 23rem; overflow: auto; padding: .8rem; border: 1px solid var(--line-soft); background: rgba(244,239,229,.35); }
.notifier-recipient-tools { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.notifier-search { display: block; width: min(100%, 28rem); }
.notifier-search input { width: 100%; min-height: 2.75rem; padding: .55rem .75rem; border: 1px solid var(--line); background: #fffdf8; color: var(--ink); font: inherit; }
.notifier-search input:focus { outline: 2px solid var(--ink); outline-offset: 2px; }
.notifier-recipient { display: flex; align-items: flex-start; gap: .55rem; padding: .55rem; border: 1px solid var(--line-soft); background: #fffdf8; font-size: .85rem; }
.notifier-recipient small { display: block; margin-top: .15rem; color: var(--ink-soft); }
@media (max-width: 68rem) {
  .campaign-grid, .campaign-message-grid { grid-template-columns: 1fr; }
  .email-canvas iframe { height: 38rem; }
}
@media (max-width: 43rem) {
  .campaign-selection, .campaign-footer { align-items: stretch; flex-direction: column; }
  .notifier-recipient-tools { align-items: stretch; flex-direction: column; }
  .notifier-search { width: 100%; }
  .campaign-selection__actions, .campaign-footer__actions { display: grid; grid-template-columns: 1fr; }
  .campaign-selection__actions .button, .campaign-footer__actions .button { width: 100%; }
}