/* Urgência cobrada (29/10/2026): o contorno vermelho girando saiu do card inteiro e foi para a foto do
   analista que atende, no kanban do Chat e no drawer do Painel. Anel invisível no formato da foto, a 1 px
   dela; só o arco vermelho aparece, girando, enquanto a urgência está cobrada. Gira por transform num
   pseudo-elemento (compositor), como o contorno antigo: nada de background-position por quadro. */

.fd-kanban-item.has-urgency>.fd-urgency-contour{display:none}

.fd-kanban-item.has-urgency .fd-chat-ticket-analyst,
.fd-kanban-item.has-urgency .fd-client-ticket-analyst{position:relative;overflow:visible;isolation:isolate}
/* A foto do Chat era recortada pelo overflow do avatar; com o anel por fora, o recorte passa para a imagem. */
.fd-kanban-item.has-urgency .fd-chat-ticket-analyst img{border-radius:50%}

/* Arco: cauda transparente → vermelho → ponta quase branca. Máscara deixa só 2 px de anel, a 1 px da foto. */
.fd-kanban-item.has-urgency .fd-chat-ticket-analyst::before,
.fd-kanban-item.has-urgency .fd-client-ticket-analyst::before,
.fd-kanban-item.has-urgency .fd-chat-ticket-analyst::after,
.fd-kanban-item.has-urgency .fd-client-ticket-analyst::after{
    content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:2;
    background:conic-gradient(from 0deg,#ff1f3d00 0deg,#ff1f3d00 120deg,#ff1f3d55 200deg,#ff2d4a 300deg,#ff5a6e 345deg,#ffe3e7 357deg,#ff1f3d00 360deg);
    animation:fd-urgencia-anel-giro 1.4s cubic-bezier(.45,.05,.55,.95) infinite;will-change:transform
}
.fd-kanban-item.has-urgency .fd-chat-ticket-analyst::before,
.fd-kanban-item.has-urgency .fd-client-ticket-analyst::before{
    inset:-3px;
    -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));
    mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px))
}
/* Brilho: a mesma volta, mais larga e desfocada, por trás do arco. */
.fd-kanban-item.has-urgency .fd-chat-ticket-analyst::after,
.fd-kanban-item.has-urgency .fd-client-ticket-analyst::after{
    inset:-5px;z-index:1;opacity:.55;filter:blur(2px);
    -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));
    mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px))
}
@keyframes fd-urgencia-anel-giro{to{transform:rotate(1turn)}}

@media (prefers-reduced-motion:reduce){
    .fd-kanban-item.has-urgency .fd-chat-ticket-analyst::before,
    .fd-kanban-item.has-urgency .fd-client-ticket-analyst::before{animation:none;background:#ff2d4a}
    .fd-kanban-item.has-urgency .fd-chat-ticket-analyst::after,
    .fd-kanban-item.has-urgency .fd-client-ticket-analyst::after{display:none}
}