.htmx-indicator {
    opacity: 0;
    transition: opacity 200ms ease;
}
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
    opacity: 1;
}

/* Default avatar background (fallback for non-A-Z initials) */
[class*="avatar-"] { background-color: #64748b; }

/* Letter-based company avatar colors (26 distinct hues) */
.avatar-A { background-color: #ef4444; }
.avatar-B { background-color: #f97316; }
.avatar-C { background-color: #f59e0b; }
.avatar-D { background-color: #eab308; }
.avatar-E { background-color: #84cc16; }
.avatar-F { background-color: #22c55e; }
.avatar-G { background-color: #10b981; }
.avatar-H { background-color: #14b8a6; }
.avatar-I { background-color: #06b6d4; }
.avatar-J { background-color: #0ea5e9; }
.avatar-K { background-color: #3b82f6; }
.avatar-L { background-color: #6366f1; }
.avatar-M { background-color: #8b5cf6; }
.avatar-N { background-color: #a855f7; }
.avatar-O { background-color: #d946ef; }
.avatar-P { background-color: #ec4899; }
.avatar-Q { background-color: #f43f5e; }
.avatar-R { background-color: #be123c; }
.avatar-S { background-color: #9333ea; }
.avatar-T { background-color: #2563eb; }
.avatar-U { background-color: #0891b2; }
.avatar-V { background-color: #059669; }
.avatar-W { background-color: #65a30d; }
.avatar-X { background-color: #ca8a04; }
.avatar-Y { background-color: #ea580c; }
.avatar-Z { background-color: #dc2626; }