.hts-review-card {
  display: grid;
  gap: 1rem;
  padding: 1.25rem;
  border: 1px solid var(--theme-line);
  border-left: 5px solid var(--theme-accent);
  background: var(--theme-surface);
}
.hts-review-card p { margin: 0; }
.hts-summary-field { display: grid; gap: .5rem; font-weight: 800; }
.hts-summary-field textarea { width: 100%; padding: .8rem; color: var(--theme-text); background: var(--theme-elevated); border: 1px solid var(--theme-line); }
.hts-review-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.hts-review-actions .button { min-height: 44px; }
.hts-review-actions .hts-dismiss { border-color: #a33a35; background: transparent; color: #8d2f2b; }
html[data-theme="dark"] .hts-review-actions .hts-dismiss { color: #ffb4a8; }
.hts-review-actions button:disabled { opacity: .58; cursor: not-allowed; transform: none; box-shadow: none; }

#adminCommunications { display: grid; gap: 1.25rem; }
.email-preview-theme { display: grid; gap: .45rem; width: min(100%, 24rem); color: var(--theme-text); font-weight: 800; }
.email-preview-theme select,
#verification-send-dialog select { min-height: 44px; padding: .65rem .75rem; color: var(--theme-text); background: var(--theme-elevated); border: 1px solid var(--theme-line); border-radius: .55rem; }
.email-preview-size { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; margin: 0; padding: .9rem 1rem; border: 1px solid var(--theme-line); }
.email-preview-size legend { padding: 0 .35rem; font-weight: 800; }
.email-preview-size label { display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; }
.email-template-gallery { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,21rem),1fr)); gap: 1rem; }
.email-template-card { display: grid; align-content: start; gap: .7rem; min-width: 0; padding: 1rem; color: var(--theme-text); background: var(--theme-surface); border: 1px solid var(--theme-line); }
.email-template-card > span { width: max-content; padding: .25rem .5rem; color: var(--email-header); background: color-mix(in srgb,var(--email-accent) 26%,transparent); font-size: .72rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.email-template-card h3,
.email-template-card p { margin: 0; }
.email-preview-frame { width: min(100%,600px); margin-inline: auto; overflow: hidden; color: #273142; background: #fff; border: 1px solid #dce1e7; border-radius: .75rem; box-shadow: 0 12px 30px rgba(12,32,64,.1); }
[data-preview-size="mobile"] .email-preview-frame { max-width: 320px; }
.email-preview-header { display: grid; place-items: center; min-height: 86px; padding: 1rem; background: var(--email-header); }
.email-preview-header img { display: block; width: 132px; max-height: 62px; object-fit: contain; }
.email-preview-body { display: grid; gap: .65rem; padding: 1rem; }
.email-preview-body small { color: var(--email-accent); font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.email-preview-body strong { color: var(--email-header); font-family: Georgia,"Times New Roman",serif; font-size: 1.15rem; }
.email-preview-body p { font-size: .82rem; line-height: 1.5; }
.email-preview-cta { width: max-content; max-width: 100%; padding: .65rem .85rem; color: var(--email-header); background: var(--email-accent); border-radius: .4rem; font-size: .78rem; font-weight: 850; }
#verification-send-dialog input[readonly] { color: var(--theme-text); background: var(--theme-elevated); }
#verificationSendStatus:not(:empty) { padding: .65rem; color: var(--theme-text) !important; background: var(--theme-elevated); border-left: 4px solid var(--theme-accent); }
.email-campaign-workspace { display: grid; gap: .85rem; padding: 1rem; color: var(--theme-text); background: var(--theme-elevated); border: 1px solid var(--theme-line); border-left: 5px solid var(--theme-accent); }
.email-campaign-workspace h3,
.email-campaign-workspace p { margin: 0; }
.email-campaign-workspace > input { min-height: 44px; padding: .7rem .8rem; color: var(--theme-text); background: var(--theme-surface); border: 1px solid var(--theme-line); border-radius: .55rem; }
.campaign-sample { display: grid; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.campaign-sample li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; padding: .6rem .75rem; background: var(--theme-surface); border: 1px solid var(--theme-line); }
.campaign-sample span { color: var(--theme-muted); }

html[data-theme="dark"] .email-template-card { background: var(--theme-elevated); }
html[data-theme="dark"] .email-template-card > span { color: #f4d990; }
.mail-recipient-checklist { display:grid; grid-template-columns:repeat(auto-fit,minmax(15rem,1fr)); gap:.4rem; max-height:18rem; overflow:auto; padding:.65rem; border:1px solid var(--theme-line); background:var(--theme-surface); }
#mailComposeForm { display:grid; gap:.85rem; }
#mailComposeForm textarea,#mailComposeForm input,#mailComposeForm select { width:100%; color:var(--theme-text); background:var(--theme-elevated); border:1px solid var(--theme-line); }
#mailDraftPreview { width:100%; min-height:28rem; border:1px solid var(--theme-line); background:#fff; }

@media (max-width:600px) {
  .email-template-gallery { grid-template-columns: 1fr; }
  .email-preview-size { display: grid; grid-template-columns: 1fr 1fr; }
}