/* Atendente com IA: caixa de entrada + conversa */
.ia3 { display: grid; gap: 14px; height: 100%; min-height: 0; grid-template-rows: auto minmax(0, 1fr); }
.ia3-barra { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.ia3-status { display: flex; align-items: center; gap: 12px; padding: 8px 16px 8px 8px; border-radius: 20px; background: var(--brasa); color: #fff; }
.ia3-status.pausa { background: var(--tinta); }
.ia3-masc { width: 46px; height: 46px; flex: none; }
.ia3-status:not(.pausa) .ia3-masc { animation: flutua 3s ease-in-out infinite; }
.ia3-status b { display: block; font-size: 15.5px; }
.ia3-status span { font-size: 12.5px; opacity: .85; }
.ia3-kpis { display: flex; gap: 6px; margin: 0; flex: 1; min-width: 0; }
.ia3-kpis div { flex: 1; min-width: 0; padding: 8px 12px; border-radius: 16px; background: var(--papel); border: 1px solid var(--linha); }
.ia3-kpis dt { font-size: 12px; font-weight: 600; color: var(--tinta-2); white-space: nowrap; }
.ia3-kpis dd { margin: 2px 0 0; font: 700 19px var(--f-titulo); white-space: nowrap; font-variant-numeric: tabular-nums; }
.ia3-pausa { display: flex; align-items: center; gap: 8px; min-height: 54px; padding: 0 22px; border-radius: 16px; background: var(--tinta); color: #fff; font: 700 16px var(--f-titulo); }
.ia3-pausa .ic { width: 20px; height: 20px; }
.ia3-pausa.on { background: var(--brasa); }
.ia3-corpo { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 14px; min-height: 0; height: min(600px, calc(100dvh - 250px)); }
.ia3-lista { display: flex; flex-direction: column; gap: 6px; overflow-y: auto; padding: 6px; border-radius: 22px; background: var(--papel); border: 1px solid var(--linha); }
.ia3-item { position: relative; flex: none; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 10px; align-items: center; padding: 10px; border-radius: 16px; text-align: left; transition: background .15s; }
.ia3-item:hover { background: color-mix(in srgb, var(--tinta) 4%, transparent); }
.ia3-item.sel { background: color-mix(in srgb, var(--brasa) 7%, transparent); box-shadow: inset 3px 0 0 var(--brasa); }
.ia3-item.nova { animation: entra .4s var(--sair); }
.ia3-item .av { width: 42px; height: 42px; background: var(--gema); font-size: 16px; }
.ia3-txt { display: grid; gap: 2px; min-width: 0; }
.ia3-txt b { font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ia3-txt small { font-size: 12.5px; color: var(--tinta-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ia3-txt em { justify-self: start; font-style: normal; font-size: 11.5px; font-weight: 700; padding: 2px 8px; border-radius: 7px; background: color-mix(in srgb, var(--tinta) 6%, transparent); color: var(--tinta-2); }
.ia3-txt em.e-dig, .ia3-txt em.e-vivo { background: color-mix(in srgb, var(--brasa) 10%, transparent); color: var(--brasa); }
.ia3-txt em.e-ok { background: var(--tinta); color: #fff; }
.ia3-txt em.e-voce { background: color-mix(in srgb, var(--gema) 35%, transparent); color: var(--tinta); }
.ia3-n { position: absolute; top: 10px; right: 10px; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--brasa); color: #fff; font: 700 11.5px/20px var(--f-texto); font-style: normal; text-align: center; }
.ia3-vazia { margin: auto; padding: 20px; text-align: center; font-size: 14px; color: var(--tinta-2); }
.ia3 .zap { height: 100%; }
.zap-cab { background: var(--tinta); }
.ia3-assumir { display: flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 14px; border-radius: 12px; background: rgba(255, 255, 255, .12); color: #fff; font-weight: 700; font-size: 13.5px; }
.ia3-assumir .ic { width: 16px; height: 16px; }
.zap-msg.ia { background: #FDE8E6; }
.zap-msg { animation: entra .25s var(--sair); }
.zap-vazio .mascote { width: 90px; height: 90px; }
@media (max-width: 1100px) { .ia3-kpis div:nth-child(4) { display: none; } .ia3-corpo { grid-template-columns: 250px minmax(0, 1fr); } }
.ia3-item .av { color: var(--tinta); }
.zap-cab .av { color: var(--tinta); }