.newsletter-admin-status { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 20px 0; color: var(--body); font-size: 13px; }
.newsletter-admin-status strong { color: var(--ink); }
#newsletterMetrics { grid-template-columns: repeat(5, minmax(0, 1fr)); }
#newsletterMetrics .metric { min-height: 90px; padding: 16px; border: 0; border-bottom: 1px solid var(--line); }
#newsletterMetrics .metric-value { font-size: 26px; line-height: 1.3; }
#newsletterMetrics .metric:nth-last-child(-n+5) { border-bottom: 0; }
.newsletter-admin-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr); gap: 18px; margin-top: 20px; }
.newsletter-admin-panel { min-width: 0; margin-top: 18px; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.newsletter-admin-grid .newsletter-admin-panel { margin-top: 0; }
.newsletter-admin-panel h2 { margin: 0 0 8px; font-size: 17px; line-height: 1.35; }
.newsletter-admin-panel > p { margin: 0 0 16px; color: var(--body); font-size: 12px; line-height: 1.65; }
.newsletter-admin-form { display: grid; gap: 12px; }
.newsletter-admin-form textarea { width: 100%; min-height: 196px; padding: 10px 11px; border: 1px solid var(--line-strong); border-radius: 6px; background: var(--surface); color: var(--ink); font: 12px/1.55 var(--mono); resize: vertical; }
.newsletter-admin-form textarea:focus-visible { border-color: var(--green); box-shadow: 0 0 0 3px rgba(23, 107, 84, 0.12); outline: none; }
.newsletter-admin-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.newsletter-admin-actions .form-message { margin: 0; }
.newsletter-admin-topic-list, .newsletter-admin-preview-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.newsletter-admin-topic-list li, .newsletter-admin-preview-list li { padding: 10px 0; border-bottom: 1px solid var(--line); color: var(--body); font-size: 12px; line-height: 1.6; }
.newsletter-admin-topic-list li:last-child, .newsletter-admin-preview-list li:last-child { border-bottom: 0; }
.newsletter-admin-preview-list a { color: var(--green-strong); text-decoration: none; }
.newsletter-admin-preview-list a:hover, .newsletter-admin-preview-list a:focus-visible { text-decoration: underline; }
.newsletter-uncertain-note { margin: 16px 0; padding: 12px 14px; border-left: 3px solid var(--amber); background: var(--amber-soft); color: #694817; font-size: 12px; line-height: 1.65; }
.newsletter-table-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.newsletter-suppress-dialog { width: min(480px, calc(100vw - 24px)); border: 1px solid var(--line-strong); border-radius: 8px; background: var(--surface); color: var(--ink); box-shadow: 0 24px 70px rgba(13, 35, 25, 0.2); }
.newsletter-suppress-dialog::backdrop { background: rgba(19, 32, 27, 0.42); }
.newsletter-suppress-dialog form { padding: 22px; }
.newsletter-suppress-dialog h2 { margin: 0 0 10px; font-size: 19px; }
.newsletter-suppress-dialog p { color: var(--body); font-size: 13px; line-height: 1.7; }
@media (max-width: 880px) { .newsletter-admin-grid { grid-template-columns: 1fr; } }
@media (max-width: 880px) {
  #newsletterMetrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #newsletterMetrics .metric:nth-child(n) { border-bottom: 1px solid var(--line); }
  #newsletterMetrics .metric:nth-last-child(-n+2) { border-bottom: 0; }
}
@media (max-width: 600px) { .newsletter-admin-panel { padding: 16px; } .newsletter-admin-actions .button { flex: 1 1 140px; } }