/* Caotize Performance — Broken Image States */

/* Imagem permanentemente quebrada após todas as tentativas */
.czperf-broken {
    position:   relative;
    display:    inline-block;
    min-width:  48px;
    min-height: 48px;

    /* Esconde o ícone nativo de imagem quebrada do browser */
    color: transparent;

    /* Placeholder: ícone SVG roxo + fundo escuro do tema */
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b5cf6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpolyline points='21 15 16 10 5 21'/%3E%3C/svg%3E");
    background-repeat:   no-repeat;
    background-position: center;
    background-size:     40px 40px;
    background-color:    #1e1030;

    border:        1px solid rgba(139, 92, 246, 0.25);
    border-radius: 4px;
    opacity:       0.65;
}

/* Estado intermediário durante tentativas de retry */
.czperf-broken--retrying {
    opacity:   0.45;
    animation: czperf-pulse 1.4s ease-in-out infinite;
}

@keyframes czperf-pulse {
    0%,  100% { opacity: 0.45; }
    50%        { opacity: 0.75; }
}