/* Elio, il T-Rex dell'AI di T-Key: mascotte in basso a destra e chat «Chiedi a Elio». Animazioni solo CSS, ferme con «riduci movimento». */
.elio-avatar{display:inline-flex;flex:none;width:28px;height:28px;border-radius:50%;overflow:hidden;background:#faeeee;box-shadow:inset 0 0 0 1px #f0d4d4;vertical-align:middle}
[data-elio-presidio] .elio-avatar svg,.elio-avatar svg{width:100%;height:100%;display:block}
.elio-avatar-titolo{width:36px;height:36px}
.company-section h2 .elio-avatar{margin-right:8px}
/* Mascotte */
.elio-mascotte{position:fixed;right:18px;bottom:6px;z-index:58;width:132px;height:132px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
[data-elio-presidio] .elio-mascotte>svg{width:132px;height:132px;overflow:visible;display:block;filter:drop-shadow(0 6px 10px rgba(20,33,61,.22));transition:transform .2s ease}
.elio-mascotte:hover>svg,.elio-mascotte:focus-visible>svg{transform:translateY(-4px) scale(1.04)}
.elio-mascotte:focus-visible{outline:none}
.elio-mascotte{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.elio-trascina .elio-mascotte{cursor:grabbing}
.elio-trascina .elio-mascotte>svg{transition:none;transform:scale(1.06) rotate(-4deg)}
.elio-trascina .elio-fumetto{display:none}
.elio-mascotte:focus-visible>svg{filter:drop-shadow(0 0 0 #ba1818) drop-shadow(0 0 4px #ba1818)}
.elio-fumetto{position:absolute;right:112px;top:6px;white-space:nowrap;padding:8px 12px;border-radius:14px 14px 4px 14px;background:#fff;border:1px solid #f0d4d4;box-shadow:0 6px 18px rgba(20,33,61,.14);color:#951414;font-weight:600;font-size:13px;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s,transform .2s}
.elio-mascotte:hover .elio-fumetto,.elio-mascotte:focus-visible .elio-fumetto{opacity:1;transform:none}
.elio-saluta .elio-fumetto{animation:elio-fumetto 6s ease 1.2s both}
.elio-aperta .elio-fumetto{display:none}
.elio-aperta .elio-mascotte{z-index:70}
.elio-chat{font:14px/1.45 'Zoho Puvi',system-ui,sans-serif;color:#313949}
/* Chat */
.elio-pannello{position:fixed;right:24px;bottom:142px;z-index:70;width:min(380px,calc(100vw - 32px));height:min(540px,calc(100vh - 210px));display:flex;flex-direction:column;background:#fff;border:1px solid #e0e4eb;border-radius:18px;box-shadow:0 18px 48px rgba(20,33,61,.22);overflow:hidden;color:#313949}
.elio-pannello[hidden]{display:none}
.elio-pannello::after{content:"";position:absolute;right:46px;bottom:-9px;width:16px;height:16px;background:#f7f8fa;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;transform:rotate(45deg)}
.elio-pannello>header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ba1818;color:#fff}
.elio-pannello>header .elio-avatar{box-shadow:0 0 0 2px #fff}
.elio-pannello>header div{flex:1}
.elio-pannello h2{margin:0;font-size:16px;color:#fff}
.elio-pannello header p{margin:0;font-size:12px;opacity:.85}
.elio-chiudi{color:#fff!important;font-size:24px;line-height:1;background:none;border:0;cursor:pointer}
.elio-messaggi{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f7f8fa;font-size:15px;line-height:1.5}
.elio-msg{display:flex;gap:8px;align-items:flex-end;max-width:92%}
.elio-msg-tu{align-self:flex-end}
.elio-msg-tu p{margin:0;padding:8px 12px;border-radius:14px 14px 4px 14px;background:#faeeee;border:1px solid #f0d4d4;color:#25282a;white-space:pre-wrap;word-break:break-word}
.elio-bolla{padding:8px 12px;border-radius:14px 14px 14px 4px;background:#fff;border:1px solid #e0e4eb;min-width:0}
.elio-bolla p{margin:4px 0}
.elio-bolla h3{margin:10px 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#616e88}
.elio-bolla h3 span{font-weight:400}
.elio-bolla ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.elio-bolla ul.elio-elenco{list-style:disc;padding-left:18px;display:block}
.elio-risultato{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 10px;border:1px solid #e0e4eb;border-radius:8px;background:#fff;text-align:left;font:inherit;cursor:pointer}
.elio-risultato:hover,.elio-risultato:focus-visible{border-color:#ba1818;background:#faeeee}
.elio-risultato small{color:#616e88}
.elio-scrive{display:inline-flex;gap:4px;padding:4px 0}
.elio-scrive i{width:7px;height:7px;border-radius:50%;background:#ba1818;opacity:.35;animation:elio-puntini 1s infinite}
.elio-scrive i:nth-child(2){animation-delay:.15s}.elio-scrive i:nth-child(3){animation-delay:.3s}
.elio-nota{display:block;margin-top:2px;color:#616e88;font-size:12px}
.elio-cursore{display:inline-block;width:7px;height:15px;margin-left:2px;vertical-align:-2px;background:#ba1818;animation:elio-cursore 1s steps(2) infinite}
@keyframes elio-cursore{50%{opacity:0}}
.elio-avviso{color:#8b5905;background:#fff5df;border-radius:8px;padding:6px 8px}
.elio-bolla a{color:#951414;text-decoration:underline;word-break:break-all}
.elio-fonti{gap:2px!important}
.elio-fonte{display:block;padding:4px 0;font-size:13px}
.elio-suggerimenti{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px 0;background:#fff;border-top:1px solid #eef0f3}
.elio-suggerimenti button{border:1px solid #e0e4eb;background:#f5f6f9;border-radius:14px;padding:4px 10px;font:inherit;font-size:12px;color:#313949;cursor:pointer}
.elio-suggerimenti button:hover{border-color:#ba1818;color:#951414}
.elio-domanda{display:flex;gap:8px;padding:10px 12px 12px;background:#fff}
.elio-domanda input{flex:1;min-width:0;height:40px;padding:0 14px;border:1px solid #e0e4eb;border-radius:20px;font:inherit}
.elio-domanda input:focus{outline:2px solid #ba1818;outline-offset:-1px}
.elio-invia{width:40px;height:40px;border:0;border-radius:50%;background:#ba1818;color:#fff;font-size:16px;cursor:pointer}
.elio-invia:hover{background:#951414}
.elio-nascosto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* Animazioni della figura */
.elio-corpo{transform-origin:112px 226px;animation:elio-respira 3.2s ease-in-out infinite}
.elio-coda{transform-origin:84px 165px;animation:elio-coda 2.4s ease-in-out infinite}
.elio-braccino{transform-origin:150px 138px;animation:elio-saluta 4s ease-in-out infinite}
.elio-occhio{transform-box:fill-box;transform-origin:center;animation:elio-blink 5s infinite}
.elio-scintilla{transform-box:fill-box;transform-origin:center;animation:elio-brilla 2.2s ease-in-out infinite}
.elio-scintilla-2{animation-delay:.7s}
.elio-pensa .elio-corpo{animation:elio-annuisce 1.1s ease-in-out infinite}
.elio-pensa .elio-scintilla{animation-duration:.8s}
.elio-pensa .elio-braccino{animation-duration:1.1s}
.elio-respira svg{transform-origin:50% 100%;animation:elio-respira 3.2s ease-in-out infinite}
@keyframes elio-respira{0%,100%{transform:scale(1,1)}50%{transform:scale(1.015,.985)}}
@keyframes elio-coda{0%,100%{transform:rotate(0)}50%{transform:rotate(-7deg)}}
@keyframes elio-saluta{0%,70%,100%{transform:rotate(0)}80%{transform:rotate(-14deg)}90%{transform:rotate(6deg)}}
@keyframes elio-blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@keyframes elio-brilla{0%,100%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(.6) rotate(45deg);opacity:.6}}
@keyframes elio-annuisce{0%,100%{transform:rotate(0)}50%{transform:rotate(-2.5deg) translateY(-3px)}}
@keyframes elio-fumetto{0%{opacity:0;transform:translateY(6px)}8%,85%{opacity:1;transform:none}100%{opacity:0;transform:translateY(6px)}}
@keyframes elio-puntini{0%,100%{opacity:.35;transform:none}50%{opacity:1;transform:translateY(-3px)}}
@media (max-width:720px){
 .elio-mascotte{width:92px;height:92px;right:8px;bottom:4px}
 [data-elio-presidio] .elio-mascotte>svg{width:92px;height:92px}
 .elio-fumetto{right:80px;top:0}
 .elio-pannello{right:8px;left:8px;width:auto;bottom:100px;height:calc(100vh - 170px)}
 .elio-pannello::after{right:34px}
 /* Su telefono, a chat aperta, Elio torna nel suo angolo sotto la chat: non copre mai il pulsante di invio. */
 .elio-aperta .elio-mascotte{left:auto!important;top:auto!important;right:8px!important;bottom:4px!important}
 .elio-aperta .elio-pannello{left:8px!important;right:8px!important;top:auto!important;bottom:100px!important}
}
@media print{.elio-chat{display:none}}
@media (prefers-reduced-motion:reduce){.elio-corpo,.elio-coda,.elio-braccino,.elio-occhio,.elio-scintilla,.elio-respira svg,.elio-scrive i,.elio-cursore{animation:none!important}.elio-saluta .elio-fumetto{animation:none}.elio-mascotte>svg{transition:none}}

/* Il CRM colora testi e paragrafi con regole su [data-elio-presidio], più forti delle classi: qui i colori di Elio restano leggibili. */
[data-elio-presidio] .elio-chat .elio-msg-tu p{color:#25282a;background:#faeeee}
[data-elio-presidio] .elio-chat .elio-bolla,[data-elio-presidio] .elio-chat .elio-bolla p,[data-elio-presidio] .elio-chat .elio-bolla li,[data-elio-presidio] .elio-chat .elio-risultato strong{color:#25282a;font-size:15px}
[data-elio-presidio] .elio-chat .elio-bolla h3,[data-elio-presidio] .elio-chat .elio-bolla small,[data-elio-presidio] .elio-chat .elio-nota{color:#566070}
[data-elio-presidio] .elio-chat .elio-bolla a{color:#951414}
[data-elio-presidio] .elio-chat .elio-avviso{color:#6b4504}
[data-elio-presidio] .elio-chat .elio-pannello>header h2,[data-elio-presidio] .elio-chat .elio-pannello>header p{color:#fff}
[data-elio-presidio] .elio-chat .elio-domanda input{color:#25282a;background:#fff}
[data-elio-presidio] .elio-chat .elio-suggerimenti button{color:#313949}

.elio-chat .elio-avvisi{position:absolute;top:0;right:0;padding:5px 8px;background:#bc1818;color:white;border:2px solid white;border-radius:12px;font:600 11px/1.2 sans-serif;box-shadow:0 2px 6px #0002}.elio-chat .elio-avvisi[hidden]{display:none}.elio-chat [data-elio-sviluppo]{border-color:#bc1818;color:#a31919}

/* Native Presidio actions share the same Elio panel. */
body.elio-presidio-attivo #as-btn,body.elio-presidio-attivo #as-box{display:none!important}
.elio-pannello{width:min(480px,calc(100vw - 24px));height:min(650px,calc(100dvh - 160px));bottom:142px}
.elio-messaggi{min-height:100px;overscroll-behavior:contain}
.elio-presidio-tools{padding:8px 12px;border-bottom:1px solid #e0e4eb;flex-shrink:0;font-size:12px}
.elio-presidio-tools select{width:100%;padding:5px;border:1px solid #d5dce5;border-radius:6px;background:white;color:#313949}
.elio-presidio-tools details{margin-top:6px}.elio-presidio-tools summary{cursor:pointer;font-weight:600}
.elio-presidio-azioni{display:flex;gap:5px;flex-wrap:wrap;padding-top:6px}
.elio-presidio-azioni button{padding:5px 8px;background:#f7f8fa;color:#313949;border:1px solid #d5dce5;border-radius:7px;cursor:pointer}
.elio-presidio-contesto{margin-top:4px;color:#616e88}.elio-chat[hidden]{display:none!important}
@media(max-width:720px){.elio-pannello{bottom:100px;height:min(650px,calc(100dvh - 130px));width:calc(100vw - 24px);right:12px}.elio-mascotte{bottom:4px}}