/**
 * Trelvior CRM generated avatar component.
 *
 * This file is loaded after global and route-specific CRM styles so avatar tone
 * classes can safely override older screen-specific green avatar defaults.
 */

/* ==========================================================================
   1. Base generated avatar
   ========================================================================== */

.trelvior-avatar {
    box-sizing: border-box;
    color: var(--trelvior-avatar-color, var(--trelvior-color-green-strong));
    border: 1px solid var(--trelvior-avatar-border, rgba(0, 153, 95, 0.18));
    background: var(--trelvior-avatar-bg, var(--trelvior-color-green-soft));
}

/* ==========================================================================
   2. Approved deterministic tone palette
   ========================================================================== */

.trelvior-avatar--green {
    --trelvior-avatar-color: #047857;
    --trelvior-avatar-bg: #dffbef;
    --trelvior-avatar-border: #a7f3d0;
}

.trelvior-avatar--blue {
    --trelvior-avatar-color: #1d4ed8;
    --trelvior-avatar-bg: #dbeafe;
    --trelvior-avatar-border: #bfdbfe;
}

.trelvior-avatar--purple {
    --trelvior-avatar-color: #7e22ce;
    --trelvior-avatar-bg: #f3e8ff;
    --trelvior-avatar-border: #e9d5ff;
}

.trelvior-avatar--amber {
    --trelvior-avatar-color: #b45309;
    --trelvior-avatar-bg: #fef3c7;
    --trelvior-avatar-border: #fde68a;
}

.trelvior-avatar--teal {
    --trelvior-avatar-color: #0f766e;
    --trelvior-avatar-bg: #ccfbf1;
    --trelvior-avatar-border: #99f6e4;
}

.trelvior-avatar--rose {
    --trelvior-avatar-color: #be123c;
    --trelvior-avatar-bg: #ffe4e6;
    --trelvior-avatar-border: #fecdd3;
}

.trelvior-avatar--indigo {
    --trelvior-avatar-color: #4338ca;
    --trelvior-avatar-bg: #e0e7ff;
    --trelvior-avatar-border: #c7d2fe;
}

.trelvior-avatar--cyan {
    --trelvior-avatar-color: #0e7490;
    --trelvior-avatar-bg: #cffafe;
    --trelvior-avatar-border: #a5f3fc;
}

.trelvior-avatar--orange {
    --trelvior-avatar-color: #c2410c;
    --trelvior-avatar-bg: #ffedd5;
    --trelvior-avatar-border: #fed7aa;
}

.trelvior-avatar--slate {
    --trelvior-avatar-color: #475569;
    --trelvior-avatar-bg: #f1f5f9;
    --trelvior-avatar-border: #cbd5e1;
}