#assistente-widget{position:fixed;right:16px;bottom:16px;z-index:900;font:inherit}
.as-bottone{min-width:56px;min-height:56px;border-radius:28px;border:0;background:var(--brand,#0b2a4a);color:#fff;font-weight:600;padding:0 18px;box-shadow:0 6px 20px rgba(0,0,0,.18);cursor:pointer}
/* altezza fissa: sotto il saluto resta lo spazio dove arrivano i messaggi, invece di crescere a scatti (15/10/2026) */
.as-pannello{width:min(420px,calc(100vw - 32px));height:min(540px,calc(100vh - 100px));display:flex;flex-direction:column;background:var(--surface,#fff);color:var(--ink,#1a1a1a);border:1px solid var(--border,#e2e2e2);border-radius:16px;box-shadow:0 12px 36px rgba(0,0,0,.2);overflow:hidden;margin-bottom:10px}
.as-testa{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border,#e2e2e2);font-weight:600}
.as-chiudi{background:none;border:0;font-size:22px;line-height:1;cursor:pointer;min-width:44px;min-height:44px}
.as-messaggi{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px;font-size:14px}
.as-msg{padding:8px 11px;border-radius:12px;max-width:85%;white-space:pre-line;overflow-wrap:anywhere}   /* i link lunghi vanno a capo dentro la bolla */
.as-msg.io{align-self:flex-end;background:var(--brand-050,#e8eef5)}
.as-msg.lui{align-self:flex-start;background:var(--surface-2,#f4f4f4)}
/* seconda consegna: la risposta di un collega, con la firma, e le frasi di servizio */
.as-msg.staff{border-left:3px solid var(--gold,#BE9A4E)}
.as-firma{display:block;font-size:12px;font-weight:600;color:var(--muted,#666);margin-bottom:2px}
.as-msg.sistema{background:none;color:var(--muted,#666);font-size:13px;padding:2px 4px}
.as-info{font-size:12px;color:var(--muted,#666)}
/* il bottone resta alto quanto un campo, in basso a destra, anche quando la casella cresce (15/10/2026) */
.as-form{display:flex;align-items:flex-end;gap:10px;padding:12px;border-top:1px solid var(--border,#e2e2e2)}
.as-form textarea{flex:1;min-width:0;resize:none;min-height:44px;max-height:132px;overflow-y:auto;box-sizing:border-box;font:inherit;line-height:1.4;padding:10px 12px;border:1px solid var(--border,#ccc);border-radius:10px}
/* il testo d'esempio su una riga: sui telefoni più stretti finisce con «…» invece di andare a capo tagliato */
.as-form textarea::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:359px){.as-form{gap:8px;padding:10px}.as-form button{padding:0 14px}}
.as-form button{flex:none;height:44px;border:0;border-radius:10px;background:var(--brand,#0b2a4a);color:#fff;font:inherit;font-weight:600;padding:0 20px;cursor:pointer}
.as-pannello[hidden],.as-bottone[hidden]{display:none}
/* il pulsante «Parlare con una persona» e l'avviso sui dati (15/10/2026) */
.as-piede{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;padding:0 12px 12px}
.as-persona{background:none;border:0;padding:6px 0;min-height:44px;color:var(--brand,#003D62);font:inherit;font-size:13px;font-weight:600;text-decoration:underline;cursor:pointer}
.as-avviso{margin:0;font-size:12.5px;color:var(--muted,#666)}
/* l'informativa in basso, chiusa: si apre con «Informativa privacy» e scorre se è lunga (15/10/2026) */
.as-informativa{width:100%;font-size:12.5px;color:var(--muted,#666)}
.as-informativa summary{cursor:pointer;text-decoration:underline;display:inline-block;padding:4px 0}
.as-informativa p{margin:4px 0 0;max-height:120px;overflow-y:auto;line-height:1.45}