/* Delivery state next to the timestamp (charter §7.4/§12, 2026-11-05). */
.msg-state { display: inline-flex; align-items: center; gap: 3px; color: var(--sc-muted); vertical-align: middle; }
.msg-state .ico { width: 12px; height: 12px; }
.msg-state.is-sending .ico { animation: msg-state-spin 1s linear infinite; }
.msg-state.is-sent { color: #3ddc84; }
.msg-state.is-error { color: #ff5252; cursor: pointer; }
.msg-state.is-error .msg-tries {
  color: #ff5252;
  font: 700 10px/1 ui-monospace, SFMono-Regular, Consolas, monospace;
}
@keyframes msg-state-spin { to { transform: rotate(360deg); } }