/**
 * Cartão de aviso do canto (fd-action-toast.js): sucesso, erro, alerta e carregamento.
 * Saiu de chats-controls.css em 01/11/2026, na mesma ordem, para o FiveDesk Rápido (rapido.html)
 * usar o mesmo aviso do Chat sem carregar o CSS inteiro do Chat.
 */
/* ===== Cartão de aviso das tratativas (20/10/2026) =====
   Margem direita inferior, acima de tudo, na cor da ação. Sobe com mola, desce ao sair, e a
   barra de baixo conta o tempo — parada enquanto o mouse está em cima. */
.fd-action-toasts{
    position:fixed;right:1.25rem;bottom:1.25rem;z-index:2147483000;display:flex;flex-direction:column;align-items:flex-end;gap:0.625rem;
    pointer-events:none;max-width:calc(100vw - 2rem)
}
.fd-action-toast{
    position:relative;display:flex;align-items:flex-start;gap:0.75rem;box-sizing:border-box;width:21.25rem;max-width:100%;
    padding:0.875rem 2.5rem 1rem 0.875rem;overflow:hidden;pointer-events:auto;
    border:1px solid rgba(120,130,200,.18);border-radius:1.125rem;
    background:linear-gradient(170deg,rgba(255,255,255,.97),rgba(244,245,255,.95));
    backdrop-filter:blur(1.125rem) saturate(1.25);-webkit-backdrop-filter:blur(1.125rem) saturate(1.25);
    box-shadow:0 1px 0.125rem rgba(15,23,42,.06),0 1.5rem 3rem -1.125rem rgba(40,56,120,.5);
    color:#26282d;font:0.8125rem/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    animation:fd-toast-sobe .55s cubic-bezier(.34,1.56,.64,1) both
}
.fd-action-toast.is-leaving{animation:fd-toast-desce .32s cubic-bezier(.4,0,1,1) forwards}
.fd-action-toast-icon{
    flex:none;display:grid;place-items:center;width:2.375rem;height:2.375rem;border-radius:0.75rem;color:#fff;
    background:radial-gradient(circle at 100% 107%,var(--fd-toast-claro) 0%,var(--fd-toast-escuro) 100%);
    box-shadow:0 0.375rem 0.875rem -0.25rem var(--fd-toast-escuro)
}
.fd-action-toast-icon svg{width:1.25rem;height:1.25rem}
.fd-action-toast-body{min-width:0;padding-top:1px}
.fd-action-toast-body strong{display:block;font-size:0.875rem;font-weight:650;color:#0f172a}
.fd-action-toast-body p{margin:0.125rem 0 0;color:#64748b}
.fd-action-toast-close{
    position:absolute;top:0.625rem;right:0.625rem;display:grid;place-items:center;width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:50%;
    background:transparent;color:#94a3b8;font-size:1.125rem;line-height:1;cursor:pointer;transition:background .14s,color .14s
}
.fd-action-toast-close:hover{background:rgba(120,130,200,.16);color:#0f172a}
.fd-action-toast-bar{
    position:absolute;left:0;bottom:0;height:0.1875rem;width:100%;transform-origin:left center;
    background:linear-gradient(90deg,var(--fd-toast-claro),var(--fd-toast-escuro));animation:fd-toast-tempo linear forwards
}
.fd-action-toast.is-paused .fd-action-toast-bar{animation-play-state:paused}
@keyframes fd-toast-sobe{from{opacity:0;transform:translateY(110%) scale(.92)}to{opacity:1;transform:none}}
@keyframes fd-toast-desce{to{opacity:0;transform:translateY(40%) scale(.96)}}
@keyframes fd-toast-tempo{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media (prefers-reduced-motion:reduce){.fd-action-toast,.fd-action-toast.is-leaving{animation-duration:.01ms}}
@media (max-width:480px){.fd-action-toasts{right:1rem;left:1rem;bottom:1rem;align-items:stretch}.fd-action-toast{width:auto}}
:is(.fd-app-dark,.fd-portal-dark) .fd-action-toast{border-color:rgba(255,255,255,.12);background:linear-gradient(170deg,rgba(32,42,62,.96),rgba(24,32,50,.95));color:#e1e9fa}
:is(.fd-app-dark,.fd-portal-dark) .fd-action-toast-body strong{color:#f1f5ff}
:is(.fd-app-dark,.fd-portal-dark) .fd-action-toast-body p{color:#a9b4c4}
:is(.fd-app-dark,.fd-portal-dark) .fd-action-toast-close:hover{background:rgba(148,163,255,.16);color:#fff}
/* Aviso de erro (21/10/2026): mesmo cartão das tratativas, em vermelho claro, 5 s na tela. */
.fd-action-toast.is-erro{background:linear-gradient(170deg,rgba(255,241,242,.98),rgba(255,232,235,.96));border-color:rgba(220,38,38,.22)}
.fd-action-toast.is-erro .fd-action-toast-body strong{color:#9f1239}
.fd-action-toast.is-erro .fd-action-toast-body p{color:#be123c}
.fd-app-dark .fd-action-toast.is-erro{background:linear-gradient(170deg,rgba(60,18,26,.96),rgba(48,14,20,.95));border-color:rgba(255,120,140,.25)}
.fd-app-dark .fd-action-toast.is-erro .fd-action-toast-body strong{color:#ffd7dd}
.fd-app-dark .fd-action-toast.is-erro .fd-action-toast-body p{color:#ffb3bf}
/* Alerta amarelo (24/10/2026). */
.fd-action-toast.is-aviso{background:linear-gradient(170deg,rgba(255,251,230,.98),rgba(255,245,200,.96));border-color:rgba(202,138,4,.3)}
.fd-action-toast.is-aviso .fd-action-toast-body strong{color:#854d0e}
.fd-action-toast.is-aviso .fd-action-toast-body p{color:#a16207}
.fd-app-dark .fd-action-toast.is-aviso{background:linear-gradient(170deg,rgba(60,48,12,.96),rgba(48,38,10,.95));border-color:rgba(250,204,21,.28)}
.fd-app-dark .fd-action-toast.is-aviso .fd-action-toast-body strong{color:#fef3c7}
.fd-app-dark .fd-action-toast.is-aviso .fd-action-toast-body p{color:#fde68a}
/* Avisos do canto (24/10/2026): mais largos, ícone e texto no centro vertical do cartão, título e texto
   numa linha cada (reticências + texto inteiro no hover), entrada deslizando da direita com mola leve
   e saída deslizando de volta; a pilha se acomoda sem pular. */
.fd-action-toasts{gap:0.5rem}
.fd-action-toast{align-items:center;gap:0.75rem;width:25rem;min-height:3.75rem;padding:0.625rem 2.5rem 0.75rem 0.75rem;border-radius:1rem;animation:fd-toast-entra .5s cubic-bezier(.22,1.25,.36,1) both}
.fd-action-toast.is-leaving{animation:fd-toast-sai .34s cubic-bezier(.55,0,.75,.2) forwards}
.fd-action-toast-icon{width:2.25rem;height:2.25rem;border-radius:0.6875rem}
.fd-action-toast-icon svg{width:1.125rem;height:1.125rem}
.fd-action-toast-body{display:grid;gap:0.125rem;min-width:0;padding:0}
/* Texto inteiro nos avisos (25/10/2026): quebra linha em vez de cortar com reticências. */
.fd-action-toast-body :is(strong,p){white-space:normal;overflow-wrap:anywhere;line-height:1.3}
.fd-action-toast-body strong{font-size:0.84375rem}
.fd-action-toast-body p{margin:0;font-size:0.78125rem}
.fd-action-toast-close{top:50%;transform:translateY(-50%);width:1.625rem;height:1.625rem}
.fd-action-toast-bar{height:0.15625rem;opacity:.85}
@keyframes fd-toast-entra{0%{opacity:0;transform:translateX(1.5rem) scale(.96);filter:blur(2px)}60%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none}}
@keyframes fd-toast-sai{to{opacity:0;transform:translateX(2rem) scale(.97);filter:blur(1px)}}
@media (prefers-reduced-motion:reduce){.fd-action-toast,.fd-action-toast.is-leaving{animation-duration:.01ms}}
/* 26/10/2026: aviso com carregamento — azul com a barra correndo; ao terminar passa aos poucos para verde. */
@property --fd-toast-claro{syntax:'<color>';inherits:true;initial-value:#5baaff}
@property --fd-toast-escuro{syntax:'<color>';inherits:true;initial-value:#0753b8}
.fd-action-toast{transition:--fd-toast-claro .7s ease,--fd-toast-escuro .7s ease}
.fd-action-toast.is-progresso .fd-action-toast-bar{transform:none;background:linear-gradient(90deg,transparent,var(--fd-toast-claro),var(--fd-toast-escuro),transparent) no-repeat;background-size:40% 100%;animation:fd-toast-carregando 1.1s ease-in-out infinite}
@keyframes fd-toast-carregando{from{background-position:-40% 0}to{background-position:140% 0}}
@media (prefers-reduced-motion:reduce){.fd-action-toast.is-progresso .fd-action-toast-bar{animation:none;background-size:100% 100%}}
.fd-action-toast.is-progresso .fd-action-toast-icon svg{animation:fd-toast-gira .9s linear infinite}
@keyframes fd-toast-gira{to{transform:rotate(360deg)}}