.fai{font-family:Arial,sans-serif;width:100%;max-width:300px;color:#fff}.fai *{box-sizing:border-box}.fai-card{position:relative;width:100%;overflow:hidden;border-radius:14px;background:#06131a}.fai-card img{display:block;width:100%;height:auto}.hotspot{position:absolute;z-index:3;border:0!important;background:transparent!important;cursor:pointer;padding:0}.hs-sara{left:1%;width:49%;top:64%;height:18%}.hs-alex{left:50%;width:49%;top:64%;height:18%}.hotspot:focus{outline:none}.hotspot:focus-visible{outline:2px solid #28c8f7;outline-offset:-3px}.chat{width:100%;border:1px solid #19baf0;border-radius:16px;overflow:hidden;background:#fff;color:#111}.chat header{background:#07131a;color:#fff;display:flex;align-items:center;gap:8px;padding:10px}.chat header .back{border:0;background:none;color:#fff;font-size:27px}.chat header div{display:flex;flex-direction:column}.chat header small{font-size:10px}.chat header>i{margin-left:auto;color:#5ae18b;font-size:9px}.chat main{height:260px;overflow:auto;padding:12px}.msg{max-width:88%;padding:9px 11px;border-radius:14px;margin:7px 0;white-space:pre-wrap;font-size:13px;line-height:1.35}.bot{background:#edf4f7}.user{background:#1aaadc;color:#fff;margin-left:auto}.wait{opacity:.65}.chat form{display:flex;gap:5px;padding:8px;border-top:1px solid #dde6ea}.chat input{flex:1;min-width:0;border:1px solid #bdccd3;border-radius:20px;padding:9px}.chat form button{border:0;border-radius:50%;min-width:36px;background:#1aaadc;color:#fff}
.fai .hotspot,.fai .hotspot:hover,.fai .hotspot:active,.fai .hotspot:focus{appearance:none!important;-webkit-appearance:none!important;outline:0!important;box-shadow:none!important;background:transparent!important;border:0!important;color:transparent!important;opacity:1!important;}

.msg.typing{font-weight:bold;letter-spacing:3px;color:#1aaadc;animation:faiTyping 1s ease-in-out infinite}
@keyframes faiTyping{0%,100%{opacity:.35}50%{opacity:1}}

.chat form .mic{border:1px solid #bdccd3;border-radius:50%;min-width:36px;width:36px;background:#fff;color:#111;font-size:15px;padding:0;cursor:pointer}
.chat form .mic.recording{background:#eef7fa;box-shadow:0 0 0 2px #1aaadc inset}
.chat form .send{border:0;border-radius:50%;min-width:36px;background:#1aaadc;color:#fff}
.msg .speak{display:block;margin:7px 0 0 auto;border:0;background:transparent;font-size:15px;cursor:pointer;padding:2px 4px;opacity:.72}
.msg .speak:hover{opacity:1}
.voice-disclosure{display:block;color:#6d7b82;background:#fff;text-align:center;font-size:8px;padding:0 6px 5px}

.fai-fields{margin-top:10px;display:grid;gap:7px}.fai-field{display:grid;grid-template-columns:minmax(105px,1fr) minmax(90px,1fr) auto;align-items:center;gap:6px;font-size:12px}.fai-field span{font-weight:600}.fai-field input,.fai-field select{width:100%;min-width:0;border:1px solid #b8c9d1;border-radius:7px;background:#fff;padding:7px 8px;font-size:13px;color:#111}.fai-field input.missing,.fai-field select.missing{outline:2px solid #1aaadc}.fai-field em{font-style:normal;font-size:11px;color:#66747a}.fai-find{margin-top:4px;border:0;border-radius:9px;background:#1aaadc;color:#fff;padding:9px 12px;font-weight:700;cursor:pointer}@media(max-width:520px){.fai-field{grid-template-columns:1fr 105px auto}.fai-fields{gap:8px}}

.fai-input-wrap{position:relative;display:flex;flex:1;min-width:0}.fai-input-wrap input{width:100%;padding-right:34px}.fai-input-wrap .clear{display:none;position:absolute;right:6px;top:50%;transform:translateY(-50%);min-width:26px;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:transparent;color:#6d7a80;font-size:22px;line-height:24px;cursor:pointer}.fai-input-wrap .clear.visible{display:block}

/* Hotspot sopra i due pulsanti grafici, mantenendo le chat operative. */
.fai-card .hs-sara{left:3.5%!important;top:81.5%!important;width:46%!important;height:10%!important}
.fai-card .hs-alex{left:50.5%!important;top:81.5%!important;width:46%!important;height:10%!important}

/* FINAT 0.4.26: layout unico mascotte, senza regole stratificate 0.4.24/25. */
html body .fai.fai-mascot{position:fixed!important;left:auto!important;right:clamp(8px,3vw,45px)!important;bottom:8px!important;top:auto!important;width:min(590px,96vw)!important;max-width:none!important;height:335px!important;z-index:2147482000!important;overflow:visible!important;pointer-events:none!important;font-family:Arial,sans-serif!important;color:#111!important}
.fai-mascot *{box-sizing:border-box}
html body .fai-mascot .fai-card{display:block;position:relative;width:100%;height:100%;background:transparent!important;overflow:visible!important;border:0!important;border-radius:0!important;pointer-events:none!important}
html body .fai-mascot .fai-card[hidden]{display:none!important}
html body .fai-mascot .fai-character{position:absolute!important;right:0!important;bottom:0!important;width:180px!important;height:320px!important;max-height:320px!important;object-fit:contain!important;object-position:bottom!important;animation:fai-hello 3.8s ease-in-out infinite!important;transform-origin:55% 90%;pointer-events:none!important;filter:drop-shadow(0 5px 4px #0003)}
@keyframes fai-hello{0%,100%{transform:rotate(-3deg) translateY(0)}35%{transform:rotate(2deg) translateY(-9px)}65%{transform:rotate(-1deg) translateY(-3px)}}
html body .fai-mascot .fai-greeting{position:absolute!important;right:185px!important;bottom:165px!important;width:260px!important;background:#fff!important;color:#121b26!important;border-radius:18px!important;padding:14px 20px!important;box-shadow:0 5px 25px #0003!important;font-weight:800!important;font-size:23px!important;line-height:1.1!important;pointer-events:auto!important}
.fai-mascot .fai-greeting small{display:block!important;font-size:15px!important;font-weight:400!important;line-height:1.4!important;margin-top:6px!important}
html body .fai-mascot .fai-start-form{position:absolute!important;right:184px!important;bottom:91px!important;width:min(380px,calc(100vw - 210px))!important;height:54px!important;display:flex!important;align-items:center!important;gap:3px!important;background:#fff!important;border-radius:30px!important;padding:5px!important;box-shadow:0 5px 20px #0003!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important;z-index:5!important}
html body .fai-mascot .fai-start-input{display:block!important;flex:1!important;min-width:0!important;border:0!important;outline:0!important;box-shadow:none!important;color:#17212b!important;background:#fff!important;padding:10px!important;font-size:15px!important}
.fai-mascot .fai-start-form button{background:#1269df!important;color:#fff!important;border:0!important;border-radius:50%!important;width:43px!important;height:43px!important;flex-shrink:0!important;cursor:pointer!important;font-size:22px!important}
html body .fai-mascot .hotspot.hs-sara{position:absolute!important;right:0!important;left:auto!important;top:auto!important;bottom:0!important;width:170px!important;height:305px!important;z-index:3!important;pointer-events:auto!important;cursor:pointer!important;background:transparent!important;border:0!important}
html body .fai-mascot .chat:not([hidden]){display:block!important;position:absolute!important;right:0!important;bottom:85px!important;width:min(400px,94vw)!important;max-width:none!important;max-height:80vh!important;pointer-events:auto!important;box-shadow:0 10px 35px #0005!important;z-index:9!important}
html body .fai-mascot .chat[hidden]{display:none!important}
.fai-mascot .chat main{height:min(350px,45vh)!important}
@media(max-width:620px){html body .fai.fai-mascot{right:3px!important;width:calc(100vw - 6px)!important;height:235px!important}html body .fai-mascot .fai-character{width:115px!important;height:230px!important;max-height:230px!important}html body .fai-mascot .fai-greeting{right:115px!important;bottom:125px!important;width:min(210px,calc(100vw - 130px))!important;font-size:17px!important;padding:10px 12px!important}html body .fai-mascot .fai-greeting small{font-size:12px!important}html body .fai-mascot .fai-start-form{right:115px!important;bottom:55px!important;width:calc(100vw - 140px)!important;height:48px!important}html body .fai-mascot .fai-start-input{font-size:12px!important;padding:8px!important}html body .fai-mascot .hotspot.hs-sara{width:110px!important;height:220px!important}}
@media(prefers-reduced-motion:reduce){html body .fai-mascot .fai-character{animation:none!important}}

/* FINAT 0.4.33: Taggy resta visibile durante la conversazione. */
html body .fai.fai-mascot{width:min(620px,98vw)!important;height:255px!important}
html body .fai.fai-mascot>.fai-character{display:block!important;position:absolute!important;right:0!important;bottom:0!important;top:auto!important;width:126px!important;height:238px!important;max-height:238px!important;object-fit:contain!important;object-position:bottom!important;visibility:visible!important;opacity:1!important;z-index:12!important;pointer-events:none!important;transform-origin:50% 95%;animation:fai-taggy-sway 7.5s ease-in-out infinite!important;filter:drop-shadow(0 5px 4px #0003)}
@keyframes fai-taggy-sway{0%,100%{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}
html body .fai.fai-mascot>.hotspot.hs-sara{position:absolute!important;right:0!important;left:auto!important;bottom:0!important;top:auto!important;width:120px!important;height:230px!important;z-index:13!important;pointer-events:auto!important;background:transparent!important;border:0!important;cursor:pointer!important}
html body .fai-mascot .fai-greeting{right:130px!important;bottom:133px!important}
html body .fai-mascot .fai-start-form{right:130px!important;bottom:48px!important;width:min(360px,calc(100vw - 155px))!important}
html body .fai-mascot .chat:not([hidden]){right:132px!important;bottom:0!important;width:min(410px,calc(100vw - 155px))!important;max-height:80vh!important;z-index:9!important}
@media(max-width:620px){html body .fai.fai-mascot{height:180px!important}html body .fai.fai-mascot>.fai-character{width:83px!important;height:162px!important;max-height:162px!important}html body .fai.fai-mascot>.hotspot.hs-sara{width:82px!important;height:158px!important}html body .fai-mascot .fai-greeting{right:87px!important;bottom:105px!important;width:min(210px,calc(100vw - 110px))!important}html body .fai-mascot .fai-start-form{right:87px!important;bottom:35px!important;width:calc(100vw - 105px)!important}html body .fai-mascot .chat:not([hidden]){right:88px!important;width:calc(100vw - 100px)!important;bottom:0!important}}
@media(prefers-reduced-motion:reduce){html body .fai.fai-mascot>.fai-character{animation:none!important}}

/* 0.4.34: Taggy fermo, senza dondolio o altre animazioni. */
html body .fai.fai-mascot>.fai-character{animation:none!important;transform:none!important;transition:none!important}

/* 0.4.35: fumetto di saluto più compatto, senza spostare Taggy o il campo domande. */
html body .fai.fai-mascot .fai-greeting{width:245px!important;right:130px!important;bottom:133px!important;padding:9px 15px!important;font-size:20px!important;line-height:1.08!important;border-radius:15px!important}
html body .fai.fai-mascot .fai-greeting small{font-size:13px!important;line-height:1.2!important;margin-top:3px!important}
@media(max-width:620px){html body .fai.fai-mascot .fai-greeting{right:87px!important;bottom:105px!important;width:min(195px,calc(100vw - 110px))!important;padding:8px 11px!important;font-size:17px!important}html body .fai.fai-mascot .fai-greeting small{font-size:12px!important}}

/* 0.4.36: finestra chat e messaggi piu compatti, senza cambiare Taggy. */
html body .fai.fai-mascot .chat:not([hidden]){width:min(355px,calc(100vw - 155px))!important;max-height:min(480px,75vh)!important;}
html body .fai.fai-mascot .chat header{padding:8px 10px!important;}
html body .fai.fai-mascot .chat header b{font-size:15px!important;}
html body .fai.fai-mascot .chat main{height:min(295px,42vh)!important;padding:8px!important;}
html body .fai.fai-mascot .chat .msg{font-size:12px!important;line-height:1.35!important;padding:8px 10px!important;margin:5px 0!important;max-width:94%!important;overflow-wrap:anywhere!important;}
html body .fai.fai-mascot .chat form{padding:6px!important;}
html body .fai.fai-mascot .chat input{font-size:12px!important;padding:7px 9px!important;}
@media(max-width:620px){html body .fai.fai-mascot .chat:not([hidden]){width:calc(100vw - 100px)!important;max-height:65vh!important;}html body .fai.fai-mascot .chat main{height:min(245px,34vh)!important;}}

/* 0.4.37: prima riga unica e seconda riga breve; fumetto piu basso. */
html body .fai.fai-mascot .fai-greeting{width:310px!important;padding:7px 12px!important;line-height:1.2!important;font-size:16px!important;}
html body .fai.fai-mascot .fai-greeting-title{font-weight:800!important;font-size:20px!important;}
html body .fai.fai-mascot .fai-greeting-prompt{font-size:14px!important;font-weight:400!important;white-space:nowrap!important;}
html body .fai.fai-mascot .fai-greeting small{display:block!important;margin-top:1px!important;font-size:12px!important;line-height:1.2!important;}
@media(max-width:620px){html body .fai.fai-mascot .fai-greeting{width:min(270px,calc(100vw - 110px))!important;padding:7px 9px!important;}html body .fai.fai-mascot .fai-greeting-title{font-size:16px!important;}html body .fai.fai-mascot .fai-greeting-prompt{font-size:11px!important;}}

/* 0.4.38: bordo bordeaux FINAT sui due campi visibili in tutte le pagine. */
html body .fai.fai-mascot .fai-greeting{border:1px solid #7a201b!important;background:#fff!important;box-sizing:border-box!important;}
html body .fai.fai-mascot .fai-start-form{border:1px solid #7a201b!important;background:#fff!important;box-sizing:border-box!important;}
html body .fai.fai-mascot .fai-start-form:focus-within{border-color:#7a201b!important;box-shadow:0 0 0 2px rgba(122,32,27,.12),0 5px 20px #0003!important;}


/* FINAT 0.4.39 — Taggy nella barra laterale destra, senza coprire le schede. */
@media (min-width: 900px){
 html body .fai.fai-mascot{position:fixed!important;right:0!important;top:0!important;bottom:0!important;left:auto!important;width:270px!important;max-width:270px!important;height:100dvh!important;z-index:2147482000!important;background:linear-gradient(180deg,#333 0%,#242424 100%)!important;border-left:1px solid #555!important;overflow:hidden!important;pointer-events:none!important}
 html body .fai.fai-mascot .fai-card{position:absolute!important;top:0!important;left:0!important;right:0!important;height:calc(100% - 205px)!important;overflow:visible!important}
 html body .fai.fai-mascot .fai-character{position:absolute!important;right:24px!important;bottom:0!important;width:135px!important;height:198px!important;max-height:198px!important;object-fit:contain!important;animation:none!important;transform:none!important}
 html body .fai.fai-mascot .hotspot.hs-sara{right:20px!important;bottom:0!important;top:auto!important;left:auto!important;width:155px!important;height:200px!important}
 html body .fai.fai-mascot .fai-greeting{position:absolute!important;top:auto!important;bottom:67px!important;right:9px!important;left:9px!important;width:auto!important;max-width:252px!important;padding:8px 10px!important;font-size:14px!important;line-height:1.3!important}
 html body .fai.fai-mascot .fai-greeting-title{font-size:17px!important}
 html body .fai.fai-mascot .fai-greeting-prompt{font-size:12px!important;white-space:normal!important}
 html body .fai.fai-mascot .fai-greeting small{font-size:11px!important}
 html body .fai.fai-mascot .fai-start-form{position:absolute!important;top:auto!important;bottom:7px!important;right:9px!important;left:9px!important;width:auto!important;height:48px!important;max-width:252px!important;padding:4px!important}
 html body .fai.fai-mascot .fai-start-input{font-size:12px!important;padding:6px!important}
 html body .fai.fai-mascot .fai-start-form button{width:37px!important;height:37px!important;font-size:18px!important}
 html body .fai.fai-mascot .chat:not([hidden]){position:absolute!important;top:12px!important;left:8px!important;right:8px!important;bottom:210px!important;width:calc(100% - 16px)!important;max-width:none!important;max-height:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
 html body .fai.fai-mascot .chat main{height:auto!important;max-height:300px!important;min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:#7a201b #eee!important}
 html body .fai.fai-mascot .chat .msg{font-size:12px!important;line-height:1.3!important;max-width:100%!important}
 html body .fai.fai-mascot.fai-chat-open .fai-character{display:block!important;visibility:visible!important;opacity:1!important}
}
@media (max-width:899px){
 html body .fai.fai-mascot .fai-character{animation:none!important;transform:none!important}
 html body .fai.fai-mascot .chat main{max-height:260px!important;overflow-y:auto!important;scrollbar-width:thin!important}
}

/* FINAT 0.4.40 — usa ESCLUSIVAMENTE il margine grigio esistente.
   Nessun padding al body, nessuna nuova colonna, nessuno sfondo autonomo. */
@media (min-width:1600px){
 html body .fai.fai-mascot{
  right:0!important;left:auto!important;top:0!important;bottom:0!important;
  width:min(280px,calc((100vw - 1420px)/2 - 8px))!important;
  max-width:min(280px,calc((100vw - 1420px)/2 - 8px))!important;
  height:100dvh!important;background:transparent!important;border:0!important;
  overflow:visible!important;pointer-events:none!important;
 }
 html body .fai.fai-mascot .fai-card{height:100%!important;top:0!important}
 html body .fai.fai-mascot .fai-character{right:calc(50% - 68px)!important;bottom:0!important}
 html body .fai.fai-mascot .hotspot.hs-sara{right:calc(50% - 78px)!important;bottom:0!important}
 html body .fai.fai-mascot .fai-greeting{bottom:280px!important;right:6px!important;left:6px!important;width:calc(100% - 12px)!important;max-width:none!important}
 html body .fai.fai-mascot .fai-start-form{bottom:220px!important;right:6px!important;left:6px!important;width:calc(100% - 12px)!important;max-width:none!important}
 html body .fai.fai-mascot .chat:not([hidden]){top:auto!important;bottom:220px!important;left:4px!important;right:4px!important;width:calc(100% - 8px)!important;height:min(420px,calc(100dvh - 255px))!important;max-height:calc(100dvh - 255px)!important}
 html body .fai.fai-mascot .chat main{height:auto!important;max-height:none!important;overflow-y:auto!important}
}
/* Su schermi con margini laterali stretti non si crea alcuna barra aggiuntiva. */
@media (min-width:900px) and (max-width:1599px){
 html body .fai.fai-mascot{right:8px!important;left:auto!important;top:auto!important;bottom:0!important;width:170px!important;max-width:170px!important;height:235px!important;background:transparent!important;border:0!important;overflow:visible!important}
 html body .fai.fai-mascot .fai-card{height:100%!important;top:0!important}
 html body .fai.fai-mascot .fai-character{right:0!important;bottom:0!important;width:100px!important;height:180px!important}
 html body .fai.fai-mascot .hotspot.hs-sara{right:0!important;bottom:0!important;width:100px!important;height:180px!important}
 html body .fai.fai-mascot .fai-greeting{right:0!important;left:auto!important;bottom:195px!important;width:170px!important;max-width:170px!important}
 html body .fai.fai-mascot .fai-start-form{right:0!important;left:auto!important;bottom:140px!important;width:170px!important;max-width:170px!important}
 html body .fai.fai-mascot .chat:not([hidden]){right:0!important;left:auto!important;top:auto!important;bottom:190px!important;width:230px!important;max-width:230px!important;height:300px!important;max-height:50vh!important}
}

/* FINAT 0.4.41 — compositore chat per il margine laterale stretto. */
html body .fai.fai-mascot .chat form{
 display:grid!important;
 grid-template-columns:1fr 1fr!important;
 grid-template-rows:minmax(42px,auto) 38px!important;
 gap:7px!important;
 align-items:center!important;
 padding:9px!important;
 min-width:0!important;
}
html body .fai.fai-mascot .chat form .fai-input-wrap{
 grid-column:1 / -1!important;
 grid-row:1!important;
 width:100%!important;
 min-width:0!important;
 display:flex!important;
}
html body .fai.fai-mascot .chat form .fai-input-wrap input{
 display:block!important;
 width:100%!important;
 min-width:0!important;
 height:42px!important;
 font-size:12px!important;
 padding:8px 30px 8px 10px!important;
 border:1px solid #7a201b!important;
 border-radius:10px!important;
 background:#fff!important;
 color:#18232b!important;
}
html body .fai.fai-mascot .chat form button.mic,
html body .fai.fai-mascot .chat form button.send{
 position:static!important;
 grid-row:2!important;
 justify-self:center!important;
 width:38px!important;
 min-width:38px!important;
 height:38px!important;
 min-height:38px!important;
 padding:0!important;
 border:1pt solid #7a201b!important;
 border-radius:50%!important;
 box-sizing:border-box!important;
 cursor:pointer!important;
}
html body .fai.fai-mascot .chat form button.mic{grid-column:1!important;background:#fff!important;color:#17212b!important}
html body .fai.fai-mascot .chat form button.send{grid-column:2!important;background:#1aaadc!important;color:#fff!important}
html body .fai.fai-mascot .chat .voice-disclosure{display:none!important}

/* 0.4.42: bordo istituzionale, campo intero e comandi sotto anche nella chat stretta. */
html body .fai.fai-mascot .fai-greeting,
html body .fai.fai-mascot .fai-start-form,
html body .fai.fai-mascot .chat,
html body .fai.fai-mascot .chat .fai-input-wrap input {border:1pt solid #7a201b!important;}
html body .fai.fai-mascot .fai-start-form button {border:1pt solid #7a201b!important;box-sizing:border-box!important;}
html body .fai.fai-mascot .chat:not([hidden]) {display:flex!important;flex-direction:column!important;}
html body .fai.fai-mascot .chat form {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:44px 40px!important;gap:7px!important;padding:9px!important;flex-shrink:0!important;}
html body .fai.fai-mascot .chat form .fai-input-wrap {grid-column:1 / -1!important;grid-row:1!important;width:100%!important;min-width:0!important;position:relative!important;}
html body .fai.fai-mascot .chat form .fai-input-wrap input {width:100%!important;max-width:100%!important;min-width:0!important;height:44px!important;padding:8px 27px 8px 10px!important;border-radius:10px!important;box-sizing:border-box!important;}
html body .fai.fai-mascot .chat form button.mic,
html body .fai.fai-mascot .chat form button.send {position:static!important;transform:none!important;grid-row:2!important;justify-self:center!important;align-self:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border:1pt solid #7a201b!important;border-radius:50%!important;box-sizing:border-box!important;}
html body .fai.fai-mascot .chat form button.mic {grid-column:1!important;background:#fff!important;color:#17212b!important;}
html body .fai.fai-mascot .chat form button.send {grid-column:2!important;background:#1aaadc!important;color:#fff!important;}
html body .fai.fai-mascot .chat .voice-disclosure {display:none!important;}
html body .fai.fai-mascot .chat main {flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;}
html body .fai.fai-mascot .fai-character {cursor:pointer!important;pointer-events:auto!important;}
/* La chat rimane riapribile e non viene cancellata alla chiusura. */

/* 0.4.43: saluto essenziale e mascotte sempre visibile */
html body .fai.fai-mascot .fai-greeting{line-height:1.3!important;}
html body .fai.fai-mascot .fai-greeting-title{font-size:15px!important;font-weight:700!important;}
html body .fai.fai-mascot .fai-greeting-prompt{font-size:12px!important;}
html body .fai.fai-mascot .fai-character{display:block!important;visibility:visible!important;opacity:1!important;}

/* FINAT 0.4.44: mantieni lo spazio grigio esistente; migliora Taggy su mobile. */
html body .fai.fai-mascot .fai-character {object-fit:contain!important;object-position:center bottom!important;}
@media (max-width:899px){
 html body .fai.fai-mascot {position:fixed!important;right:8px!important;left:auto!important;top:auto!important;bottom:0!important;width:min(325px,calc(100vw - 16px))!important;max-width:none!important;height:300px!important;overflow:visible!important;background:transparent!important;border:0!important;pointer-events:none!important;}
 html body .fai.fai-mascot>.fai-character {position:absolute!important;right:0!important;bottom:0!important;width:140px!important;height:245px!important;max-height:245px!important;display:block!important;visibility:visible!important;opacity:1!important;animation:none!important;transform:none!important;z-index:8!important;pointer-events:auto!important;}
 html body .fai.fai-mascot>.hotspot.hs-sara {position:absolute!important;right:0!important;left:auto!important;bottom:0!important;top:auto!important;width:140px!important;height:245px!important;z-index:9!important;pointer-events:auto!important;}
 html body .fai.fai-mascot .fai-card {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible!important;background:transparent!important;}
 html body .fai.fai-mascot .fai-greeting {position:absolute!important;right:145px!important;left:auto!important;bottom:165px!important;width:calc(100% - 150px)!important;max-width:none!important;background:#fff!important;color:#17212b!important;border:1pt solid #7a201b!important;border-radius:16px!important;padding:9px!important;z-index:10!important;pointer-events:auto!important;}
 html body .fai.fai-mascot .fai-start-form {position:absolute!important;right:145px!important;left:auto!important;bottom:98px!important;width:calc(100% - 150px)!important;max-width:none!important;height:54px!important;background:#fff!important;border:1pt solid #7a201b!important;border-radius:15px!important;z-index:10!important;pointer-events:auto!important;}
 html body .fai.fai-mascot .fai-start-input {width:100%!important;min-width:0!important;font-size:12px!important;}
 html body .fai.fai-mascot .chat:not([hidden]) {position:absolute!important;right:0!important;left:auto!important;top:auto!important;bottom:245px!important;width:min(340px,calc(100vw - 16px))!important;max-width:none!important;height:min(490px,calc(100dvh - 300px))!important;max-height:calc(100dvh - 300px)!important;display:flex!important;flex-direction:column!important;background:#fff!important;border:1pt solid #7a201b!important;border-radius:15px!important;box-shadow:0 6px 24px #0006!important;overflow:hidden!important;z-index:12!important;pointer-events:auto!important;}
 html body .fai.fai-mascot .chat header {flex-shrink:0!important;}
 html body .fai.fai-mascot .chat main {flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;background:#fff!important;overflow-y:auto!important;overflow-x:hidden!important;color:#17212b!important;}
 html body .fai.fai-mascot .chat form {background:#fff!important;flex-shrink:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:44px 40px!important;}
 html body .fai.fai-mascot .chat .msg {overflow-wrap:anywhere!important;white-space:pre-wrap!important;}
}
@media(max-width:380px){html body .fai.fai-mascot {width:calc(100vw - 10px)!important;right:5px!important;}html body .fai.fai-mascot .fai-greeting,html body .fai.fai-mascot .fai-start-form {right:133px!important;width:calc(100% - 137px)!important;}html body .fai.fai-mascot>.fai-character,html body .fai.fai-mascot>.hotspot.hs-sara{width:128px!important;}}

/* FINAT 0.4.45 — Taggy su sfondo bordeaux sfumato, testo bianco */
html body .fai.fai-mascot .fai-greeting {
 background:radial-gradient(ellipse at 25% 20%,#aa4a48 0%,transparent 65%),radial-gradient(ellipse at 85% 85%,#4b0e16 0%,transparent 65%),linear-gradient(145deg,#7c2024,#5a1319)!important;
 color:#fff!important;border:1pt solid #8b2426!important;box-shadow:0 3px 12px #0003!important;
}
html body .fai.fai-mascot .fai-greeting-title,
html body .fai.fai-mascot .fai-greeting-prompt {color:#fff!important;}
html body .fai.fai-mascot .fai-character {object-fit:contain!important;object-position:bottom center!important;}
/* Il file della mascotte ha nome nuovo per evitare la cache dell'immagine precedente. */

/* FINAT 0.4.47 — solo all'interno di Taggy, nessuna regola sui contenuti Home3. */
html body .fai.fai-mascot .chat main .msg.bot,
html body .fai.fai-mascot .chat main .msg.bot.wait {
 background:radial-gradient(ellipse at 15% 15%,#a14449 0%,transparent 75%),linear-gradient(145deg,#83232a 0%,#5b101a 100%)!important;
 color:#fff!important;
 border:1pt solid #7a201b!important;
 border-radius:18px!important;
 box-shadow:none!important;
}
html body .fai.fai-mascot .chat main .msg.user {
 background:#fff!important;color:#1a2028!important;
 border:1pt solid #7a201b!important;
 border-radius:18px!important;
 box-shadow:none!important;
}
html body .fai.fai-mascot .chat main .msg.bot .speak {color:#fff!important;opacity:.95!important;}
html body .fai.fai-mascot .chat form button.send,
html body .fai.fai-mascot .fai-start-form button {
 background:linear-gradient(145deg,#942d34,#68141e)!important;
 color:#fff!important;border:1pt solid #7a201b!important;
}
html body .fai.fai-mascot .fai-greeting,
html body .fai.fai-mascot .chat,
html body .fai.fai-mascot .fai-start-form {
 border-radius:18px!important;
}
html body .fai.fai-mascot .chat form .fai-input-wrap input {border-radius:18px!important;}
/* Conserva i bordi arrotondati dei messaggi anche quando il tema applica stili globali. */
html body .fai.fai-mascot .chat main .msg {overflow:hidden!important;}

/* 0.4.48: desktop — fumetto e compositore interamente nel margine laterale. */
@media(min-width:1600px){
 html body .fai.fai-mascot{overflow:hidden!important;}
 html body .fai.fai-mascot .fai-card{overflow:hidden!important;}
 html body .fai.fai-mascot .fai-greeting,
 html body .fai.fai-mascot .fai-start-form{left:6px!important;right:6px!important;width:calc(100% - 12px)!important;max-width:calc(100% - 12px)!important;box-sizing:border-box!important;}
 html body .fai.fai-mascot .chat:not([hidden]){left:4px!important;right:4px!important;width:calc(100% - 8px)!important;max-width:calc(100% - 8px)!important;box-sizing:border-box!important;}
}
/* 0.4.48: mobile — fascia grigio rigato dedicata, subito prima del footer. */
@media(max-width:899px){
 html body .fai-mobile-zone{position:relative!important;display:block!important;width:100%!important;min-height:340px!important;isolation:isolate!important;background:repeating-linear-gradient(0deg,#292b2d 0px,#292b2d 3px,#303234 4px,#303234 7px)!important;overflow:visible!important;clear:both!important;}
 html body .fai-mobile-zone>.fai.fai-mascot{position:relative!important;top:auto!important;bottom:auto!important;right:auto!important;left:auto!important;margin:0 auto!important;width:min(360px,100%)!important;max-width:100%!important;height:340px!important;overflow:visible!important;}
 html body .fai-mobile-zone .fai.fai-mascot>.fai-character{bottom:0!important;right:10px!important;height:245px!important;width:140px!important;}
 html body .fai-mobile-zone .fai.fai-mascot>.hotspot.hs-sara{bottom:0!important;right:10px!important;height:245px!important;width:140px!important;}
 html body .fai-mobile-zone .fai.fai-mascot .fai-greeting{bottom:210px!important;right:155px!important;width:calc(100% - 165px)!important;}
 html body .fai-mobile-zone .fai.fai-mascot .fai-start-form{bottom:145px!important;right:155px!important;width:calc(100% - 165px)!important;}
 html body .fai-mobile-zone .fai.fai-mascot .chat:not([hidden]){position:absolute!important;bottom:260px!important;right:5px!important;width:calc(100% - 10px)!important;height:min(440px,55dvh)!important;max-height:55dvh!important;}
}

/* 0.4.49: ISOLAMENTO DEFINITIVO. Nessuna regola su body, header o Home3. */
@media (min-width:1600px){
 html body .fai.fai-mascot{right:0!important;left:auto!important;top:0!important;bottom:0!important;width:max(0px,calc((100vw - 1420px)/2 - 10px))!important;max-width:280px!important;height:100dvh!important;overflow:hidden!important;background:transparent!important;contain:layout style!important}
 html body .fai.fai-mascot .fai-card{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important}
 html body .fai.fai-mascot .fai-greeting,html body .fai.fai-mascot .fai-start-form{left:6px!important;right:6px!important;width:calc(100% - 12px)!important;max-width:calc(100% - 12px)!important;margin:0!important;box-sizing:border-box!important;transform:none!important}
 html body .fai.fai-mascot .chat:not([hidden]){left:4px!important;right:4px!important;width:calc(100% - 8px)!important;max-width:calc(100% - 8px)!important;box-sizing:border-box!important;transform:none!important}
 html body .fai.fai-mascot>.fai-character{right:0!important;left:auto!important;bottom:0!important;transform:none!important;animation:none!important}
}
@media (min-width:900px) and (max-width:1599px){
 /* Su monitor con margine insufficiente non sovrapporre le nuvole alla Home. */
 html body .fai.fai-mascot{right:0!important;left:auto!important;width:max(0px,calc((100vw - 1420px)/2 - 8px))!important;max-width:220px!important;overflow:hidden!important;contain:layout style!important}
 html body .fai.fai-mascot .fai-card{overflow:hidden!important}
 html body .fai.fai-mascot .fai-greeting,html body .fai.fai-mascot .fai-start-form{left:5px!important;right:5px!important;width:calc(100% - 10px)!important;max-width:calc(100% - 10px)!important;box-sizing:border-box!important}
}
@media(max-width:899px){
 html body .fai-mobile-zone{height:auto!important;min-height:0!important;padding:12px 0 0!important;margin:0!important;overflow:visible!important;clear:both!important;background:repeating-linear-gradient(0deg,#292b2d 0,#292b2d 3px,#303234 4px,#303234 7px)!important}
 html body .fai-mobile-zone>.fai.fai-mascot{position:relative!important;inset:auto!important;display:block!important;width:min(360px,100%)!important;height:290px!important;min-height:290px!important;max-height:290px!important;margin:0 auto!important;overflow:visible!important;transform:none!important;animation:none!important}
 html body .fai-mobile-zone .fai.fai-mascot>.fai-character{position:absolute!important;bottom:0!important;right:4px!important;top:auto!important;width:170px!important;height:278px!important;max-height:278px!important;object-fit:contain!important;object-position:bottom!important;transform:none!important;animation:none!important;transition:none!important;filter:drop-shadow(0 3px 2px #0003)!important}
 html body .fai-mobile-zone .fai.fai-mascot>.hotspot.hs-sara{bottom:0!important;right:4px!important;width:170px!important;height:278px!important;transform:none!important}
 html body .fai-mobile-zone .fai.fai-mascot .fai-greeting{bottom:187px!important;right:178px!important;left:auto!important;width:calc(100% - 184px)!important;max-width:calc(100% - 184px)!important;transform:none!important;border-radius:12px!important}
 html body .fai-mobile-zone .fai.fai-mascot .fai-start-form{bottom:122px!important;right:178px!important;left:auto!important;width:calc(100% - 184px)!important;max-width:calc(100% - 184px)!important;transform:none!important}
 html body .fai-mobile-zone .fai.fai-mascot .chat:not([hidden]){position:absolute!important;bottom:290px!important;right:4px!important;left:auto!important;width:calc(100% - 8px)!important;max-height:50dvh!important;transform:none!important}
}

/* 0.4.50 — ripristino posizione, senza spostare Home3. Sostituisce i vincoli 0.4.49. */
@media (min-width:900px){
 html body .fai.fai-mascot{position:fixed!important;top:auto!important;bottom:0!important;left:auto!important;right:0!important;width:clamp(155px,calc((100vw - 1420px)/2),235px)!important;max-width:235px!important;height:390px!important;min-width:155px!important;overflow:visible!important;background:transparent!important;contain:none!important;transform:none!important;animation:none!important;box-sizing:border-box!important;}
 html body .fai.fai-mascot .fai-card{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible!important;}
 html body .fai.fai-mascot .fai-greeting{position:absolute!important;left:6px!important;right:6px!important;bottom:260px!important;width:calc(100% - 12px)!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;transform:none!important;overflow-wrap:break-word!important;}
 html body .fai.fai-mascot .fai-start-form{position:absolute!important;left:6px!important;right:6px!important;bottom:198px!important;width:calc(100% - 12px)!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;transform:none!important;}
 html body .fai.fai-mascot>.fai-character{position:absolute!important;right:calc(50% - 74px)!important;left:auto!important;bottom:0!important;top:auto!important;width:148px!important;height:198px!important;max-height:198px!important;object-fit:contain!important;object-position:bottom center!important;transform:none!important;animation:none!important;transition:none!important;}
 html body .fai.fai-mascot>.hotspot.hs-sara{right:calc(50% - 74px)!important;left:auto!important;bottom:0!important;width:148px!important;height:198px!important;}
 html body .fai.fai-mascot .chat:not([hidden]){position:absolute!important;left:3px!important;right:3px!important;bottom:202px!important;top:auto!important;width:calc(100% - 6px)!important;max-width:none!important;max-height:min(420px,calc(100dvh - 220px))!important;box-sizing:border-box!important;transform:none!important;}
}
@media(max-width:899px){
 html body .fai-mobile-zone{display:block!important;position:relative!important;width:100%!important;max-width:100%!important;height:310px!important;min-height:310px!important;max-height:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;overflow:visible!important;clear:both!important;isolation:isolate!important;background:repeating-linear-gradient(0deg,#292b2d 0px,#292b2d 3px,#303234 4px,#303234 7px)!important;}
 html body .fai-mobile-zone>.fai.fai-mascot{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;display:block!important;margin:0 auto!important;width:min(360px,100%)!important;max-width:100%!important;height:310px!important;min-height:310px!important;overflow:visible!important;transform:none!important;animation:none!important;transition:none!important;contain:none!important;}
 html body .fai-mobile-zone .fai.fai-mascot .fai-card{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible!important;background:transparent!important;}
 html body .fai-mobile-zone .fai.fai-mascot>.fai-character{position:absolute!important;top:auto!important;bottom:0!important;right:4px!important;left:auto!important;width:160px!important;height:298px!important;max-height:298px!important;object-fit:contain!important;object-position:bottom center!important;transform:none!important;animation:none!important;transition:none!important;}
 html body .fai-mobile-zone .fai.fai-mascot>.hotspot.hs-sara{position:absolute!important;top:auto!important;bottom:0!important;right:4px!important;left:auto!important;width:160px!important;height:298px!important;transform:none!important;}
 html body .fai-mobile-zone .fai.fai-mascot .fai-greeting{position:absolute!important;top:auto!important;bottom:194px!important;right:167px!important;left:auto!important;width:calc(100% - 175px)!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;transform:none!important;}
 html body .fai-mobile-zone .fai.fai-mascot .fai-start-form{position:absolute!important;top:auto!important;bottom:127px!important;right:167px!important;left:auto!important;width:calc(100% - 175px)!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;transform:none!important;}
 html body .fai-mobile-zone .fai.fai-mascot .chat:not([hidden]){position:absolute!important;top:auto!important;bottom:310px!important;left:4px!important;right:4px!important;width:calc(100% - 8px)!important;max-width:none!important;height:min(420px,50dvh)!important;max-height:50dvh!important;transform:none!important;}
}

/* FINAT 0.4.51 — posizione mobile ancorata al box, nessun movimento. */
@media(max-width:899px){
 html body .fai-mobile-zone{position:relative!important;overflow:hidden!important;transform:none!important;animation:none!important;}
 html body .fai-mobile-zone>.fai.fai-mascot{position:relative!important;inset:auto!important;transform:none!important;animation:none!important;transition:none!important;}
 html body .fai-mobile-zone .fai.fai-mascot>.fai-character{position:absolute!important;bottom:0!important;top:auto!important;transform:none!important;animation:none!important;transition:none!important;}
 html body .fai-mobile-zone .fai.fai-mascot>.hotspot.hs-sara{position:absolute!important;bottom:0!important;top:auto!important;transform:none!important;animation:none!important;transition:none!important;}
}

/* FINAT 0.4.52 — mobile: Taggy in flusso prima del footer, MAI fixed/sticky. */
@media(max-width:899px){
 html body .fai-mobile-zone{display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;height:310px!important;min-height:310px!important;margin:0!important;padding:0!important;clear:both!important;overflow:visible!important;transform:none!important;animation:none!important;background:repeating-linear-gradient(0deg,#292b2d 0px,#292b2d 3px,#303234 4px,#303234 7px)!important;}
 html body .fai-mobile-zone>.fai.fai-mascot{display:block!important;position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;inset:auto!important;width:min(360px,100%)!important;max-width:100%!important;height:310px!important;min-height:310px!important;margin:0 auto!important;overflow:visible!important;transform:none!important;animation:none!important;transition:none!important;}
 html body .fai-mobile-zone>.fai.fai-mascot>.fai-character{position:absolute!important;bottom:0!important;top:auto!important;right:4px!important;left:auto!important;transform:none!important;animation:none!important;transition:none!important;}
 html body .fai-mobile-zone>.fai.fai-mascot>.hotspot.hs-sara{position:absolute!important;bottom:0!important;top:auto!important;right:4px!important;left:auto!important;transform:none!important;animation:none!important;transition:none!important;}
}

/* FINAT 0.4.53 — alternanza messaggi: Taggy a sinistra, cliente a destra.
   I fumetti si restringono al testo, senza modificare la posizione della mascotte. */
html body .fai.fai-mascot .chat main .msg{display:table!important;width:fit-content!important;max-width:82%!important;min-width:0!important;clear:both!important;overflow-wrap:anywhere!important;box-sizing:border-box!important;}
html body .fai.fai-mascot .chat main .msg.bot{margin-left:0!important;margin-right:auto!important;float:none!important;}
html body .fai.fai-mascot .chat main .msg.user{margin-left:auto!important;margin-right:0!important;float:none!important;}
@media(max-width:899px){
 /* Taggy rimane nel normale flusso, sopra il footer: nessun position:fixed.
    Accorciamo esclusivamente la fascia grigia, senza cambiare l'ancoraggio. */
 html body .fai-mobile-zone{height:260px!important;min-height:260px!important;max-height:260px!important;padding:0!important;}
 html body .fai-mobile-zone>.fai.fai-mascot{height:260px!important;min-height:260px!important;max-height:260px!important;position:relative!important;transform:none!important;}
 html body .fai-mobile-zone>.fai.fai-mascot>.fai-character{height:248px!important;max-height:248px!important;bottom:0!important;animation:none!important;transform:none!important;}
 html body .fai-mobile-zone>.fai.fai-mascot>.hotspot.hs-sara{height:248px!important;bottom:0!important;}
 html body .fai-mobile-zone .fai.fai-mascot .fai-greeting{bottom:154px!important;}
 html body .fai-mobile-zone .fai.fai-mascot .fai-start-form{bottom:86px!important;}
 html body .fai-mobile-zone .fai.fai-mascot .chat:not([hidden]){bottom:260px!important;}
}

/* FINAT 0.4.56: chat mobile nel flusso della pagina, senza coprire i cataloghi.
   11px ~ 3mm di fascia grigia libera prima della finestra conversazione. */
@media (max-width:899px){
 html body .fai-mobile-zone{--fai-chat-height:min(420px,50dvh);}
 html body .fai-mobile-zone.fai-mobile-chat-open{
   height:calc(260px + var(--fai-chat-height) + 11px)!important;
   min-height:calc(260px + var(--fai-chat-height) + 11px)!important;
   max-height:none!important;
   overflow:visible!important;
 }
 html body .fai-mobile-zone.fai-mobile-chat-open>.fai.fai-mascot{
   margin-top:calc(var(--fai-chat-height) + 11px)!important;
   height:260px!important;min-height:260px!important;
 }
 html body .fai-mobile-zone.fai-mobile-chat-open .fai.fai-mascot .chat:not([hidden]){
   bottom:260px!important;top:auto!important;
   height:var(--fai-chat-height)!important;max-height:var(--fai-chat-height)!important;
 }
}

/* FINAT 0.4.58: nome visibile, nuvolette +3mm a destra, puntini evidenti. */
html body .fai.fai-mascot .fai-mascot-name{
 position:absolute!important;right:10px!important;bottom:174px!important;
 z-index:14!important;display:block!important;padding:4px 10px!important;
 border-radius:7px!important;background:#111!important;color:#fff!important;
 font:700 14px/1.2 Arial,sans-serif!important;pointer-events:none!important;
}
@media(min-width:900px){
 html body .fai.fai-mascot .fai-greeting,
 html body .fai.fai-mascot .fai-start-form{transform:translateX(11px)!important;}
}
@media(max-width:899px){
 html body .fai-mobile-zone .fai.fai-mascot .fai-greeting,
 html body .fai-mobile-zone .fai.fai-mascot .fai-start-form{transform:translateX(11px)!important;}
 html body .fai-mobile-zone .fai.fai-mascot .fai-mascot-name{right:28px!important;bottom:252px!important;}
}
html body .fai.fai-mascot .fai-start-input{font-weight:400!important;}
html body .fai.fai-mascot .fai-start-input::placeholder{
 font-weight:900!important;color:#555!important;opacity:1!important;
}

/* FINAT 0.4.59 - Solo firma Taddy: a sinistra del cappello, senza etichetta. */
html body .fai.fai-mascot .fai-mascot-name{
  left:8px!important;right:auto!important;bottom:132px!important;
  width:max-content!important;max-width:95px!important;
  padding:0!important;margin:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  color:#fff!important;
  font-family:"Segoe Script","Brush Script MT","Segoe Print",cursive!important;
  font-size:22px!important;font-style:italic!important;font-weight:700!important;
  line-height:1.2!important;letter-spacing:.1px!important;
  text-shadow:0 1px 2px rgba(0,0,0,.7)!important;
  transform:rotate(-9deg)!important;z-index:15!important;
  pointer-events:none!important;
}
html body .fai.fai-mascot .fai-mascot-name::after{
  content:""!important;display:block!important;position:relative!important;
  width:92%!important;height:3px!important;margin:1px 0 0 3px!important;
  border-radius:70% 30% 70% 30%!important;background:#8b1d23!important;
  transform:rotate(-5deg)!important;
}
@media(max-width:899px){
 html body .fai-mobile-zone .fai.fai-mascot .fai-mascot-name{
  left:auto!important;right:154px!important;bottom:113px!important;
  font-size:21px!important;
 }
}

/* FINAT 0.4.61 — firma Taggy piccola, arcuata accanto al cappello. */
html body .fai.fai-mascot .fai-mascot-name{
  font-size:15px!important;max-width:76px!important;
  left:15px!important;bottom:144px!important;
  transform:rotate(-17deg)!important;
  transform-origin:80% 100%!important;
}
html body .fai.fai-mascot .fai-mascot-name::after{
  width:100%!important;height:8px!important;
  margin:-2px 0 0 0!important;
  background:transparent!important;
  border-bottom:2.5px solid #9c222a!important;
  border-radius:0 0 65% 45%!important;
  transform:rotate(-5deg)!important;
}
@media(max-width:899px){
  html body .fai-mobile-zone .fai.fai-mascot .fai-mascot-name{
    font-size:15px!important;right:157px!important;left:auto!important;bottom:126px!important;
  }
}

/* FINAT 0.4.62 — solo desktop: mascotte Taggy all'80% rispetto a 0.4.61.
   Immagine e area cliccabile rimangono perfettamente sovrapposte. */
@media (min-width:900px){
 html body .fai.fai-mascot>.fai-character{
  width:118.4px!important;height:158.4px!important;max-height:158.4px!important;
  right:calc(50% - 59.2px)!important;bottom:0!important;
 }
 html body .fai.fai-mascot>.hotspot.hs-sara{
  width:118.4px!important;height:158.4px!important;
  right:calc(50% - 59.2px)!important;bottom:0!important;
 }
 html body .fai.fai-mascot .fai-mascot-name{font-size:12px!important;}
}


/* FINAT 0.4.64: il nome Taggy è già integrato nel PNG ufficiale.
   Elimina la firma HTML duplicata e sposta solo la mascotte PC di 10mm a destra. */
html body .fai.fai-mascot .fai-mascot-name,
html body .fai-mobile-zone .fai.fai-mascot .fai-mascot-name {
 display:none!important;
 visibility:hidden!important;
}
@media (min-width:900px) {
 html body .fai.fai-mascot>.fai-character,
 html body .fai.fai-mascot>.hotspot.hs-sara {
   right:calc(50% - 59.2px - 10mm)!important;
 }
}


/* FINAT 0.4.65 — Solo PC: nuvolette leggermente più basse,
   sfalsate tra loro e chat centrata nella fascia laterale grigia.
   Conserva mascotte 80%, offset 10mm e firma già integrata nel PNG. */
@media (min-width:900px) {
 html body .fai.fai-mascot .fai-greeting {
   left:9px!important;right:auto!important;
   width:calc(100% - 24px)!important;max-width:none!important;
   bottom:248px!important;transform:none!important;
 }
 html body .fai.fai-mascot .fai-start-form {
   left:17px!important;right:auto!important;
   width:calc(100% - 24px)!important;max-width:none!important;
   bottom:185px!important;transform:none!important;
 }
 html body .fai.fai-mascot .chat:not([hidden]) {
   left:8px!important;right:8px!important;
   width:calc(100% - 16px)!important;max-width:none!important;
   transform:none!important;margin:0!important;
   box-sizing:border-box!important;
 }
}

/* FINAT 0.4.66: vincolo rigido desktop alla fascia destra del 10% viewport. */
@media (min-width:900px) {
 html body .fai.fai-mascot {
   position:fixed!important;left:auto!important;right:0!important;
   width:10vw!important;max-width:10vw!important;min-width:0!important;
   box-sizing:border-box!important;overflow:hidden!important;
 }
 html body .fai.fai-mascot .fai-card {left:0!important;right:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;}
 html body .fai.fai-mascot .fai-greeting,
 html body .fai.fai-mascot .fai-start-form {
   left:4px!important;right:4px!important;width:calc(100% - 8px)!important;
   max-width:calc(100% - 8px)!important;min-width:0!important;
   transform:none!important;box-sizing:border-box!important;overflow-wrap:anywhere!important;
 }
 html body .fai.fai-mascot .fai-greeting {padding:8px!important;font-size:clamp(11px,0.85vw,15px)!important;}
 html body .fai.fai-mascot .fai-start-form {padding:3px!important;gap:2px!important;}
 html body .fai.fai-mascot .fai-start-input {min-width:0!important;width:0!important;font-size:12px!important;}
 html body .fai.fai-mascot .fai-start-form button {width:32px!important;height:32px!important;min-width:32px!important;}
 html body .fai.fai-mascot .chat:not([hidden]) {
   left:3px!important;right:3px!important;width:calc(100% - 6px)!important;
   max-width:calc(100% - 6px)!important;min-width:0!important;
   transform:none!important;box-sizing:border-box!important;overflow:hidden!important;
 }
 html body .fai.fai-mascot>.fai-character,
 html body .fai.fai-mascot>.hotspot.hs-sara {
   width:min(118.4px, 100%)!important;max-width:100%!important;
   right:0!important;left:auto!important;transform:none!important;
 }
}

/* 0.4.68 — Saluto con dimensione e peso uniformi, senza modifiche al layout. */
html body .fai.fai-mascot .fai-greeting .fai-greeting-title,
html body .fai.fai-mascot .fai-greeting .fai-greeting-prompt {font-size:12px!important;font-weight:400!important;line-height:1.45!important;white-space:normal!important;}

/* FINAT 0.4.69 — riduzione discreta del solo assistente desktop.
   La fascia laterale resta invariata; chat aperta e mobile non cambiano. */
@media (min-width:900px) {
 html body .fai.fai-mascot>.fai-character,
 html body .fai.fai-mascot>.hotspot.hs-sara {
   width:min(94.72px,100%)!important; height:126.72px!important;
   max-height:126.72px!important;right:0!important;bottom:0!important;
 }
 html body .fai.fai-mascot .fai-greeting {
   left:7.5%!important;right:auto!important;width:85%!important;
   max-width:85%!important;bottom:202px!important;
   padding:7px!important;box-sizing:border-box!important;
 }
 html body .fai.fai-mascot .fai-start-form {
   left:7.5%!important;right:auto!important;width:85%!important;
   max-width:85%!important;bottom:151px!important;
   height:46px!important;box-sizing:border-box!important;
 }
 html body .fai.fai-mascot .fai-start-form button {
   width:28px!important;height:28px!important;min-width:28px!important;
 }
}
/* Nasconde solo il saluto, senza togliere il campo di domanda o Taggy. */
html body .fai.fai-mascot.fai-greeting-expired .fai-greeting {
 opacity:0!important;visibility:hidden!important;pointer-events:none!important;
 transition:opacity .25s ease,visibility .25s ease!important;
}

/* FINAT 0.4.71 — nuvolette compatte, angoli come i box prodotto (7px).
   Prima la domanda del visitatore (sopra a sinistra), poi il saluto di Taggy
   (sotto a destra, piu vicino alla mascotte). Nessuna modifica alla chat aperta. */
html body .fai.fai-mascot .fai-greeting,
html body .fai.fai-mascot .fai-start-form {border-radius:7px!important;}
html body .fai.fai-mascot .fai-greeting .fai-greeting-title,
html body .fai.fai-mascot .fai-greeting .fai-greeting-prompt {display:block!important;}
@media (min-width:900px) {
 html body .fai.fai-mascot .fai-start-form {
   left:4%!important;right:auto!important;width:70%!important;max-width:70%!important;
   bottom:202px!important;
 }
 html body .fai.fai-mascot .fai-greeting {
   left:auto!important;right:4%!important;width:70%!important;max-width:70%!important;
   bottom:135px!important;
 }
}
@media (max-width:899px) {
 html body .fai.fai-mascot .fai-start-form {
   left:3%!important;right:auto!important;width:70%!important;max-width:70%!important;
   bottom:205px!important;
 }
 html body .fai.fai-mascot .fai-greeting {
   left:auto!important;right:3%!important;width:70%!important;max-width:70%!important;
   bottom:135px!important;
 }
}

/* FINAT 0.4.72 — Alternanza visiva delle due nuvole prima del primo messaggio.
   Campo visitatore sopra a sinistra, saluto Taggy sotto a destra.
   Nessuno spostamento della mascotte o della chat aperta. */
html body .fai.fai-mascot .fai-start-form,
html body .fai.fai-mascot .fai-greeting {
  box-sizing:border-box!important;min-width:0!important;
  width:76%!important;max-width:76%!important;
  margin:0!important;transform:none!important;border-radius:7px!important;
}
html body .fai.fai-mascot .fai-start-form {
  left:3%!important;right:auto!important;
}
html body .fai.fai-mascot .fai-greeting {
  left:auto!important;right:3%!important;
}

/* FINAT 0.4.73 — nuvolette strette per mostrare chiaramente l'alternanza.
   Solo anteprima desktop; la chat aperta e la mascotte restano invariate. */
@media (min-width:900px) {
 html body .fai.fai-mascot .fai-start-form {
   width:69%!important;max-width:69%!important;
   left:2%!important;right:auto!important;
 }
 html body .fai.fai-mascot .fai-greeting {
   width:69%!important;max-width:69%!important;
   left:auto!important;right:2%!important;
 }
}

/* FINAT 0.4.75: distanza 2 mm fra i messaggi e contrasto leggibile. */
html body .fai.fai-mascot .chat main {background:#fff!important;color:#17212b!important;padding:12px!important;box-sizing:border-box!important;}
html body .fai.fai-mascot .chat main .msg {margin-top:0!important;margin-bottom:2mm!important;max-width:86%!important;white-space:pre-wrap!important;overflow:visible!important;line-height:1.45!important;}
html body .fai.fai-mascot .chat main .msg.bot,
html body .fai.fai-mascot .chat main .msg.bot.wait {background:#f0f2f4!important;color:#17212b!important;border:1px solid #d7dce0!important;border-radius:7px!important;margin-left:0!important;margin-right:auto!important;}
html body .fai.fai-mascot .chat main .msg.user {background:#80201f!important;color:#fff!important;border-radius:7px!important;margin-left:auto!important;margin-right:0!important;}
html body .fai.fai-mascot .chat main .msg.bot .speak {color:#17212b!important;}
html body .fai.fai-mascot .chat header .back {font-size:27px!important;line-height:1!important;cursor:pointer!important;}

/* 0.4.76: chat nel margine laterale, tra fascia bordeaux e cappello di Taggy. */
@media (min-width:900px) {
 html body .fai.fai-mascot .chat:not([hidden]) {
   position:absolute!important;
   top:calc(135px + 3mm)!important;
   bottom:calc(126px + 3mm)!important;
   left:3px!important;right:3px!important;
   width:calc(100% - 6px)!important;
   height:auto!important;max-height:none!important;
   display:flex!important;flex-direction:column!important;
   border:1px solid #cfd5d9!important;border-radius:12px!important;
   overflow:hidden!important;background:#fff!important;
 }
 html body .fai.fai-mascot .chat main {
   min-height:0!important;height:auto!important;max-height:none!important;
   flex:1 1 0%!important;overflow-y:auto!important;
   background:#f0f2f4!important;
   border-bottom:1px solid #cfd5d9!important;
 }
 html body .fai.fai-mascot .chat form {flex:0 0 auto!important;background:#fff!important;}
}

/* FINAT 0.4.77: la finestra e' riferita al viewport, non al riquadro
   della mascotte. In 0.4.76 top+bottom superavano l'altezza disponibile. */
@media (min-width:900px) {
 html body .fai.fai-mascot .chat:not([hidden]) {
  position:fixed!important;
  top:calc(143px + 3mm)!important;
  bottom:calc(127px + 3mm)!important;
  left:auto!important;right:3px!important;
  width:calc(10vw - 6px)!important;
  min-width:0!important;height:auto!important;
  min-height:160px!important;max-height:none!important;
  display:flex!important;flex-direction:column!important;
  overflow:hidden!important;border-radius:12px!important;
  border:1px solid #cfd5d9!important;background:#fff!important;
 }
 html body .fai.fai-mascot .chat header {flex:0 0 auto!important;}
 html body .fai.fai-mascot .chat main {
  flex:1 1 0%!important;min-height:0!important;
  height:0!important;max-height:none!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  background:#f0f2f4!important;color:#17212b!important;
  border-bottom:1px solid #cfd5d9!important;
 }
 html body .fai.fai-mascot .chat form {flex:0 0 auto!important;}
}

/* FINAT 0.4.78 — colonna destra rigorosamente 10vw, chat al 90%.
   L'ancoraggio e' assoluto all'interno della colonna fissa, mai fixed
   sul viewport: impedisce la chat a tutta pagina. */
@media (min-width:900px) {
 html body .fai.fai-mascot {
  position:fixed!important;
  top:0!important;bottom:0!important;left:auto!important;right:0!important;
  width:10vw!important;max-width:10vw!important;
  height:100dvh!important;min-height:0!important;
  overflow:visible!important;pointer-events:none!important;
 }
 html body .fai.fai-mascot .chat:not([hidden]) {
  position:absolute!important;
  top:calc(143px + 3mm)!important;
  bottom:calc(125px + 3mm)!important;
  left:auto!important;right:5%!important;
  width:90%!important;max-width:90%!important;min-width:0!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  margin:0!important;
  display:flex!important;flex-direction:column!important;
  overflow:hidden!important;pointer-events:auto!important;
  border:1px solid #cfd5d9!important;border-radius:12px!important;
  background:#fff!important;
 }
 html body .fai.fai-mascot .chat:not([hidden]) main {
  flex:1 1 auto!important;height:0!important;min-height:0!important;
  max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;
  background:#f0f2f4!important;
 }
 html body .fai.fai-mascot .chat:not([hidden]) header,
 html body .fai.fai-mascot .chat:not([hidden]) form,
 html body .fai.fai-mascot .chat:not([hidden]) .voice-disclosure {
  flex-shrink:0!important;
 }
}

/* 0.4.80: preserve existing working chat logic and hide only the label. */
html body .fai.fai-mascot .chat header [data-name],
html body .fai.fai-mascot .chat header small{display:none!important}
html body .fai.fai-mascot .chat main .msg.bot,
html body .fai.fai-mascot .chat main .msg.bot.wait{
 background:#80201f!important;color:white!important;border:1px solid #80201f!important;
}
html body .fai.fai-mascot .chat main .msg.bot .speak{color:#fff!important}
html body .fai.fai-mascot .chat main .msg.user{
 background:#a5a5a5!important;color:#111!important;border:1px solid #929292!important;
}
html body .fai.fai-mascot .chat main .msg{max-width:69%!important;margin-bottom:2mm!important}
html body .fai.fai-mascot .fai-reopen:not([hidden]){
 display:block!important;position:absolute!important;z-index:30!important;
 right:5%!important;bottom:205px!important;width:90%!important;
 border:1px solid #80201f!important;border-radius:7px!important;
 padding:9px 3px!important;background:#80201f!important;color:#fff!important;
 font-size:12px!important;cursor:pointer!important;pointer-events:auto!important;
}
@media(max-width:899px){html body .fai.fai-mascot .fai-reopen:not([hidden]){bottom:180px!important}}

/* 0.4.81: a conversazione ridotta mostra solo il pulsante bordeaux,
   mai il riquadro bianco dell'anteprima sottostante. */
html body .fai.fai-mascot:has(.fai-reopen:not([hidden])) .fai-card{
 display:none!important;visibility:hidden!important;
}

/* 0.4.82: pulsante riapertura a 3 mm sopra il cappellino di Taggy.
   Stesso riferimento verticale del fondo della chat aperta. */
@media (min-width:900px){
 html body .fai.fai-mascot .fai-reopen:not([hidden]){
  bottom:calc(125px + 3mm)!important;
 }
}

/* 0.4.83: intestazione minimale, indicatore online e chevron morbido. */
html body .fai.fai-mascot .chat header{
 height:27px!important;min-height:27px!important;max-height:27px!important;
 padding:1px 8px!important;gap:0!important;display:flex!important;
 align-items:center!important;justify-content:space-between!important;
}
html body .fai.fai-mascot .chat header .back{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:22px!important;height:23px!important;min-width:22px!important;
 padding:0!important;margin:0!important;line-height:0!important;
 font-size:0!important;color:transparent!important;
}
html body .fai.fai-mascot .chat header .back::after{
 content:''!important;display:block!important;width:9px!important;height:9px!important;
 border-right:2px solid #fff!important;border-bottom:2px solid #fff!important;
 transform:translateY(-2px) rotate(45deg)!important;border-radius:1.5px!important;
}
html body .fai.fai-mascot .chat header>i{
 font-size:9px!important;line-height:1!important;margin-left:auto!important;
 padding:0!important;white-space:nowrap!important;
}

/* 0.4.84: finestra doppia, ancorata al bordo inferiore della fascia bordeaux. */
@media(min-width:900px){
 html body .fai.fai-mascot .chat:not([hidden]){
  top:var(--fai-chat-top,calc(143px + 3mm))!important;
  right:5%!important;
  left:auto!important;
  width:180%!important;max-width:180%!important;min-width:0!important;
  bottom:calc(125px + 3mm)!important;
  height:auto!important;max-height:none!important;min-height:0!important;
 }
}
/* Chevron rosso marcato, con profilo a V ispirato alla A FINAT. */
html body .fai.fai-mascot .chat header .back::after{
 width:12px!important;height:12px!important;
 border-right:4px solid #ed3229!important;
 border-bottom:4px solid #ed3229!important;
 border-radius:2px!important;
 transform:translateY(-3px) rotate(45deg)!important;
}

/* 0.4.85: override the late PHP critical style and preserve the overlap. */
@media(min-width:900px){
 html body .fai.fai-mascot{overflow:visible!important}
 html body .fai.fai-mascot .chat:not([hidden]){
  top:var(--fai-chat-top,calc(135px + 3mm))!important;
  left:auto!important;right:5%!important;width:180%!important;max-width:180%!important;
 }
}

/* FINAT 0.4.86 — Nuvola cliente +2 mm; collegamento telefonico in chat. */
@media(min-width:900px){html body .fai.fai-mascot .fai-start-form{transform:translateX(calc(11px + 5mm))!important;}}
@media(max-width:899px){html body .fai-mobile-zone .fai.fai-mascot .fai-start-form{transform:translateX(calc(11px + 5mm))!important;}}
html body .fai.fai-mascot .fai-start-input::placeholder{font-weight:500!important;color:#555!important;opacity:1!important;}
html body .fai.fai-mascot .chat form{grid-template-columns:44px minmax(0,1fr) 44px!important;column-gap:5px!important;}
html body .fai.fai-mascot .chat form button.mic{grid-column:1!important;}
html body .fai.fai-mascot .chat form button.send{grid-column:3!important;}
html body .fai.fai-mascot .chat form a.fai-call{grid-row:2!important;grid-column:2!important;align-self:center!important;justify-self:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;padding:7px 8px!important;border-radius:20px!important;background:#7a201b!important;color:#fff!important;text-decoration:none!important;font:600 12px/1.2 Arial,sans-serif!important;white-space:nowrap!important;box-sizing:border-box!important;}
html body .fai.fai-mascot .chat form a.fai-call svg{display:block!important;flex:0 0 17px!important;color:#fff!important;}
@media(max-width:360px){html body .fai.fai-mascot .chat form a.fai-call{font-size:11px!important;padding:7px 4px!important;gap:3px!important;}}

/* FINAT 0.4.92 — Accorcia entrambe le nuvolette della larghezza del pulsante
   freccia (32px + 4px di respiro), senza spostarne il bordo di ancoraggio.
   Bianco: bordo sinistro fisso, freccia e bordo destro arretrano.
   Bordeaux: bordo destro fisso, bordo sinistro arretra verso destra. */
@media (min-width:900px) {
 html body .fai.fai-mascot .fai-start-form {
   width:calc(69% - 36px)!important;
   max-width:calc(69% - 36px)!important;
 }
 html body .fai.fai-mascot .fai-greeting {
   width:calc(69% - 36px)!important;
   max-width:calc(69% - 36px)!important;
 }
}
@media (max-width:899px) {
 html body .fai.fai-mascot .fai-start-form,
 html body .fai.fai-mascot .fai-greeting {
   width:calc(76% - 36px)!important;
   max-width:calc(76% - 36px)!important;
 }
}

/* FINAT 0.4.93: opzioni cliccabili della scheda bilancini */
.fai .fai-bil-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;max-width:100%;}
.fai .fai-bil-option{border:1px solid #8b2424;background:#fff;color:#69201d;border-radius:7px;padding:9px 11px;font:500 13px/1.3 Arial,sans-serif;cursor:pointer;text-align:left;max-width:100%;white-space:normal;}
.fai .fai-bil-option:hover,.fai .fai-bil-option:focus-visible{background:#f8e9e7;outline:2px solid #8b2424;outline-offset:1px;}
.fai .fai-bil-option:disabled{opacity:.6;cursor:default;}

/* 0.4.95: scelte iniziali per configuratori */
.fai .fai-config-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;max-width:100%}
.fai .fai-config-button{display:flex;align-items:center;justify-content:center;text-align:center;min-height:43px;border:1px solid #86211e;border-radius:9px;background:#fff;color:#79221f;padding:9px 7px;font:600 13px/1.35 Arial,sans-serif;text-decoration:none;cursor:pointer;white-space:normal}
.fai .fai-config-button:hover,.fai .fai-config-button:focus-visible{background:#f9ecea;outline:2px solid #86211e;outline-offset:1px}
.fai .fai-config-button:disabled{opacity:.55;cursor:default}

.fai .fai-bil-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.fai .fai-bil-nav button{background:#fff;border:1px solid #8b2424;border-radius:7px;padding:8px 10px;color:#79221f;cursor:pointer;font:600 13px Arial,sans-serif}.fai .fai-bil-nav button:disabled{opacity:.4;cursor:default}

/* Selettore fotografico bilancini: disegni originali della scheda FINAT */
.fai .fai-bil-options:has(.fai-bil-photo){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.fai .fai-bil-option:has(.fai-bil-photo){display:flex;flex-direction:column;align-items:stretch;padding:5px;overflow:hidden;min-width:0}
.fai .fai-bil-photo{width:100%;height:155px;object-fit:contain;background:#fff;pointer-events:none;user-select:none;-webkit-user-drag:none}
.fai .fai-bil-option span{display:block;padding:6px 4px;font-size:12px;line-height:1.35}
@media(max-width:430px){.fai .fai-bil-photo{height:120px}}

/* 0.4.98 — configuratori: larghezza utile e tipografia uniforme.
   Limitato alle schede guidate; non modifica le normali risposte AI. */
html body .fai.fai-mascot .chat main .msg.fai-guided{
 width:calc(100% - 4px)!important;max-width:calc(100% - 4px)!important;
 min-width:0!important;box-sizing:border-box!important;
 font-size:14px!important;line-height:1.35!important;
 padding:11px 12px!important;overflow-wrap:break-word!important;
}
html body .fai.fai-mascot .chat main .msg.fai-guided>span{font-size:14px!important;line-height:1.35!important}
html body .fai.fai-mascot .chat main .msg.fai-guided .fai-bil-options:not(:has(.fai-bil-photo)){
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:7px!important;width:100%!important;margin-top:10px!important;
}
html body .fai.fai-mascot .chat main .msg.fai-guided .fai-bil-option,
html body .fai.fai-mascot .chat main .msg.fai-guided .fai-config-button,
html body .fai.fai-mascot .chat main .msg.fai-guided .fai-bil-nav button{
 font-size:14px!important;line-height:1.25!important;
 padding:8px 7px!important;min-width:0!important;
}
html body .fai.fai-mascot .chat main .msg.fai-guided .fai-bil-options:has(.fai-bil-photo){
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html body .fai.fai-mascot .chat main .msg.fai-guided .fai-bil-option span{font-size:14px!important;line-height:1.25!important}
html body .fai.fai-mascot .chat main .msg.fai-guided .fai-bil-nav{gap:6px!important}
@media(max-width:460px){
 html body .fai.fai-mascot .chat main .msg.fai-guided .fai-bil-options:not(:has(.fai-bil-photo)){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* 0.4.99 - cestino discreto nell'intestazione della chat */
html body .fai.fai-mascot .chat header .fai-trash-chat{border:0;background:transparent;color:#fff;font-size:17px;line-height:1;padding:4px 6px;cursor:pointer;flex-shrink:0}
html body .fai.fai-mascot .chat header .fai-trash-chat:hover{color:#ffb5b5}

/* 0.5.00: comandi del configuratore su una sola riga anche nelle chat strette */
.fai .fai-bil-nav{display:flex!important;flex-flow:row nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:4px!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}
.fai .fai-bil-nav button{flex:1 1 0!important;min-width:0!important;max-width:none!important;width:0!important;box-sizing:border-box!important;padding:6px 3px!important;font-size:10px!important;line-height:1.15!important;letter-spacing:-.15px!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;text-align:center!important;}

/* 0.5.01 — tipografia chat uniforme come il saluto iniziale */
html body .fai.fai-mascot .chat main .msg,
html body .fai.fai-mascot .chat main .msg.fai-guided,
html body .fai.fai-mascot .chat main .msg.fai-guided > span,
html body .fai.fai-mascot .chat main .msg.fai-guided .fai-bil-option,
html body .fai.fai-mascot .chat main .msg.fai-guided .fai-bil-option span,
html body .fai.fai-mascot .chat main .msg.fai-guided .fai-config-button,
html body .fai.fai-mascot .chat main .fai-config-button,
html body .fai.fai-mascot .chat main .fai-bil-option,
html body .fai.fai-mascot .chat main .fai-bil-option span,
html body .fai.fai-mascot .chat form input,
html body .fai.fai-mascot .chat form button:not(.mic){font-size:12px!important;line-height:1.35!important;}
/* Navigazione: stessa scala, ma margini ridotti per mantenere una riga */
html body .fai.fai-mascot .chat main .fai-bil-nav{display:flex!important;flex-wrap:nowrap!important;gap:4px!important;}
html body .fai.fai-mascot .chat main .fai-bil-nav button,
html body .fai.fai-mascot .chat main .msg.fai-guided .fai-bil-nav button{font-size:11px!important;line-height:1.1!important;padding:5px 2px!important;white-space:nowrap!important;letter-spacing:-.25px!important;min-width:0!important;}

/* 0.5.02 — scelte testuali compatte, dimensionate al contenuto */
html body .fai.fai-mascot .chat main .msg.fai-guided .fai-bil-options:not(:has(.fai-bil-photo)){
 display:flex!important;flex-flow:row wrap!important;align-items:flex-start!important;
 justify-content:flex-start!important;gap:5px!important;width:100%!important;
 margin-top:7px!important;grid-template-columns:none!important;
}
html body .fai.fai-mascot .chat main .msg.fai-guided .fai-bil-options:not(:has(.fai-bil-photo)) > .fai-bil-option{
 display:inline-flex!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;
 max-width:100%!important;min-height:28px!important;height:auto!important;
 padding:5px 8px!important;margin:0!important;border-radius:6px!important;
 font-size:12px!important;line-height:1.2!important;white-space:nowrap!important;
 overflow-wrap:normal!important;word-break:normal!important;text-align:center!important;
 align-items:center!important;justify-content:center!important;
}

/* 0.5.03 — altoparlante vicino al testo, senza spazio verticale extra */
html body .fai.fai-mascot .chat main .msg.bot:not(.wait){position:relative!important;padding-right:31px!important;}
html body .fai.fai-mascot .chat main .msg.bot .speak{position:absolute!important;right:5px!important;top:5px!important;margin:0!important;padding:1px 2px!important;z-index:2!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
/* Navigazione compatta nella fascia alta, visibile solo durante un configuratore */
html body .fai.fai-mascot .chat header{flex-wrap:wrap!important;}
html body .fai.fai-mascot .chat header .fai-guided-header{display:flex!important;gap:5px!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 100%!important;order:10!important;padding:1px 0!important;}
html body .fai.fai-mascot .chat header .fai-guided-header[hidden]{display:none!important;}
html body .fai.fai-mascot .chat header .fai-guided-header button{border:1px solid #fff8!important;background:#fff!important;color:#791e1e!important;border-radius:5px!important;padding:3px 8px!important;font:600 11px/1.2 Arial,sans-serif!important;white-space:nowrap!important;cursor:pointer!important;}
html body .fai.fai-mascot .chat header .fai-guided-header button:disabled{opacity:.45!important;cursor:default!important;}

/* 0.5.04 — schede bilancini: solo disegno originale con titolo incorporato. */
html body .fai.fai-mascot .chat main .msg.fai-guided .fai-bil-options:has(.fai-bil-photo){
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;
  margin-top:5px!important;width:100%!important;
}
html body .fai.fai-mascot .chat main .msg.fai-guided .fai-bil-option:has(.fai-bil-photo){
  padding:2px!important;margin:0!important;min-width:0!important;overflow:hidden!important;
  border-radius:6px!important;align-items:stretch!important;
}
html body .fai.fai-mascot .chat main .msg.fai-guided .fai-bil-photo{
  width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;
  object-fit:contain!important;display:block!important;background:white!important;
}
html body .fai.fai-mascot .chat main .msg.fai-guided .fai-bil-option:has(.fai-bil-photo) span{display:none!important;}

/* 0.5.05: soltanto il riepilogo finale bilancini occupa la larghezza utile della chat. */
html body .fai.fai-mascot .chat main .msg.bot.fai-bil-summary{
 display:block!important;float:none!important;box-sizing:border-box!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 margin-left:0!important;margin-right:0!important;
 overflow-wrap:break-word!important;word-break:normal!important;
}
html body .fai.fai-mascot .chat main .msg.bot.fai-bil-summary > span{display:block!important;padding-right:16px!important;}

/* 0.5.06 - quote: campo numerico compatto e scelta Non so. */
html body .fai .fai-bil-measure{display:flex;flex-wrap:nowrap;gap:4px;align-items:center;margin-top:7px;max-width:100%;box-sizing:border-box}
html body .fai .fai-bil-measure input{flex:1 1 70px;min-width:0;width:70px;box-sizing:border-box;border:1px solid #a04a46;border-radius:6px;padding:5px 6px;font:12px Arial,sans-serif;background:white;color:#333}
html body .fai .fai-bil-measure button{flex:0 0 auto;width:auto!important;min-width:0!important;border:0;border-radius:6px;padding:5px 7px!important;font:12px Arial,sans-serif!important;background:#fff;color:#79221f;cursor:pointer;white-space:nowrap}

/* 0.5.08: scelta multipla prodotti aggiuntivi */
.fai .fai-bil-multi .fai-bil-option.fai-selected{background:#f3d7d7!important;border:2px solid #7e1919!important;color:#641111!important;font-weight:700!important;}
.fai .fai-bil-multi-actions{display:flex;justify-content:flex-end;margin-top:7px;}
.fai .fai-bil-multi-next{border:0;border-radius:6px;background:#fff;color:#7e1919;font-size:12px;font-weight:700;padding:5px 12px;cursor:pointer;}
.fai .fai-bil-multi-next:disabled{opacity:.45;cursor:not-allowed;}

/* 0.5.10: quote facoltative raggruppate */
.fai-bil-quotes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.fai-bil-quotes-grid label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600}.fai-bil-quotes-grid input{width:100%;min-width:0;box-sizing:border-box;padding:8px;border:1px solid #bbb;border-radius:6px;font-size:14px}@media(max-width:380px){.fai-bil-quotes-grid{grid-template-columns:1fr}}

/* FINAT 0.5.11: indicazione cliente in grigio, saluto originale invariato. */
html body .fai.fai-mascot .fai-start-form .fai-start-input::placeholder{color:#777!important;opacity:1!important;font-weight:400!important;}

/* 0.5.16: azioni su una sola riga; testo interno su più righe */
html body .fai.fai-mascot .chat main .fai-bil-nav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:5px!important;}
html body .fai.fai-mascot .chat main .fai-bil-nav button,html body .fai.fai-mascot .chat main .msg.fai-guided .fai-bil-nav button{flex:1 1 0!important;width:0!important;min-width:0!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;hyphens:auto!important;line-height:1.2!important;padding:7px 3px!important;height:auto!important;min-height:34px!important;text-overflow:clip!important;}
/* Pulsanti scelta: preferire una riga quando la lunghezza lo consente */
html body .fai.fai-mascot .chat main .msg.fai-guided .fai-bil-options:not(:has(.fai-bil-photo)){display:flex!important;flex-wrap:wrap!important;gap:4px!important;}
html body .fai.fai-mascot .chat header .fai-guided-header button:first-child{min-width:30px!important;font-size:19px!important;font-weight:700!important;}

/* 0.5.18: freccia navigazione configuratore, bianca e visibile nella barra nera. */
html body .fai.fai-mascot .chat header .fai-guided-back-top{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 order:0!important;flex:0 0 26px!important;width:26px!important;height:25px!important;
 margin:0 4px 0 2px!important;padding:0!important;background:transparent!important;
 border:0!important;box-shadow:none!important;color:#fff!important;
 font:700 25px/1 Arial,sans-serif!important;cursor:pointer!important;opacity:1!important;
}
html body .fai.fai-mascot .chat header .fai-guided-back-top[hidden]{display:none!important;}
html body .fai.fai-mascot .chat header .fai-guided-back-top:disabled{opacity:.4!important;cursor:default!important;}

/* 0.5.22 — barra comandi: V FINAT piu' stretta, vertice arrotondato;
   freccia esattamente al centro tra V e cestino. */
html body .fai.fai-mascot .chat header{position:relative!important;justify-content:flex-start!important;}
html body .fai.fai-mascot .chat header .back{
 position:relative!important;flex:0 0 32px!important;width:32px!important;
 height:30px!important;min-width:32px!important;z-index:2!important;
}
html body .fai.fai-mascot .chat header .back::after{
 content:''!important;display:block!important;
 width:12px!important;height:12px!important;
 border-right:5px solid #f02c25!important;border-bottom:5px solid #f02c25!important;
 border-radius:0 0 4px 0!important;
 transform:translateY(-3px) rotate(45deg)!important;
}
html body .fai.fai-mascot .chat header .fai-trash-chat{
 margin-left:auto!important;order:9!important;position:relative!important;z-index:2!important;
}
html body .fai.fai-mascot .chat header .fai-guided-back-top:not([hidden]){
 position:absolute!important;left:50%!important;top:50%!important;
 transform:translate(-50%,-50%)!important;margin:0!important;order:0!important;
 z-index:2!important;
}


/* 0.5.23 — 4 posizioni fisse ed equidistanti: V | indietro | cestino | online.
   La freccia invisibile conserva la sua posizione quando non c'è un percorso. */
html body .fai.fai-mascot .chat header {
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 grid-template-rows:27px!important;
 column-gap:0!important;row-gap:0!important;
 align-items:center!important;justify-items:center!important;
 height:auto!important;max-height:none!important;min-height:27px!important;
 padding:0 5px!important;
 position:relative!important;
}
html body .fai.fai-mascot .chat header>.back{
 grid-column:1!important;grid-row:1!important;
 margin:0!important;justify-self:center!important;
 position:relative!important;flex:none!important;
}
html body .fai.fai-mascot .chat header>.fai-guided-back-top,
html body .fai.fai-mascot .chat header>.fai-guided-back-top:not([hidden]){
 grid-column:2!important;grid-row:1!important;
 position:relative!important;left:auto!important;top:auto!important;
 transform:none!important;margin:0!important;order:0!important;
 justify-self:center!important;flex:none!important;
}
html body .fai.fai-mascot .chat header>.fai-guided-back-top[hidden]{
 display:inline-flex!important;visibility:hidden!important;pointer-events:none!important;
}
html body .fai.fai-mascot .chat header>.fai-trash-chat{
 grid-column:3!important;grid-row:1!important;
 margin:0!important;order:0!important;justify-self:center!important;
 position:relative!important;flex:none!important;
}
html body .fai.fai-mascot .chat header>i{
 grid-column:4!important;grid-row:1!important;
 margin:0!important;padding:0!important;justify-self:center!important;
 font-size:10px!important;white-space:nowrap!important;
}
html body .fai.fai-mascot .chat header>div:not(.fai-guided-header){display:none!important;}
html body .fai.fai-mascot .chat header>.fai-guided-header{
 grid-column:1 / -1!important;grid-row:2!important;
 width:100%!important;min-width:0!important;justify-content:flex-end!important;
 order:10!important;
}
html body .fai.fai-mascot .chat header>.fai-guided-header[hidden]{display:none!important;}