:root{--fondo:#f4f2ed;--barra:#ebe7de;--linea:#ddd8cc;--testo:#1c1b18;--tenue:#6e6a61;--mio:#1c1b18;--errore:#a3352b}*{box-sizing:border-box}html,body{background:var(--fondo);height:100%;color:var(--testo);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid var(--testo);outline-offset:2px}.errore{color:var(--errore);font-size:.875rem}.accesso{max-width:24rem;margin:0 auto;padding:18vh 1rem 2rem}.accesso h1{letter-spacing:.02em;margin:0;font-size:2rem}.sotto{color:var(--tenue)}.accesso form{flex-direction:column;gap:.9rem;margin-top:1.5rem;display:flex}.accesso label{color:var(--tenue);flex-direction:column;gap:.3rem;font-size:.875rem;display:flex}.accesso input{border:1px solid var(--linea);font:inherit;color:var(--testo);background:#fff;border-radius:10px;padding:.65rem .75rem}.accesso button,.bottone{background:var(--testo);color:var(--fondo);text-align:center;border:0;border-radius:10px;padding:.7rem 1rem;text-decoration:none;display:inline-block}.nota{color:var(--tenue);margin-top:2rem;font-size:.8rem}.app{grid-template-columns:16.5rem 1fr;height:100dvh;display:grid}.barra{border-right:1px solid var(--linea);background:var(--barra);flex-direction:column;gap:.75rem;padding:1.25rem .75rem;display:flex;overflow-y:auto}.barra header{padding:0 .5rem}.barra h1{letter-spacing:.02em;margin:0;font-size:1.1rem}.barra header p{color:var(--tenue);margin:.1rem 0 0;font-size:.85rem}.barra nav{flex-direction:column;flex:1;gap:.15rem;display:flex}.titoletto{color:var(--tenue);margin:1rem .5rem .25rem;font-size:.78rem}.voce{color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .6rem;font-size:.92rem;display:flex}.voce:hover{background:#e1ddd3}.voce.attiva{background:#dcd7cb;font-weight:600}.ruolo{color:var(--tenue);margin-left:auto;font-size:.75rem;font-weight:400}.pallino{border-radius:50%;flex:none;width:.55rem;height:.55rem}.spesa-voce{margin-top:1rem}.esci{color:var(--tenue);background:0 0;border:0;align-self:flex-start;padding:.4rem .6rem;font-size:.85rem}.principale{flex-direction:column;min-width:0;height:100dvh;display:flex;position:relative}.apri-menu{display:none}.chat,.spesa{flex-direction:column;height:100%;min-height:0;display:flex}.testata{border-bottom:1px solid var(--linea);padding:1rem 1.25rem .75rem}.testata h2{margin:0;font-size:1.05rem}.testata p{color:var(--tenue);margin:.15rem 0 0;font-size:.85rem}.messaggi{flex-direction:column;flex:1;gap:.6rem;min-height:0;padding:1rem 1.25rem;display:flex;overflow-y:auto}.vuoto{color:var(--tenue);text-align:center;margin-top:2rem}.fumetto{border:1px solid var(--linea);overflow-wrap:anywhere;background:#fff;border-radius:14px;max-width:min(42rem,88%);padding:.5rem .8rem}.fumetto header{align-items:baseline;gap:.5rem;font-size:.8rem;display:flex}.fumetto time{color:var(--tenue)}.fumetto p{white-space:pre-wrap;margin:.2rem 0}.fumetto.agente{border-left-width:3px}.fumetto.agente p{white-space:normal}.fumetto.agente ul,.fumetto.agente ol{margin:.3rem 0;padding-left:1.2rem}.fumetto.mio{background:var(--mio);border-color:var(--mio);color:var(--fondo);align-self:flex-end}.fumetto.mio time{color:#b9b4a8}.sistema{color:var(--tenue);text-align:center;align-self:center;margin:0;font-size:.8rem}.scrive{color:var(--tenue);margin:0;font-size:.85rem;font-style:italic}.scrivi{border-top:1px solid var(--linea);padding:.6rem 1.25rem 1rem}.menzioni{gap:.4rem;margin-bottom:.4rem;display:flex}.menzioni button{border:1px solid var(--linea);background:#fff;border-radius:999px;padding:.15rem .55rem;font-size:.8rem;font-weight:600}.riga-scrivi{align-items:flex-end;gap:.5rem;display:flex}.riga-scrivi textarea{border:1px solid var(--linea);min-height:2.6rem;max-height:10rem;font:inherit;color:var(--testo);resize:vertical;background:#fff;border-radius:12px;flex:1;padding:.6rem .75rem}.riga-scrivi button{background:var(--testo);color:var(--fondo);border:0;border-radius:12px;padding:.6rem 1rem}.spesa{overflow-y:auto}.spesa h3{margin:1.5rem 1.25rem .5rem;font-size:.95rem}.totali{gap:2rem;padding:1.25rem;display:flex}.totali p{flex-direction:column;margin:0;display:flex}.totali span{color:var(--tenue);font-size:.85rem}.totali strong{font-variant-numeric:tabular-nums;font-size:1.8rem}.tabella{padding:0 1.25rem;overflow-x:auto}.tabella table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}.tabella th,.tabella td{border-bottom:1px solid var(--linea);text-align:left;white-space:nowrap;padding:.5rem .6rem}.tabella th{color:var(--tenue);font-weight:500}@media (max-width:760px){.app{grid-template-columns:1fr}.barra{z-index:10;transition:transform .2s;position:fixed;inset:0 25% 0 0;transform:translate(-100%);box-shadow:0 0 0 100vmax #0000}.menu-aperto .barra{transform:none;box-shadow:0 0 0 100vmax #00000040}.apri-menu{z-index:5;border:1px solid var(--linea);background:var(--fondo);border-radius:8px;padding:.2rem .5rem;display:block;position:absolute;top:.85rem;left:.75rem}.testata{padding-left:3.5rem}.messaggi,.scrivi{padding-left:.75rem;padding-right:.75rem}.fumetto{max-width:92%}}@media (prefers-reduced-motion:reduce){.barra{transition:none}}