/* Inbox connection-status pill (Task 5). icon-spin keyframe is in style.css (Task 4). */
.inbox-status {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    margin: 0 0 0.75rem 0;
}
.inbox-status__icon { flex: 0 0 auto; }
.inbox-status--idle     { color: #198754; background: rgba(25, 135, 84, 0.12); }  /* green  */
.inbox-status--in-flight{ color: #0d6efd; background: rgba(13, 110, 253, 0.12); } /* blue   */
.inbox-status--failed   { color: #dc3545; background: rgba(220, 53, 69, 0.12); }  /* red    */
.inbox-status__icon--in-flight:not(.d-none) { animation: icon-spin 1s linear infinite; }