.whatsapp-status { padding: 1.25rem; margin-block: 1.25rem; }
.whatsapp-status h3 { margin: 0 0 .6rem; color: var(--color-primary); font-size: 1rem; }
.whatsapp-status .section-note { margin: 0; }
.whatsapp-recipients { list-style: none; padding: 0; margin: .75rem 0 0; }
.whatsapp-recipients:empty { display: none; }
.whatsapp-recipients li { display: flex; justify-content: space-between; align-items: start; gap: 1rem; padding: .65rem 0; border-top: 1px solid var(--color-border); }
.whatsapp-recipients strong { font-size: .9rem; }
.whatsapp-recipients small { display: block; max-width: 36rem; margin-top: .25rem; color: var(--color-muted); }
.whatsapp-state { font-size: .8rem; text-align: right; color: var(--color-muted); }
.whatsapp-state[data-state="accepted"] { color: #17643e; }
.whatsapp-state[data-state="failed"], .whatsapp-state[data-state="unknown"] { color: #9b4c17; }
@media (max-width: 480px) { .whatsapp-status { padding: 1rem; } .whatsapp-recipients li { flex-wrap: wrap; gap: .35rem; } .whatsapp-state { text-align: left; } }

@media screen {
  :root[data-court-theme^='dark-'] .whatsapp-state[data-state=accepted] { color: var(--color-success-text); }
  :root[data-court-theme^='dark-'] .whatsapp-state:is([data-state=failed], [data-state=unknown]) { color: var(--color-warning-text); }
}
