/* v6.4 ORTHYNE · Avatar animato di Isabella (vedi isabella-avatar.js) */
.isav{--isav-s:64px;position:fixed;z-index:9989;display:flex;align-items:center;gap:8px;flex-direction:row-reverse;right:18px;top:auto;bottom:16px;font-family:Poppins,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;transition:opacity .15s ease,transform .25s ease;-webkit-tap-highlight-color:transparent}
.isav.is-l{flex-direction:row}
.isav.is-big{--isav-s:156px;flex-direction:column;align-items:flex-end;gap:6px}
.isav.is-big.is-l{align-items:flex-start}
.isav.is-hide{opacity:0;transform:translateY(12px) scale(.92);pointer-events:none;visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s .2s}
.isav.is-drag{transition:none;cursor:grabbing}
.isav-face{position:relative;flex:none;width:var(--isav-s);height:var(--isav-s);padding:0;margin:0;border:0;border-radius:50%;background:#071426;cursor:pointer;touch-action:none;box-shadow:0 0 0 2px rgba(86,216,236,.55),0 0 0 5px rgba(161,139,251,.18),0 10px 28px rgba(0,0,0,.45),0 0 26px rgba(86,216,236,.28);transition:width .3s ease,height .3s ease,box-shadow .3s ease}
.isav-face:hover{box-shadow:0 0 0 2px #63e1cc,0 0 0 6px rgba(161,139,251,.28),0 12px 30px rgba(0,0,0,.5),0 0 32px rgba(86,216,236,.4)}
.isav-face:focus-visible,.isav-t:focus-visible,.isav-tog:focus-visible{outline:3px solid #f3c677;outline-offset:3px}
.isav-svg{display:block;width:100%;height:100%;border-radius:50%}
.isav-ring{position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(243,198,119,0);pointer-events:none;transition:border-color .2s}
.isav.is-speaking .isav-ring{border-color:rgba(243,198,119,.85);animation:isav-pulse 1.1s ease-in-out infinite}
.isav-tag{display:flex;flex-direction:column;justify-content:center;min-height:38px;padding:5px 12px;border-radius:14px;background:rgba(7,20,38,.92);border:1px solid rgba(86,216,236,.35);box-shadow:0 8px 22px rgba(0,0,0,.35);color:#eaf6ff;line-height:1.15;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.isav-tag b{font-size:13px;font-weight:700;letter-spacing:.01em;color:#fff}
.isav-tag small{font-size:11px;font-weight:600;color:#7ff0dd}
.isav-tools{position:absolute;display:flex;gap:4px;top:-12px;right:calc(var(--isav-s) - 22px)}
.isav.is-l .isav-tools{right:auto;left:calc(var(--isav-s) - 22px)}
.isav-t{display:grid;place-items:center;width:26px;height:26px;padding:0;border-radius:50%;border:1px solid rgba(86,216,236,.5);background:#0b1629;color:#dff7ff;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.4)}
.isav-t svg{width:13px;height:13px}
.isav-t:hover{background:#13294a;color:#fff;border-color:#63e1cc}
.isav-move{display:none}
.isav.is-big .isav-move,.isav:focus-within .isav-move{display:grid}
.isav.is-big .isav-tools{position:static;order:-1}
.isav.is-big .isav-tag{align-items:flex-end;text-align:right}
.isav.is-big.is-l .isav-tag{align-items:flex-start;text-align:left}
@media (hover:hover){.isav:not(.is-big) .isav-tools{opacity:0;transition:opacity .2s}.isav:not(.is-big):hover .isav-tools,.isav:not(.is-big):focus-within .isav-tools{opacity:1}}
/* idle: respiro e lieve movimento della testa (solo trasformazioni, leggero per la batteria) */
.isav-body{animation:isav-breath 4.8s ease-in-out infinite;transform-origin:100px 200px}
.isav-head{animation:isav-sway 7.5s ease-in-out infinite;transform-origin:100px 140px}
.isav-pupil{animation:isav-look 11s ease-in-out infinite}
.isav-eye{transform-box:fill-box;transform-origin:50% 55%;transition:transform .07s ease}
html.isav-blink .isav-eye{transform:scaleY(.08)}
.isav-mini .isav-body,.isav-mini .isav-head,.isav-mini .isav-pupil{animation-duration:9s}
@keyframes isav-breath{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1.6px) scale(1.008)}}
@keyframes isav-sway{0%,100%{transform:rotate(0) translate(0,0)}25%{transform:rotate(1.6deg) translate(.6px,-.6px)}60%{transform:rotate(-1.2deg) translate(-.5px,.3px)}}
@keyframes isav-look{0%,40%,100%{transform:translate(0,0)}48%,62%{transform:translate(1.2px,.2px)}70%,86%{transform:translate(-1px,0)}}
@keyframes isav-pulse{0%,100%{box-shadow:0 0 0 0 rgba(243,198,119,.35)}50%{box-shadow:0 0 0 6px rgba(243,198,119,0)}}
/* volto nei cerchi "Chiedimi" e nella scheda Isabella del Trading Game */
.isav-has{position:relative}
.isav-has>i{opacity:0}
.isav-mini{position:absolute;inset:3px;z-index:2;border-radius:50%;overflow:hidden;display:block}
.isav-mini .isav-svg{width:100%;height:100%}
.isav-simav{position:relative;overflow:visible;font-size:0!important;color:transparent!important}
.isav-simav .isav-mini{inset:0}
html.isav-parla .oa-p .oa-h .isav-has{box-shadow:0 0 0 3px rgba(243,198,119,.5),0 0 22px rgba(243,198,119,.45)}
.isav-tog{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;border:1px solid rgba(86,216,236,.35);background:rgba(11,22,41,.85);color:#bfefff;cursor:pointer}
.isav-tog[aria-pressed="true"]{color:#63e1cc;border-color:#63e1cc}
.isav-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:767px){
  .isav{--isav-s:54px;gap:6px}
  .isav.is-big{--isav-s:124px}
  .isav-tag{min-height:32px;padding:4px 9px;border-radius:12px}
  .isav-tag b{font-size:12px}.isav-tag small{font-size:10.5px}
}
@media (prefers-reduced-motion:reduce){
  .isav,.isav-face,.isav-eye{transition:none}
  .isav-body,.isav-head,.isav-pupil,.isav.is-speaking .isav-ring{animation:none}
}
@media print{.isav{display:none!important}}

.isav:not(.is-drag):not(.is-scroll){transition:opacity .15s ease,transform .25s ease,top .2s ease}
/* la foto sembra una persona vera: il segno AI accompagna il volto ovunque */
html.isf-ombra .oa-p{position:fixed!important;left:-300vw!important;top:0!important;right:auto!important;bottom:auto!important;width:360px!important;height:500px!important;opacity:0!important;pointer-events:none!important}
.isav-face.is-conv{box-shadow:0 0 0 3px #63e1cc,0 0 0 7px rgba(99,225,204,.25),0 10px 28px rgba(0,0,0,.45)}
.isav-mini .isav-head{animation:none}
.isav-lid{opacity:0;transition:opacity .06s linear}
html.isav-blink .isav-lid{opacity:1}
.isav.is-rid{--isav-s:46px}
html.cxt-on .isav{display:none}
.on-o.isav-has{animation:none}
@media (prefers-reduced-motion:reduce){.isav:not(.is-drag):not(.is-scroll){transition:opacity .15s ease}}
.isav.is-rid .isav-tag,.isav.is-rid .isav-tools{display:none}
.isav-face{box-shadow:0 0 0 2px rgba(243,198,119,.8),0 0 0 5px rgba(86,216,236,.2),0 10px 28px rgba(0,0,0,.45),0 0 26px rgba(243,198,119,.3)}

/* v6.4.3: sul telefono solo il volto, ben visibile, con il segno AI: l'etichetta non copre piu il testo */
@media (max-width:767px){.isav:not(.is-big) .isav-tag{display:none}.isav{--isav-s:58px}.isav:not(.is-big) .isav-tools{top:-9px;right:-9px;left:auto}.isav.is-l:not(.is-big) .isav-tools{left:-9px;right:auto}.isav:not(.is-big) .isav-big,.isav:not(.is-big) .isav-move,.isav:not(.is-big) .isav-off{display:none}}
html,body{overflow-x:clip}
