/* Drawer lateral do Painel v2 (27/10/2026). Movimento de referência: Vaul (Emil Kowalski) —
 * curva .32/.72/0/1, fundo escurecido e arrastar para fechar —, no vidro e no raio dos cards da v2. */
.fd-dd{--fd-dd-cor:98,158,233;--fd-dd-mola:cubic-bezier(.32,.72,0,1);--fd-dd-tinta:#26282d;--fd-dd-suave:rgb(38 40 45 / 62%);--fd-dd-linha:rgba(23,32,48,.08);position:absolute;inset:0;z-index:60;overflow:hidden;border-radius:var(--fd-dd-raio-pai,40px);pointer-events:none;font-family:Inter,"Segoe UI",sans-serif}
.fd-dd-fundo{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 100% 50%,rgba(var(--fd-dd-cor),.10),transparent 60%),rgba(17,24,39,.12);backdrop-filter:blur(1.25px) saturate(1.05);-webkit-backdrop-filter:blur(1.25px) saturate(1.05);opacity:0;transition:opacity .42s var(--fd-dd-mola)}
.fd-dd.is-aberto .fd-dd-fundo{opacity:1}
.fd-dd.is-fechando .fd-dd-fundo{opacity:0;transition-duration:.3s}

.fd-dd-painel{position:absolute;top:var(--fd-dd-topo,10px);right:10px;bottom:10px;display:flex;width:min(30rem,calc(100% - 20px));box-sizing:border-box;border-radius:22px var(--fd-dd-raio-externo,30px) var(--fd-dd-raio-externo,30px) 22px;overflow:hidden;pointer-events:auto;outline:none;isolation:isolate;color:var(--fd-dd-tinta);background:linear-gradient(135deg,#fff,#f7f7f8 42%,#eeeef1 78%,#e6e6ea);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 1px rgba(255,255,255,.9),0 30px 70px -18px rgba(15,23,42,.34),0 10px 24px -10px rgba(15,23,42,.16);transform:translate3d(calc(100% + 28px),0,0);transition:transform .52s var(--fd-dd-mola),width .48s var(--fd-dd-mola),top .48s var(--fd-dd-mola);will-change:transform}
.fd-dd-painel::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(90% 40% at 0 0,rgba(255,255,255,.85),transparent 70%),linear-gradient(160deg,rgba(255,255,255,.35),transparent 40%)}
.fd-dd.is-aberto .fd-dd-painel{transform:translate3d(0,0,0)}
.fd-dd.is-fechando .fd-dd-painel{transform:translate3d(calc(100% + 28px),0,0);transition-duration:.36s;transition-timing-function:cubic-bezier(.4,0,1,1)}
.fd-dd.is-lendo .fd-dd-painel{width:min(40rem,calc(100% - 20px))}
/* Abaixo da barra superior o canto deixa de acompanhar o card pai e fica com o raio interno. */
.fd-dd.is-abaixo-da-barra .fd-dd-painel{border-top-right-radius:22px}
.fd-dd.is-abaixo-da-barra :is(.fd-dd-cab,.fd-dd-leitura-cab){--fd-dd-livre-direita:1rem}
.fd-dd.is-arrastando .fd-dd-painel{transition:none;cursor:grabbing}
.fd-dd-alca{position:absolute;left:6px;top:50%;z-index:3;width:4px;height:42px;border-radius:4px;background:rgba(38,40,45,.16);transform:translateY(-50%);transition:background .2s,height .3s var(--fd-dd-mola);cursor:grab}
.fd-dd-painel:hover .fd-dd-alca{background:rgba(38,40,45,.28);height:54px}

.fd-dd-vistas{position:relative;flex:1 1 auto;min-width:0}
.fd-dd-vista{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0;transition:transform .48s var(--fd-dd-mola),opacity .32s ease}
.fd-dd-leitura{transform:translate3d(100%,0,0);opacity:0}
.fd-dd.is-lendo .fd-dd-lista{transform:translate3d(-18%,0,0);opacity:0}
.fd-dd.is-lendo .fd-dd-leitura{transform:none;opacity:1}
.fd-dd.is-trocando .fd-dd-cab>:not(.fd-dd-mancha),.fd-dd.is-trocando .fd-dd-cards{animation:fd-dd-cruza .42s var(--fd-dd-mola) both}

/* Cabeçalho: título da origem com a cor dela, viva atrás. */
.fd-dd-cab{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem;min-height:5.25rem;box-sizing:border-box;padding:1.125rem var(--fd-dd-livre-direita,4.25rem) .875rem 1.375rem;overflow:hidden;isolation:isolate;cursor:grab;touch-action:pan-y;user-select:none}
.fd-dd-cab::after{content:"";position:absolute;left:1.25rem;right:1.25rem;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--fd-dd-linha) 18%,var(--fd-dd-linha) 82%,transparent)}
.fd-dd-mancha{position:absolute;z-index:-1;left:-2.5rem;top:-3.5rem;width:13rem;height:9rem;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--fd-dd-cor),.55),rgba(var(--fd-dd-cor),0));filter:blur(14px);animation:fd-dd-deriva 9s ease-in-out infinite alternate;pointer-events:none}
.fd-dd-mancha-2{left:auto;right:18%;top:-2.75rem;width:10rem;height:7rem;opacity:.65;animation-duration:12.5s;animation-direction:alternate-reverse}
.fd-dd-avatar{position:relative;flex:none;display:grid;place-items:center;width:2.875rem;height:2.875rem;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#9db0c6,#7d93ad);color:#fff;font:600 .875rem/1 Inter,"Segoe UI",sans-serif;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(var(--fd-dd-cor),.55),0 6px 14px -6px rgba(15,23,42,.35)}
.fd-dd-avatar[hidden],.fd-dd-sub[hidden],.fd-dd-contador[hidden]{display:none}
.fd-dd-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.fd-dd-textos{flex:1 1 auto;min-width:0}
.fd-dd-titulo{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fd-dd-tinta);font:400 2.125rem/1 'FD Glow Bebas Neue',sans-serif;letter-spacing:.01em}
.fd-dd-sub{margin:.3125rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fd-dd-suave);font:500 .75rem/1.2 Inter,"Segoe UI",sans-serif}
.fd-dd-contador{flex:none;min-width:2.25rem;height:2.25rem;box-sizing:border-box;display:grid;place-items:center;padding:0 .625rem;border-radius:999px;background:rgba(var(--fd-dd-cor),.14);color:rgb(var(--fd-dd-cor));font:400 1.375rem/1 'FD Glow Bebas Neue',sans-serif;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px rgba(var(--fd-dd-cor),.22);animation:fd-dd-pulo .5s var(--fd-dd-mola)}
.fd-dd-contador:empty{display:none}
.fd-dd-fechar,.fd-dd-voltar{flex:none;display:grid;place-items:center;width:2.125rem;height:2.125rem;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.7);color:#3a3d44;box-shadow:inset 0 1px 0 #fff,0 1px 3px rgba(15,23,42,.12);cursor:pointer;transition:transform .25s var(--fd-dd-mola),background .2s,color .2s}
.fd-dd-fechar svg,.fd-dd-voltar svg{width:1rem;height:1rem}
.fd-dd-fechar:hover,.fd-dd-voltar:hover{background:#26282d;color:#fff;transform:scale(1.06)}
.fd-dd-fechar:active,.fd-dd-voltar:active{transform:scale(.9)}

/* Lista */
.fd-dd-rolagem{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:5px 0 10px;padding:calc(.75rem - 5px) .875rem calc(1rem - 10px) 1.125rem;scrollbar-width:thin;scrollbar-color:rgb(var(--fd-dd-cor)) transparent}
.fd-dd-cards{display:flex;flex-direction:column;gap:.5rem}
.fd-dd-sentinela{height:1px}
.fd-dd-vazio{display:grid;place-items:center;min-height:9rem;padding:1.5rem;color:var(--fd-dd-suave);font:500 .8125rem/1.4 Inter,"Segoe UI",sans-serif;text-align:center}
.fd-dd-vazio[hidden]{display:none}
.fd-dd-esqueleto{height:5.25rem;flex:none;border-radius:.75rem;background:linear-gradient(100deg,rgba(23,32,48,.045) 30%,rgba(23,32,48,.09) 45%,rgba(23,32,48,.045) 60%);background-size:300% 100%;animation:fd-dd-brilho 1.3s ease-in-out infinite}
.fd-dd-esqueleto:nth-child(2){animation-delay:.08s}.fd-dd-esqueleto:nth-child(3){animation-delay:.16s}.fd-dd-esqueleto:nth-child(4){animation-delay:.24s}

/* O card é o do kanban do Chat; aqui ele ganha altura natural, vidro e movimento. */
.fd-dd-cards>.fd-kanban-item{flex:0 0 auto;height:auto;min-height:5.25rem;padding:.625rem .75rem .875rem;border-radius:.75rem;overflow:visible;background:rgba(255,255,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.05);cursor:pointer;transition:transform .32s var(--fd-dd-mola),box-shadow .32s var(--fd-dd-mola),background .2s;animation:fd-dd-entra .55s var(--fd-dd-mola) both;animation-delay:var(--fd-dd-atraso,0ms)}
.fd-dd-cards>.fd-kanban-item:hover{transform:translate3d(-2px,-1px,0);background:#fff;box-shadow:inset 0 1px 0 #fff,0 10px 24px -12px rgba(15,23,42,.28),0 2px 6px -2px rgba(15,23,42,.08)}
.fd-dd-cards>.fd-kanban-item:active{transform:scale(.985)}
.fd-dd-cards>.fd-kanban-item[aria-pressed=true]{background:#fff;box-shadow:inset 0 0 0 1.5px rgba(var(--fd-dd-cor),.75),0 10px 24px -14px rgba(var(--fd-dd-cor),.6)}
.fd-dd-cards>.fd-kanban-item:focus-visible{box-shadow:inset 0 0 0 2px rgba(var(--fd-dd-cor),.9)}
.fd-dd-cards>.fd-kanban-item .fd-kanban-sla{bottom:.3125rem}

/* Indicadores: kanban simplificado, do pior ao melhor — nome, tempo e ticket. */
.fd-dd-cards>.fd-kanban-item.is-simplificado{min-height:3.75rem;padding:.625rem .75rem .625rem 1rem}
.fd-kanban-item.is-simplificado .fd-kanban-preview,.fd-kanban-item.is-simplificado .fd-kanban-tags>.fd-kanban-tag:not(.fd-kanban-tag-ticket),.fd-kanban-item.is-simplificado>.fd-kanban-sla{display:none}
.fd-kanban-item.is-simplificado .fd-kanban-photo{grid-row:1 / span 2}
.fd-kanban-item.is-simplificado .fd-kanban-tags{grid-column:2 / -1;grid-row:2;margin-top:.125rem}
.fd-kanban-item.is-simplificado .fd-kanban-tag-ticket{text-align:left;background:transparent;padding-left:0}
.fd-kanban-item.is-simplificado::before{content:"";position:absolute;left:.375rem;top:.75rem;bottom:.75rem;width:3px;border-radius:3px;background:var(--fd-dd-faixa,#cbd5e1)}
.fd-kanban-item.is-simplificado[data-faixa=vermelha]{--fd-dd-faixa:#ef4444}
.fd-kanban-item.is-simplificado[data-faixa=amarela]{--fd-dd-faixa:#eab308}
.fd-kanban-item.is-simplificado[data-faixa=verde]{--fd-dd-faixa:#22c55e}
.fd-dd-selo{grid-column:3;grid-row:1;justify-self:end;padding:.1875rem .5rem;border-radius:999px;font:700 .6875rem/1.2 Inter,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;background:rgba(100,116,139,.12);color:#475569}
.fd-dd-selo[data-faixa=vermelha]{background:rgba(239,68,68,.13);color:#c12a2a;animation:fd-dd-alerta 2.4s ease-in-out infinite}
.fd-dd-selo[data-faixa=amarela]{background:rgba(234,179,8,.17);color:#8a6a05}
.fd-dd-selo[data-faixa=verde]{background:rgba(34,197,94,.14);color:#15803d}

/* Máquinas do analista */
.fd-dd-maquina{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:.625rem;row-gap:.1875rem;align-items:center;padding:.75rem .875rem;border-radius:.75rem;background:rgba(255,255,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.05);animation:fd-dd-entra .55s var(--fd-dd-mola) both;animation-delay:var(--fd-dd-atraso,0ms)}
.fd-dd-maquina-icone{grid-row:1 / span 3;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.75rem;color:#fff;background:radial-gradient(circle at 100% 107%,#ddd0ff 0%,#b79bff 30%,#8b5cf6 60%,#5b34c4 100%);box-shadow:0 6px 14px -6px rgba(91,52,196,.55)}
.fd-dd-maquina-icone svg{width:1.25rem;height:1.25rem}
.fd-dd-maquina-nome{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 .8125rem/1.2 Inter,"Segoe UI",sans-serif}
.fd-dd-maquina-tempo{justify-self:end;font:700 .75rem/1 Inter,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;color:#6d3fd8}
.fd-dd-maquina-solicitante{grid-column:2 / -1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fd-dd-suave);font:500 .75rem/1.2 Inter,"Segoe UI",sans-serif}
.fd-dd-maquina-conexao{grid-column:2;justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.1875rem .5rem;border-radius:.625rem;background:rgba(23,59,87,.06);font:500 .6875rem/1.2 Inter,"Segoe UI",sans-serif}
.fd-dd-maquina-estado{grid-column:3;justify-self:end;display:flex;align-items:center;gap:.3125rem;color:#15803d;font:600 .6875rem/1 Inter,"Segoe UI",sans-serif}
.fd-dd-maquina-estado::before{content:"";width:.4375rem;height:.4375rem;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:fd-dd-ao-vivo 1.8s ease-out infinite}
.fd-dd-maquina-estado[data-estado=RECONECTANDO]{color:#b7791f}

/* Leitura da conversa */
.fd-dd-leitura-cab{display:flex;align-items:center;gap:.625rem;padding:.875rem var(--fd-dd-livre-direita,4.25rem) .625rem 1.125rem;user-select:none}
.fd-dd-leitura-foto{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;background:#8aa0b8;color:#fff;font:600 .75rem/1 Inter,"Segoe UI",sans-serif}
.fd-dd-leitura-foto img{width:100%;height:100%;object-fit:cover}
.fd-dd-leitura-textos{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.1875rem}
.fd-dd-leitura-nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 .875rem/1.2 Inter,"Segoe UI",sans-serif}
.fd-dd-leitura-linha{display:flex;align-items:center;gap:.375rem;min-width:0;overflow:hidden;white-space:nowrap;color:var(--fd-dd-suave);font:500 .6875rem/1.2 Inter,"Segoe UI",sans-serif}
.fd-dd-leitura-linha>span:not(.fd-dd-leitura-sep){overflow:hidden;text-overflow:ellipsis}
.fd-dd-leitura-tk{color:#2f7fd8;font-weight:700;font-variant-numeric:tabular-nums}
.fd-dd-leitura-sep{opacity:.5}

/* Etiqueta reduzida do Chat: três ações com os ícones e cores do dock. */
.fd-dd-acoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;margin:0 .875rem .5rem 1.125rem;padding:.3125rem;border-radius:1rem;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.45));box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.6),0 6px 16px -10px rgba(15,23,42,.3)}
.fd-dd-acao{display:flex;align-items:center;justify-content:center;gap:.4375rem;min-width:0;height:2.375rem;padding:0 .5rem;border:0;border-radius:.75rem;background:transparent;color:var(--fd-dd-tinta);font:600 .71875rem/1 Inter,"Segoe UI",sans-serif;cursor:pointer;transition:background .2s,transform .25s var(--fd-dd-mola)}
.fd-dd-acao:hover:not(:disabled){background:rgba(255,255,255,.85)}
.fd-dd-acao:active:not(:disabled){transform:scale(.95)}
.fd-dd-acao:disabled{opacity:.42;cursor:not-allowed}
.fd-dd-acao-face{--fd-fill-light:#ffcf9b;--fd-fill-soft:#ffb46d;--fd-fill-mid:#ff8b29;--fd-fill-dark:#ca5c0b;position:relative;flex:none;width:1.625rem;height:1.625rem;border-radius:.5rem;background:radial-gradient(circle at 100% 107%,var(--fd-fill-light) 0%,var(--fd-fill-soft) 30%,var(--fd-fill-mid) 60%,var(--fd-fill-dark) 100%);box-shadow:0 4px 10px -4px rgba(15,23,42,.45);transition:transform .35s var(--fd-dd-mola)}
.fd-dd-acao-face svg{position:absolute;inset:22%;width:56%;height:56%;color:#fff}
.fd-dd-acao:hover:not(:disabled) .fd-dd-acao-face{transform:translateY(-2px) scale(1.08) rotate(-3deg)}
.fd-dd-acao[data-action=comentar] .fd-dd-acao-face{--fd-fill-light:#ead5ff;--fd-fill-soft:#d5adff;--fd-fill-mid:#b77aee;--fd-fill-dark:#8347b8}
.fd-dd-acao[data-action=urgencia] .fd-dd-acao-face{--fd-fill-light:#ffc2c2;--fd-fill-soft:#ff8f8f;--fd-fill-mid:#ef4444;--fd-fill-dark:#b91c1c}
.fd-dd-acao-rotulo{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.fd-dd-mensagens.fd-v2-messages{position:relative;inset:auto;z-index:auto;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:.375rem;margin:0 .5rem;padding:.75rem .625rem 1rem;border-radius:1rem;background:linear-gradient(180deg,rgba(236,239,255,.55),rgba(229,233,252,.35));box-shadow:inset 0 1px 0 rgba(255,255,255,.7);scrollbar-width:thin;scrollbar-color:rgba(38,40,45,.18) transparent}
.fd-dd-mensagens .fd-v2-send-failed-hint{display:none}
.fd-dd-mensagens .fd-v2-message-row{animation:fd-dd-bolha .35s var(--fd-dd-mola) both}
.fd-dd-leitura-vazia{margin:auto;color:var(--fd-dd-suave);font:500 .8125rem/1.4 Inter,"Segoe UI",sans-serif;text-align:center}
.fd-dd-bolha-esqueleto{flex:none;align-self:flex-start;width:58%;height:2.75rem;border-radius:1.125rem;background:linear-gradient(100deg,rgba(23,32,48,.05) 30%,rgba(23,32,48,.1) 45%,rgba(23,32,48,.05) 60%);background-size:300% 100%;animation:fd-dd-brilho 1.3s ease-in-out infinite}
.fd-dd-bolha-esqueleto.is-direita{align-self:flex-end;width:44%}
.fd-dd-bolha-esqueleto:nth-child(3){width:38%;height:4rem}

.fd-dd-leitura-rodape{padding:.625rem .875rem .875rem 1.125rem}
.fd-dd-visitar{position:relative;display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;height:2.875rem;padding:0 1rem;border:0;border-radius:999px;overflow:hidden;isolation:isolate;color:#fff;font:600 .8125rem/1 Inter,"Segoe UI",sans-serif;background:linear-gradient(135deg,#7fb3f0,#629ee9 45%,#3f80d6);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 22px -10px rgba(98,158,233,.85);cursor:pointer;transition:transform .3s var(--fd-dd-mola),box-shadow .3s var(--fd-dd-mola)}
.fd-dd-visitar::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.38) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--fd-dd-mola)}
.fd-dd-visitar:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 14px 28px -12px rgba(98,158,233,.95)}
.fd-dd-visitar:hover::before{transform:translateX(120%)}
.fd-dd-visitar:active{transform:scale(.98)}
.fd-dd-visitar-seta{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:rgba(255,255,255,.22);transition:transform .35s var(--fd-dd-mola)}
.fd-dd-visitar-seta svg{width:.875rem;height:.875rem}
.fd-dd-visitar:hover .fd-dd-visitar-seta{transform:translateX(3px)}
.fd-dd-visitar.is-indo .fd-dd-visitar-seta{animation:fd-dd-girar .8s linear infinite}

/* Gatilhos no Painel: o card avisa que abre algo. */
.fd-dashboard-stage .fd-glow-card[role=button],.fd-dashboard-stage .fd-dashboard-liquid-card[data-indicador],.fd-dashboard-stage .fd-operator-tile[data-drawer]{cursor:pointer;outline:none}
.fd-dashboard-stage .fd-dashboard-liquid-card[data-indicador]{transition:transform .3s cubic-bezier(.32,.72,0,1),box-shadow .3s}
.fd-dashboard-stage .fd-dashboard-liquid-card[data-indicador]:hover{transform:translateY(-2px)}
.fd-dashboard-stage .fd-dashboard-liquid-card[data-indicador]:active,.fd-dashboard-stage .fd-glow-card[role=button]:active{transform:scale(.97)}
.fd-dashboard-stage .fd-operator-tile[data-drawer]{transition:transform .25s cubic-bezier(.32,.72,0,1),filter .2s}
.fd-dashboard-stage .fd-operator-tile[data-drawer]:hover{transform:translateY(-1px);filter:brightness(1.04) saturate(1.1)}
.fd-dashboard-stage .fd-operator-tile[data-drawer]:active{transform:scale(.95)}
.fd-dashboard-stage :is(.fd-glow-card[role=button],.fd-dashboard-liquid-card[data-indicador],.fd-operator-tile[data-drawer]):focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(98,158,233,.85)}

/* Tema escuro */
.fd-app-dark .fd-dd{--fd-dd-tinta:#edf1f7;--fd-dd-suave:rgb(237 241 247 / 60%);--fd-dd-linha:rgba(255,255,255,.08)}
.fd-app-dark .fd-dd-fundo{background:radial-gradient(120% 90% at 100% 50%,rgba(var(--fd-dd-cor),.12),transparent 60%),rgba(0,0,0,.32)}
.fd-app-dark .fd-dd-painel{background:linear-gradient(135deg,#3b3b3b,#333334 42%,#262628 78%,#1c1c21);border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 1px rgba(255,255,255,.1),0 30px 70px -18px rgba(0,0,0,.6),0 10px 24px -10px rgba(0,0,0,.4)}
.fd-app-dark .fd-dd-painel::before{background:radial-gradient(90% 40% at 0 0,rgba(255,255,255,.08),transparent 70%)}
.fd-app-dark .fd-dd-alca{background:rgba(255,255,255,.18)}
.fd-app-dark .fd-dd-avatar{box-shadow:0 0 0 2px #2d2d30,0 0 0 4px rgba(var(--fd-dd-cor),.6)}
.fd-app-dark .fd-dd-contador{color:rgb(var(--fd-dd-cor));background:rgba(var(--fd-dd-cor),.18)}
.fd-app-dark :is(.fd-dd-fechar,.fd-dd-voltar){background:rgba(255,255,255,.08);color:#e8e8e8;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.fd-app-dark :is(.fd-dd-fechar,.fd-dd-voltar):hover{background:#f2f2f2;color:#1c1c1f}

.fd-app-dark .fd-dd-cards>.fd-kanban-item,.fd-app-dark .fd-dd-maquina{background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.fd-app-dark .fd-dd-cards>.fd-kanban-item:hover,.fd-app-dark .fd-dd-cards>.fd-kanban-item[aria-pressed=true]{background:rgba(255,255,255,.09)}
.fd-app-dark .fd-dd-cards>.fd-kanban-item[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px rgba(var(--fd-dd-cor),.8)}
.fd-app-dark .fd-dd-esqueleto,.fd-app-dark .fd-dd-bolha-esqueleto{background-image:linear-gradient(100deg,rgba(255,255,255,.04) 30%,rgba(255,255,255,.09) 45%,rgba(255,255,255,.04) 60%)}
.fd-app-dark .fd-dd-selo{background:rgba(148,163,184,.16);color:#cbd5e1}
.fd-app-dark .fd-dd-selo[data-faixa=vermelha]{background:rgba(239,68,68,.2);color:#fca5a5}
.fd-app-dark .fd-dd-selo[data-faixa=amarela]{background:rgba(234,179,8,.2);color:#fde047}
.fd-app-dark .fd-dd-selo[data-faixa=verde]{background:rgba(34,197,94,.18);color:#86efac}
.fd-app-dark .fd-dd-maquina-tempo{color:#c4b5fd}
.fd-app-dark .fd-dd-maquina-conexao{background:rgba(255,255,255,.08)}
.fd-app-dark .fd-dd-maquina-estado{color:#86efac}
.fd-app-dark .fd-dd-leitura-tk{color:#629ee9}
.fd-app-dark .fd-dd-acoes{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 16px -10px rgba(0,0,0,.6)}
.fd-app-dark .fd-dd-acao:hover:not(:disabled){background:rgba(255,255,255,.08)}
.fd-app-dark .fd-dd-mensagens.fd-v2-messages{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}

@keyframes fd-dd-entra{from{opacity:0;transform:translate3d(18px,6px,0) scale(.98)}to{opacity:1;transform:none}}
@keyframes fd-dd-bolha{from{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}
@keyframes fd-dd-cruza{from{opacity:0;transform:translate3d(10px,0,0)}to{opacity:1;transform:none}}
@keyframes fd-dd-deriva{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(3.5rem,1.25rem,0) scale(1.12)}100%{transform:translate3d(7rem,-.5rem,0) scale(.94)}}
@keyframes fd-dd-pulo{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}
@keyframes fd-dd-brilho{0%{background-position:100% 0}100%{background-position:0 0}}
@keyframes fd-dd-alerta{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}50%{box-shadow:0 0 0 4px rgba(239,68,68,.12)}}
@keyframes fd-dd-ao-vivo{0%{box-shadow:0 0 0 0 currentColor}100%{box-shadow:0 0 0 6px transparent}}
@keyframes fd-dd-girar{to{transform:rotate(360deg)}}

/* Vistas na largura final de cada modo: a expansão do painel não reflui a lista nem o histórico (28/10/2026). */
@media (min-width:641px){
    .fd-dd-lista{right:auto;width:var(--fd-dd-largura-lista,100%)}
    .fd-dd-leitura{left:auto;width:var(--fd-dd-largura-leitura,100%)}
}

@media (max-width:640px){
    .fd-dd-painel,.fd-dd.is-lendo .fd-dd-painel{top:auto;left:8px;right:8px;bottom:8px;width:auto;height:min(86%,40rem);border-radius:22px}
    .fd-dd-painel{transform:translate3d(0,calc(100% + 24px),0)}
    .fd-dd.is-fechando .fd-dd-painel{transform:translate3d(0,calc(100% + 24px),0)}
    .fd-dd-acao-rotulo{display:none}
}
@media (prefers-reduced-motion:reduce){
    .fd-dd *,.fd-dd-painel,.fd-dd-fundo{animation:none!important;transition-duration:.01ms!important}
}

/* Filas do card 1: cabeçalho Premium Glow da origem e cinco cards completos. */
.fd-dd-glow{display:none}
.fd-dd[data-premium=true] .fd-dd-glow{display:block;position:absolute;inset:0;z-index:-1;--color:var(--fd-dd-cor);--bg-opacity:.5;--stroke-glow-size:350px;--stroke-glow-strength:.9}
.fd-dd[data-premium=true] .fd-dd-glow>div,.fd-dd[data-premium=true] .fd-dd-glow .fd-glow-hover-border,.fd-dd[data-premium=true] .fd-dd-glow .fd-glow-hover-fill{border-radius:0}
.fd-dd[data-premium=true] .fd-dd-cab{--fd-dd-tinta:#fff;--fd-dd-suave:#ffffffbf;--fd-dd-linha:#ffffff26;background:linear-gradient(135deg,#fff,#f6f6f7,#e9e9eb,#dedee2);transition:filter .5s ease}
.fd-app-dark .fd-dd[data-premium=true] .fd-dd-cab{background:linear-gradient(135deg,#3b3b3b,#333334,#262628,#17171c)}
.fd-dd[data-premium=true] .fd-dd-cab:hover{filter:saturate(1.2) brightness(1.26)}
.fd-dd[data-premium=true] .fd-dd-cab:hover .fd-glow-hover-layer{opacity:1}
.fd-dd[data-premium=true] .fd-dd-mancha{display:none}
.fd-dd[data-premium=true] .fd-dd-contador{color:#fff;background:#ffffff18;box-shadow:inset 0 0 0 1px #ffffff38}
.fd-dd[data-premium=true] .fd-glow-card-blob{animation:fd-dd-glow-1 12s ease-in-out infinite alternate}
.fd-dd[data-premium=true] .fd-glow-card-blob2{animation:fd-dd-glow-2 15s ease-in-out infinite alternate}
.fd-dd[data-premium=true] .fd-dd-cards>.fd-kanban-item{height:var(--fd-dd-card-altura);min-height:0;box-sizing:border-box;align-content:space-between}
.fd-dd-cards .fd-kanban-photo{position:relative;overflow:visible}
.fd-dd-cards .fd-kanban-photo img{border-radius:50%}
.fd-dd-cards .fd-kanban-photo>.fd-group-unread{position:absolute;top:-.375rem;left:-.375rem;right:auto;bottom:auto;z-index:40;box-sizing:border-box;width:1.25rem;min-width:1.25rem;height:1.25rem;padding:0;border-radius:50%;margin:0;background:#ef4444;color:#fff;font:700 .5625rem/1.25rem Inter,'Segoe UI',sans-serif;text-align:center;pointer-events:none}
@keyframes fd-dd-glow-1{from{transform:translate(-10%,-10%)}to{transform:translate(45%,35%)}}
@keyframes fd-dd-glow-2{from{transform:translate(65%,45%)}to{transform:translate(10%,-5%)}}
@media(prefers-reduced-motion:reduce){.fd-dd[data-premium=true] .fd-dd-glow>div{animation:none}}

/* Lista detalhada exclusiva do drawer: etiquetas em duas linhas, grade de 5 px. */
.fd-dd[data-premium=true] .fd-dd-painel:hover .fd-dd-cab{filter:saturate(1.2) brightness(1.26)}
.fd-dd[data-premium=true] .fd-dd-painel:hover .fd-glow-hover-layer{opacity:1}
.fd-dd-cards>.fd-kanban-item.fd-dd-card-detalhado{padding:10px 5px 15px;grid-template-columns:36px minmax(0,1fr) auto;grid-template-rows:18px minmax(0,1fr) 53px;gap:5px;align-content:stretch;align-items:start;overflow:visible}
.fd-dd-card-detalhado .fd-kanban-photo{margin-left:5px;grid-row:1 / 3;grid-column:1}
.fd-dd-card-detalhado .fd-kanban-name{grid-column:2;grid-row:1;align-self:center}
.fd-dd-card-detalhado .fd-kanban-time{grid-column:3;grid-row:1;align-self:center}
.fd-dd-card-detalhado .fd-kanban-ticket{display:none}
.fd-dd-card-detalhado .fd-kanban-preview{grid-column:2 / -1;grid-row:2;white-space:pre-wrap;overflow-wrap:anywhere;overflow:hidden;line-height:1.35;align-self:stretch;display:block}
.fd-dd-card-detalhado .fd-kanban-tags{grid-column:1 / -1;grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:24px 24px;gap:5px;margin:0;align-self:end}
.fd-dd-etiqueta{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;height:24px;padding:0 5px;border-radius:6px;background:#ffffff80;box-shadow:inset 0 1px 0 #ffffffb3;font:500 11px/1.2 Inter,'Segoe UI',sans-serif;color:inherit;box-sizing:border-box}
.fd-dd-etiqueta-icone{flex:none;display:flex;width:13px;height:13px}
.fd-dd-etiqueta-icone svg{width:100%;height:100%}
.fd-dd-etiqueta-texto{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fd-dd-etiqueta-ticket{color:#2f7fd8;font-weight:700}
.fd-dd-cards>.fd-dd-card-detalhado .fd-kanban-sla{left:5px;right:5px;bottom:5px;height:5px}
.fd-app-dark .fd-dd-etiqueta{background:#ffffff12;box-shadow:inset 0 1px 0 #ffffff20}

/* Mesma scrollbar do card Equipe: 4 px, trilho transparente, sem setas e na borda direita. */
@supports selector(::-webkit-scrollbar){.fd-dd-rolagem{scrollbar-width:auto;scrollbar-color:auto}}
html .fd-dd-rolagem::-webkit-scrollbar{width:4px;height:4px;background:transparent}
.fd-dd-rolagem::-webkit-scrollbar-track{background:transparent}
html .fd-dd-rolagem::-webkit-scrollbar-thumb{background:rgb(var(--fd-dd-cor));border:0;border-radius:20px}
html .fd-dd-rolagem::-webkit-scrollbar-button,html .fd-dd-rolagem::-webkit-scrollbar-button:single-button{display:none!important;width:0!important;height:0!important;background:none!important}
/* Refinamento dos drawers: alinhamento, leitura nítida e origem preservada. */
.fd-dd-title-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0}
.fd-dd-title-row .fd-dd-titulo{flex:0 1 auto}
.fd-dd-title-row .fd-dd-contador{min-width:1.875rem;height:1.875rem;padding:0 8px;font-size:1.25rem}
.fd-dd-cards>.fd-dd-card-detalhado .fd-kanban-photo{margin:0;width:36px;height:36px}
.fd-dd-card-detalhado .fd-kanban-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;height:auto;min-height:0;max-height:2.7em;white-space:normal;align-self:start}
.fd-dd-cards>.fd-dd-card-detalhado .fd-kanban-sla{position:absolute;left:5px;right:5px;width:auto;max-width:none;box-sizing:border-box;margin:0;transform:none}
.fd-dd-leitura-cab{position:relative;isolation:isolate;overflow:hidden;flex:none;color:#fff;background:linear-gradient(135deg,#fff,#f6f6f7,#e9e9eb,#dedee2);border-bottom:1px solid #ffffff26}
.fd-app-dark .fd-dd-leitura-cab{background:linear-gradient(135deg,#3b3b3b,#333334,#262628,#17171c)}
.fd-dd .fd-dd-leitura-cab .fd-dd-glow{display:block;position:absolute;inset:0;z-index:-1;--color:var(--fd-dd-cor);--bg-opacity:.5;--stroke-glow-size:350px;--stroke-glow-strength:.9}
.fd-dd-leitura-cab .fd-dd-glow :is(div,.fd-glow-hover-border,.fd-glow-hover-fill){border-radius:0}
.fd-dd-leitura-cab .fd-dd-leitura-nome,.fd-dd-leitura-cab .fd-dd-leitura-tk{color:#fff}
.fd-dd-leitura-cab .fd-dd-leitura-linha{color:#ffffffc9}
.fd-dd-leitura-cab .fd-glow-card-blob{animation:fd-dd-glow-1 12s ease-in-out infinite alternate}
.fd-dd-leitura-cab .fd-glow-card-blob2{animation:fd-dd-glow-2 15s ease-in-out infinite alternate}
.fd-dd.is-aberto:not(.is-arrastando):not(.is-fechando) .fd-dd-painel{transform:none;will-change:auto}
.fd-dd-vista{transition:transform .48s var(--fd-dd-mola),opacity .28s ease,visibility .48s;backface-visibility:visible}
.fd-dd-leitura{transform:translateX(36px);visibility:hidden;pointer-events:none}
.fd-dd.is-lendo .fd-dd-lista{transform:translateX(-24px);visibility:hidden;pointer-events:none}
.fd-dd.is-lendo .fd-dd-leitura{transform:none;visibility:visible;pointer-events:auto}
.fd-dd-mensagens,.fd-dd-mensagens .fd-v2-message-row,.fd-dd-mensagens .fd-v2-message-bubble{filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.fd-dd-mensagens .fd-v2-message-row{animation:none}
.fd-dd-cards>.fd-dd-indicator-card{--client-ticket-height:var(--fd-dd-card-altura,100px);--client-ink:var(--fd-dd-tinta);--client-border:var(--fd-dd-linha);color:var(--fd-dd-tinta)}
.fd-dd-indicator-card .fd-client-ticket-timing.is-overdue{color:#dc4545}
.fd-app-dark .fd-dd-indicator-card .fd-client-ticket-timing.is-overdue{color:#ff8c8c}
.fd-dashboard-glass-stack>.fd-dashboard-liquid-card[data-indicador]{background:linear-gradient(135deg,#82b3ee,#629ee9 48%,#3579ce);border-color:#ffffff60;box-shadow:inset 0 1px 0 #ffffff70,0 4px 12px #2462ac20}
.fd-dashboard-glass-stack>.fd-dashboard-liquid-card[data-indicador] :is(.fd-dashboard-sla-title,.fd-dashboard-sla-heading){color:#fff}
/* Números dos indicadores (28/10/2026): valor na fonte do título, à direita; legenda curta embaixo. */
.fd-dashboard-glass-stack>.fd-dashboard-liquid-card .fd-dashboard-indicador-valor{position:absolute;z-index:3;top:50%;right:12px;transform:translateY(-62%);color:#fff;font:400 30px/1 'FD Glow Bebas Neue',sans-serif;letter-spacing:.01em;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}
.fd-dashboard-glass-stack>.fd-dashboard-liquid-card .fd-dashboard-indicador-legenda{position:absolute;z-index:3;right:12px;bottom:7px;max-width:calc(100% - 70px);overflow:hidden;color:rgba(255,255,255,.86);font:500 10px/1.2 Inter,'Segoe UI',sans-serif;white-space:nowrap;text-overflow:ellipsis;text-align:right;pointer-events:none}
.fd-dashboard-glass-stack>.fd-dashboard-liquid-card .fd-dashboard-indicador-valor:empty,.fd-dashboard-glass-stack>.fd-dashboard-liquid-card .fd-dashboard-indicador-legenda:empty{display:none}
@media(prefers-reduced-motion:reduce){.fd-dd-leitura-cab .fd-dd-glow>div{animation:none}}

.fd-dd-card-detalhado .fd-kanban-preview:not(:has(svg))>span{display:inline;white-space:normal;line-height:inherit}

/* A origem colore todo o card pai da leitura, incluindo as margens dos cards internos. */
.fd-dd-leitura{isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#fff,#f6f6f7,#e9e9eb,#dedee2)}
.fd-app-dark .fd-dd-leitura{background:linear-gradient(135deg,#3b3b3b,#333334,#262628,#17171c)}
.fd-dd .fd-dd-leitura-cab{position:static;isolation:auto;overflow:visible;background:transparent}
.fd-dd .fd-dd-leitura-cab .fd-dd-glow{pointer-events:none}

/* Os cards internos conservam seu vidro neutro sobre o fundo da fila. */
.fd-dd-mensagens.fd-v2-messages{background:linear-gradient(180deg,#f1f3ff,#e9ecf8)}
.fd-dd-acoes{background:linear-gradient(180deg,#fdfdfe,#f9f9fa)}
.fd-app-dark .fd-dd-mensagens.fd-v2-messages{background:linear-gradient(180deg,#3d3d3e,#29292c)}
.fd-app-dark .fd-dd-acoes{background:linear-gradient(180deg,#484849,#38383b)}
/* Foto do responsável no topo; mensagem em toda a largura; duas etiquetas na base. */
.fd-dd-cards>.fd-kanban-item.fd-dd-card-conversa{grid-template-columns:36px minmax(0,1fr) 24px;grid-template-rows:18px 16px minmax(0,1fr) 25.2px;gap:5px;padding:10px 5px 15px}
.fd-dd-card-conversa .fd-kanban-photo{grid-column:1;grid-row:1 / 3}
.fd-dd-card-conversa .fd-kanban-name{grid-column:2;grid-row:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fd-dd-card-conversa .fd-dd-contratante{grid-column:2;grid-row:2;margin:0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;line-height:16px}
.fd-dd-card-conversa>.fd-client-ticket-analyst{grid-column:3;grid-row:1 / 3;align-self:start;justify-self:end;display:flex;width:24px;height:24px}
.fd-dd-card-conversa>.fd-client-ticket-analyst[hidden]{display:none}
.fd-dd-card-conversa .fd-client-analyst-avatar{width:24px;height:24px;font-size:8px}
.fd-dd-cards>.fd-dd-card-conversa .fd-kanban-preview{grid-column:1 / -1;grid-row:3;align-self:start}
.fd-dd-card-conversa .fd-kanban-tags{grid-column:1 / -1;grid-row:4;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);grid-template-rows:25.2px;gap:6px;height:25.2px}

/* Histórico: scrollbar semântica de 4 px no limite direito, revelada somente no hover. */
.fd-dd-mensagens.fd-scrollbar{--fd-scrollbar-color:rgb(var(--fd-dd-cor))}
.fd-dd-mensagens.fd-dd-scroll-dynamic{scrollbar-color:transparent transparent}
html .fd-dd-mensagens.fd-dd-scroll-dynamic::-webkit-scrollbar-thumb{background:transparent}
.fd-dd-scroll-thumb{position:absolute;z-index:5;width:4px;border-radius:20px;background:rgb(var(--fd-dd-cor));pointer-events:none;opacity:0;transform:scaleY(.25);transform-origin:center;transition:opacity .16s ease,transform .24s cubic-bezier(.22,1,.36,1)}
.fd-dd-scroll-thumb.is-visible{opacity:1;transform:scaleY(1)}
.fd-dd.is-lendo .fd-dd-alca{background:rgb(var(--fd-dd-cor))}
@media(prefers-reduced-motion:reduce){.fd-dd-scroll-thumb{transition:none}}

/* Respiro do card de atendimento: barra e etiquetas separadas por 10 px. */
.fd-dd-cards>.fd-kanban-item.fd-dd-card-conversa{padding:10px 10px 50.2px;grid-template-rows:18px 16px minmax(0,1fr);row-gap:5px;border:0;box-shadow:none}
.fd-dd-cards>.fd-kanban-item.fd-dd-card-conversa{background:#eeedea}
.fd-app-dark .fd-dd-cards>.fd-kanban-item.fd-dd-card-conversa{--client-ink:#edf1f7;background:#38383b;color:#edf1f7}
.fd-dd-cards>.fd-dd-card-conversa .fd-kanban-sla{grid-column:auto;grid-row:auto;bottom:10px;left:10px;right:10px;height:5px}
.fd-dd-cards>.fd-dd-card-conversa .fd-kanban-tags{position:absolute;grid-column:auto;grid-row:auto;left:10px;right:10px;bottom:25px;gap:10px;margin:0;width:auto;grid-template-rows:25.2px}
.fd-dd-card-conversa .fd-kanban-tags>:is(.fd-client-ticket-number,.fd-client-ticket-timing){border:0;box-shadow:none;background:#faf9f6}
.fd-app-dark .fd-dd-card-conversa .fd-kanban-tags>:is(.fd-client-ticket-number,.fd-client-ticket-timing){background:#47474b;color:#edf1f7}
.fd-dd-cards>.fd-dd-card-conversa .fd-kanban-preview{display:block;grid-column:1 / -1;grid-row:3;align-self:stretch;margin-top:5px;width:auto;min-width:0;height:auto;min-height:0;max-height:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;text-overflow:clip;-webkit-line-clamp:unset;line-clamp:unset;line-height:1.35}
.fd-dd-cards>.fd-dd-card-conversa .fd-kanban-preview>svg{display:inline-block;vertical-align:-2px;width:14px;height:14px;margin-right:4px}
.fd-dd-cards>.fd-dd-card-conversa .fd-kanban-preview>span{display:inline;white-space:pre-wrap;line-height:inherit;text-overflow:clip}

/* Contraste neutro dos textos do card no tema escuro. */
.fd-app-dark .fd-dd-card-conversa .fd-kanban-name{color:#f3f4f6}
.fd-app-dark .fd-dd-card-conversa .fd-kanban-preview{color:#cdd0d6}

/* Histórico sem divisória entre identificação e ações. */
.fd-dd .fd-dd-leitura-cab{border-bottom:0}

/* O drawer participa da mesma pilha da topbar, acima dela, sem elevar os cards do painel. */
.fd-dashboard-stage:has(>.fd-dd){z-index:auto}
.fd-dashboard-stage>.fd-dd{z-index:1201}

/* Contorno externo sem linha, nos dois modos e temas; sombra externa preservada. */
.fd-dd .fd-dd-painel{border:0;box-shadow:0 30px 70px -18px rgba(15,23,42,.34),0 10px 24px -10px rgba(15,23,42,.16)}
.fd-app-dark .fd-dd .fd-dd-painel{box-shadow:0 30px 70px -18px rgba(0,0,0,.6),0 10px 24px -10px rgba(0,0,0,.4)}

/* A topbar usa uma bolha própria, fora do controlador compartilhado. */
body:has(.fd-dd)>.fd-topbar-tooltip-overlay{display:none!important}

/* Indicadores: cards compactos, régua semântica, identificação e selo inferior. */
.fd-dd-cards>.fd-dd-indicator-card{--client-ticket-height:88px;--indicator-color:#94a3b8;grid-template-columns:30px minmax(0,1fr) 24px;grid-template-rows:minmax(0,1fr) 19px;column-gap:10px;row-gap:5px;padding:10px 10px 10px 15px;border:0;box-shadow:none;background:#eeedea;border-radius:12px}
.fd-app-dark .fd-dd-cards>.fd-dd-indicator-card{background:#ffffff0d}
.fd-dd-indicator-card::before{content:'';position:absolute;left:6px;top:10px;bottom:10px;width:3px;border-radius:4px;background:var(--indicator-color)}
.fd-dd-indicator-card[data-faixa=vermelha]{--indicator-color:#ef6464}
.fd-dd-indicator-card[data-faixa=amarela]{--indicator-color:#eab308}
.fd-dd-indicator-card[data-faixa=verde]{--indicator-color:#22c55e}
.fd-dd-indicator-card .fd-client-ticket-avatar{grid-row:1 / 3;align-self:start}
.fd-dd-indicator-card .fd-client-ticket-copy{gap:3px}
.fd-dd-indicator-card .fd-client-ticket-tags{grid-column:2 / -1;grid-template-columns:minmax(0,1fr) auto;gap:10px;height:19px;align-items:center}
.fd-dd-indicator-card .fd-client-ticket-number{justify-content:flex-start;border:0;background:none;box-shadow:none;padding:0;height:19px;font-size:10px;gap:3px;overflow:hidden}
.fd-dd-indicator-number{color:#629ee9}
.fd-dd-indicator-card .fd-client-ticket-timing{border:0;width:auto;height:19px;padding:0 7px;gap:0;border-radius:999px}
.fd-dd-indicator-card .fd-client-time-value{min-width:0;font-size:10px;font-weight:700}

/* Indicadores: nome e contratante no topo; identificação e tempo ancorados na base. */
.fd-dd-cards>.fd-dd-indicator-card{grid-template-rows:18px 16px minmax(19px,1fr);row-gap:3px;align-items:start}
.fd-dd-indicator-card>.fd-client-ticket-copy{grid-row:1 / 3;grid-column:2;gap:3px}
.fd-dd-indicator-card>.fd-client-ticket-analyst{grid-row:1 / 3;grid-column:3;align-self:start;justify-self:end}
.fd-dd-indicator-card>.fd-client-ticket-tags{grid-row:3;align-self:end}
.fd-dd-indicator-card .fd-client-ticket-timing{justify-self:end;align-self:end}
.fd-dd-indicator-card .fd-client-ticket-copy>.fd-v2-contratante-titulo{font-size:11px;line-height:16px}

/* Duas linhas reservadas para a última mensagem, no padrão 7 / 5 / 7 do Chat. */
.fd-dd .fd-dd-cards>.fd-kanban-item.fd-dd-card-conversa{height:auto;min-height:144.2px;grid-template-rows:18px 18px auto 25.2px;row-gap:0;padding:10px 10px 25px;align-content:start}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa .fd-kanban-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;grid-row:3;align-self:start;height:calc(2em + 10px);min-height:calc(2em + 10px);max-height:calc(2em + 10px);margin:7px -5px 7px 0;line-height:calc(1em + 5px);white-space:normal;overflow:hidden;text-overflow:clip}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa .fd-kanban-preview>span{white-space:normal;line-height:inherit}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa .fd-kanban-tags{position:static;grid-column:1 / -1;grid-row:4;align-self:start}

/* Mesma composição do atendimento do Chat, preservando a dimensão do card do drawer. */
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout{height:144.2px;min-height:144.2px;grid-template-columns:36px minmax(0,1fr) auto;grid-template-rows:18px 18px auto 22px;column-gap:10px;row-gap:0;padding:10px 10px 10px 12px;align-content:center;align-items:center;overflow:hidden;outline:1px solid #8997aa55;outline-offset:-1px;background:rgba(255,255,255,.62)}
.fd-app-dark .fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout{outline-color:#ffffff24;background:rgba(0,0,0,.34)}
.fd-dd-card-conversa.fd-chat-ticket-layout>.fd-kanban-photo{grid-column:1;grid-row:1 / 3;align-self:start;margin:0}
.fd-dd-card-conversa.fd-chat-ticket-layout>.fd-kanban-name{grid-column:2;grid-row:1}
.fd-dd-card-conversa.fd-chat-ticket-layout>.fd-chat-ticket-contractor{grid-column:2 / -1;grid-row:2;font-size:11px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:clip;min-width:0}
.fd-dd-card-conversa.fd-chat-ticket-layout>.fd-chat-ticket-last-time{grid-column:3;grid-row:1;justify-self:end;font-size:10px;line-height:18px;opacity:.7}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout .fd-kanban-tags{position:static;grid-column:1 / -1;grid-row:4;display:grid;grid-template-columns:minmax(0,1fr) 20px;grid-template-rows:22px;gap:10px;height:22px;margin:0;align-self:end}
.fd-dd-card-conversa.fd-chat-ticket-layout .fd-kanban-tag-ticket{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;gap:3px;height:22px;padding:0 4px;border:0;box-shadow:none;background:#88888814;border-radius:5px;font:500 11px/1 Inter,'Segoe UI',sans-serif;min-width:0;overflow:hidden;white-space:nowrap}
.fd-dd-card-conversa.fd-chat-ticket-layout .fd-kanban-tag-ticket>*{width:auto;min-width:0;flex:0 1 auto;font-size:inherit;line-height:inherit}
.fd-dd-card-conversa.fd-chat-ticket-layout .fd-kanban-tag-numero{color:#629ee9;font-weight:700}
.fd-dd-card-conversa.fd-chat-ticket-layout .fd-chat-ticket-analyst{grid-column:2;grid-row:1;align-self:center;justify-self:end;width:20px;height:20px;font-size:7px}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout .fd-kanban-sla{position:absolute;grid-column:auto;grid-row:auto;left:0;top:0;bottom:0;right:auto;width:5px;height:auto;margin:0;transform:none;align-self:stretch}
.fd-dd .fd-dd-card-conversa.fd-chat-ticket-layout .fd-kanban-sla::after{inset:auto 0 0;width:100%;height:calc(var(--fd-sla-progresso,0) * 100%);transform:none;background:linear-gradient(0deg,transparent 35%,#ffffff8c 50%,transparent 65%) 0 250%/100% 60% no-repeat,linear-gradient(0deg,color-mix(in oklab,var(--fd-sla-cor,#22c55e) 62%,#fff),var(--fd-sla-cor,#22c55e));animation:fd-sla-reflexo-vertical 3.6s ease-in-out infinite;transition:height .6s ease,background-color .4s ease}
.fd-dd .fd-dd-card-conversa.fd-chat-ticket-layout .fd-kanban-sla[data-faixa=invalidado]::after{height:0}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout:is(:hover,:focus-visible){outline-color:#629ee9;box-shadow:inset 0 0 0 1px #629ee9}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout[aria-pressed=true]{background:rgba(186,214,255,.96)}
.fd-app-dark .fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout[aria-pressed=true]{background:rgba(66,138,242,.36)}

/* A prévia ocupa toda a largura; não herda a coluna 2 do kanban genérico. */
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout>.fd-kanban-preview{grid-column:1 / -1;grid-row:3;white-space:normal;line-height:calc(1em + 5px);margin:7px -5px 7px 0;height:calc(2em + 10px);min-height:calc(2em + 10px);max-height:calc(2em + 10px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}

/* Faixa inferior proporcional, ancorada a 10 px da base e da segunda linha da mensagem. */
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout{height:150px;min-height:150px;grid-template-rows:18px 18px minmax(0,1fr) 26px;align-content:stretch;padding-bottom:10px}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout>.fd-kanban-preview{align-self:end;margin-bottom:10px}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout .fd-kanban-tags{grid-template-columns:minmax(0,1fr) 26px;grid-template-rows:26px;height:26px;align-self:end}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout .fd-kanban-tag-ticket{height:26px;padding-inline:8px;gap:4px;font-size:12px;box-sizing:border-box}
.fd-dd .fd-dd-card-conversa.fd-chat-ticket-layout .fd-chat-ticket-analyst{width:26px;height:26px;font-size:8px}

/* Proporções do drawer: 52 px de identificação, duas linhas de 14 px e gaps 7 / 5 / 7. */
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout{grid-template-columns:52px minmax(0,1fr) auto;grid-template-rows:26px 26px auto 26px;align-content:start}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout>.fd-kanban-photo{width:52px;height:52px;font-size:16px}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout>.fd-kanban-name{font-size:16px;line-height:20px}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout>.fd-chat-ticket-contractor{font-size:13px;line-height:18px}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout>.fd-chat-ticket-last-time{font-size:11px;line-height:20px}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout>.fd-kanban-preview{font-size:14px;line-height:19px;height:38px;min-height:38px;max-height:38px;margin-top:7px;margin-bottom:7px;align-self:start}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout .fd-kanban-tag-ticket{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.5fr);gap:8px;text-align:center}
.fd-dd .fd-dd-card-conversa.fd-chat-ticket-layout .fd-dd-ticket-abertura{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;overflow:hidden;white-space:nowrap}
.fd-dd .fd-dd-card-conversa.fd-chat-ticket-layout .fd-dd-ticket-abertura>*{flex:none;font:inherit}

/* Cinco atendimentos completos: altura calculada pela área útil e conteúdo proporcional. */
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout{--drawer-s:var(--fd-dd-card-escala,1);height:var(--fd-dd-card-altura,150px);min-height:0;grid-template-columns:calc(52px * var(--drawer-s)) minmax(0,1fr) auto;grid-template-rows:calc(26px * var(--drawer-s)) calc(26px * var(--drawer-s)) minmax(0,1fr) calc(26px * var(--drawer-s));align-content:stretch}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout>.fd-kanban-photo{width:calc(52px * var(--drawer-s));height:calc(52px * var(--drawer-s));font-size:calc(16px * var(--drawer-s))}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout>.fd-kanban-name{font-size:calc(16px * var(--drawer-s));line-height:calc(20px * var(--drawer-s))}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout>.fd-chat-ticket-contractor{font-size:calc(13px * var(--drawer-s));line-height:calc(18px * var(--drawer-s))}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout>.fd-chat-ticket-last-time{font-size:calc(11px * var(--drawer-s));line-height:calc(20px * var(--drawer-s))}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout>.fd-kanban-preview{font-size:calc(14px * var(--drawer-s));line-height:calc(14px * var(--drawer-s) + 5px);height:calc(28px * var(--drawer-s) + 10px);min-height:calc(28px * var(--drawer-s) + 10px);max-height:calc(28px * var(--drawer-s) + 10px)}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout .fd-kanban-tags{grid-template-columns:minmax(0,1fr) calc(26px * var(--drawer-s));grid-template-rows:calc(26px * var(--drawer-s));height:calc(26px * var(--drawer-s))}
.fd-dd .fd-dd-cards>.fd-dd-card-conversa.fd-chat-ticket-layout .fd-kanban-tag-ticket{height:calc(26px * var(--drawer-s));font-size:calc(12px * var(--drawer-s))}
.fd-dd .fd-dd-card-conversa.fd-chat-ticket-layout .fd-chat-ticket-analyst{width:calc(26px * var(--drawer-s));height:calc(26px * var(--drawer-s))}

/* O seletor global fica atrás do drawer enquanto o atendimento está aberto. */
body:has(.fd-dd) .fd-theme-cord{z-index:1200}

/* O cabeçalho inteiro compartilha a cor e as camadas de preenchimento da fila. */
.fd-dd .fd-dd-cab,.fd-dd .fd-dd-leitura-cab,.fd-app-dark .fd-dd .fd-dd-cab,.fd-app-dark .fd-dd .fd-dd-leitura-cab{position:relative;isolation:isolate;overflow:hidden;flex:none;color:#fff;--fd-dd-tinta:#fff;--fd-dd-suave:#ffffffbf;background:color-mix(in srgb,rgb(var(--fd-dd-cor)) 30%,#10181d)!important;border-bottom:1px solid #ffffff26}
.fd-dd .fd-dd-cab .fd-dd-glow,.fd-dd .fd-dd-leitura-cab .fd-dd-glow{display:block;position:absolute;inset:0;z-index:-1;--color:var(--fd-dd-cor);--bg-opacity:.5;--stroke-glow-size:350px;--stroke-glow-strength:.9}
.fd-dd :is(.fd-dd-cab,.fd-dd-leitura-cab) .fd-dd-glow>div{border-radius:0}
.fd-dd .fd-dd-cab .fd-dd-sub{color:#ffffffbf}
.fd-dd .fd-dd-cab .fd-dd-mancha{display:none}