main.tre{max-width:none;padding:0;display:grid;grid-template-columns:230px 360px 1fr 330px;height:calc(100vh - 66px)}
main.tre>*{overflow:auto;border-right:1px solid var(--bordo)} main.tre>*:last-child{border-right:0}
.filtri{padding:1rem .9rem} .filtri h3{margin:1rem 0 .4rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mut)} .filtri h3:first-child{margin-top:0}
.filtri a{display:flex;justify-content:space-between;align-items:center;color:#C9D6E6;text-decoration:none;padding:.42rem .6rem;border-radius:9px;font-weight:600;font-size:.9rem} .filtri a:hover{background:rgba(255,255,255,.06)} .filtri a.attivo{background:var(--giallo);color:var(--blu)}
.filtri a .cnt,.cnt{background:rgba(255,255,255,.12);border-radius:999px;padding:0 .5rem;font-size:.72rem;font-weight:800} .filtri a.attivo .cnt{background:rgba(11,37,69,.2)}
.filtri .cerca{width:100%;margin-bottom:.4rem}
.lista{background:rgba(8,27,51,.35)} .lista .testa{padding:.8rem 1rem;border-bottom:1px solid var(--bordo);display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--mut);position:sticky;top:0;background:rgba(10,22,40,.95);z-index:2}
.conv{display:block;text-decoration:none;color:inherit;padding:.75rem 1rem;border-bottom:1px solid var(--bordo);border-left:3px solid transparent} .conv:hover{background:rgba(255,255,255,.04)} .conv.attiva{background:rgba(244,180,0,.08);border-left-color:var(--giallo)}
.conv .r1{display:flex;justify-content:space-between;gap:.5rem;align-items:center} .conv .nome{font-weight:800} .conv .ora{color:var(--mut);font-size:.75rem;white-space:nowrap}
.conv .ogg{margin:.15rem 0;font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .conv .ant{color:var(--mut);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conv .r3{display:flex;gap:.35rem;margin-top:.35rem;flex-wrap:wrap;align-items:center}
.can{display:inline-flex;align-items:center;gap:.3rem;border-radius:7px;padding:.1rem .45rem;font-size:.72rem;font-weight:700}
.can.email{background:rgba(143,163,191,.2);color:#C9D6E6} .can.amazon{background:rgba(255,153,0,.2);color:#FFC36B} .can.whatsapp{background:rgba(37,211,102,.18);color:#7BE3B0} .can.instagram{background:rgba(225,48,108,.2);color:#FF9ABF} .can.messenger{background:rgba(0,132,255,.22);color:#8CC4FF}
.st{display:inline-block;border-radius:7px;padding:.1rem .45rem;font-size:.72rem;font-weight:700;background:rgba(255,255,255,.08);color:#C9D6E6} .st.obs{color:#7BE3B0} .st.qat{color:#FFD75E} .st.pap{color:#FF9ABF}
.sla{font-size:.72rem;font-weight:800;color:var(--mut)} .sla.rosso{color:#FF9A9E} .sla.giallo{color:#FFD08A}
.thread{display:flex;flex-direction:column;min-height:100%} .thread .testa{padding:.9rem 1.3rem;border-bottom:1px solid var(--bordo);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;position:sticky;top:0;background:rgba(10,22,40,.95);z-index:2}
.thread .testa h2{font-size:1.15rem;margin:0} .thread .testa .sub{color:var(--mut);font-size:.82rem;margin-top:.2rem}
.thread .azt{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
.msgs{padding:1.2rem 1.3rem;flex:1;display:flex;flex-direction:column;gap:.9rem}
.m{max-width:78%;padding:.75rem .95rem;border-radius:14px;line-height:1.45;font-size:.93rem;position:relative} .m .meta{font-size:.72rem;color:var(--mut);margin-bottom:.25rem;font-weight:600}
.m.cliente{align-self:flex-start;background:rgba(255,255,255,.07);border:1px solid var(--bordo);border-bottom-left-radius:4px} .m.noi{align-self:flex-end;background:rgba(244,180,0,.16);border:1px solid rgba(244,180,0,.3);border-bottom-right-radius:4px}
.m.ai{align-self:flex-end;background:rgba(34,181,115,.12);border:1px dashed rgba(34,181,115,.5)} .m.ai .meta{color:#7BE3B0}
.nota{align-self:center;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.3);color:#FFD08A;font-size:.8rem;padding:.4rem .8rem;border-radius:999px}
.risposta{border-top:1px solid var(--bordo);padding:.9rem 1.3rem;background:rgba(8,27,51,.6);position:sticky;bottom:0}
.risposta .barra-r{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem;align-items:center} .risposta textarea{width:100%;min-height:96px;background:rgba(255,255,255,.06);border:1px solid var(--bordo);color:var(--testo);border-radius:10px;padding:.6rem .7rem;font:inherit;resize:vertical}
.risposta .fondo{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;gap:.6rem;flex-wrap:wrap} .risposta .fondo .mut{font-size:.75rem}
.chip{border:1px solid var(--bordo);background:rgba(255,255,255,.04);color:#C9D6E6;border-radius:999px;padding:.25rem .65rem;font-size:.78rem;font-weight:600;cursor:pointer} .chip:hover{border-color:var(--giallo);color:#fff} .chip.ai{border-color:rgba(34,181,115,.5);color:#7BE3B0}
.scheda{padding:1rem 1rem} .scheda .blocco{background:rgba(17,34,64,.85);border:1px solid var(--bordo);border-radius:14px;padding:.85rem .95rem;margin-bottom:.8rem} .scheda h4{margin:0 0 .5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mut)}
.scheda .kv{display:flex;justify-content:space-between;gap:.6rem;font-size:.86rem;padding:.2rem 0} .scheda .kv span:first-child{color:var(--mut)} .scheda .kv b{text-align:right}
.scheda ul{margin:.3rem 0 0;padding-left:1.1rem;font-size:.85rem} .scheda .track{font-size:.82rem;background:rgba(34,181,115,.12);border-radius:8px;padding:.45rem .6rem;color:#7BE3B0;margin-top:.4rem}
.vuoto{padding:3rem;color:var(--mut);text-align:center}
.rep{max-width:1440px;margin:0 auto;padding:1.5rem 1.6rem 4rem}
.bar-h{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;align-items:end;height:160px} .bar-h .col{display:flex;flex-direction:column-reverse;gap:2px;height:100%;justify-content:flex-start} .bar-h .col i{display:block;border-radius:3px} .bar-h .lab{text-align:center;color:var(--mut);font-size:.75rem;margin-top:.3rem}
.legenda{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.6rem;font-size:.8rem;color:var(--mut)} .legenda i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:.3rem;vertical-align:middle}
.cn-email{background:#8FA3BF}.cn-amazon{background:#FF9900}.cn-whatsapp{background:#25D366}.cn-instagram{background:#E1306C}.cn-messenger{background:#0084FF}
.canale-card{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem} @media(max-width:1100px){.canale-card{grid-template-columns:1fr}}
.canale-card .pan h2{display:flex;align-items:center;gap:.5rem} .stato-c{font-size:.78rem;font-weight:800;border-radius:999px;padding:.15rem .6rem} .stato-c.on{background:rgba(34,181,115,.18);color:#7BE3B0} .stato-c.wip{background:rgba(245,158,11,.2);color:#FFD08A} .stato-c.off{background:rgba(143,163,191,.18);color:#C9D6E6}
@media(max-width:1200px){main.tre{grid-template-columns:200px 300px 1fr;height:auto} main.tre>.scheda{grid-column:1/-1;border-top:1px solid var(--bordo)}}