.messaggi-dialogo{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(1100px,calc(100vw - 32px));height:min(800px,calc(100dvh - 56px));max-height:calc(100dvh - 24px);padding:0;overflow:hidden;border:1px solid #8da77788;border-radius:14px;background:#111f19;color:#ecf1e3;box-shadow:0 30px 120px #000c;font:14px/1.45 system-ui}
.messaggi-dialogo *{box-sizing:border-box}
.messaggi-dialogo::backdrop{background:#040c09d9}
.messaggi-dialogo button,.messaggi-dialogo textarea{font:inherit}
.messaggi-dialogo button{color:inherit;cursor:pointer}
.messaggi-dialogo button:disabled{cursor:default;opacity:.48}
.messaggi-dialogo button:focus-visible,.messaggi-input:focus-visible,.messaggi-registro:focus-visible{outline:2px solid #bbdb8e;outline-offset:3px}
.messaggi-dialogo [hidden]{display:none!important}
.messaggi-testata{height:88px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 25px;background:linear-gradient(135deg,#263d2c,#1a2a21);border-bottom:1px solid #899d7538}
.messaggi-kicker{margin:0 0 5px;font:10px monospace;letter-spacing:.16em;color:#d4bc7a}
.messaggi-testata h2{margin:0;font-size:25px;letter-spacing:-.04em}
.messaggi-chiudi,.messaggi-aggiorna{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #b2c69440;background:#d3e5ad08;border-radius:5px;padding:9px 12px}
.messaggi-icona{display:inline-flex;flex:0 0 21px;width:21px;height:21px;vertical-align:middle}
.messaggi-icona svg{width:100%;height:100%}
.messaggi-griglia{height:calc(100% - 88px);display:grid;grid-template-columns:280px minmax(0,1fr)}
.messaggi-laterale{min-width:0;min-height:0;border-right:1px solid #8da77736;background:#16261d;display:flex;flex-direction:column}
.messaggi-laterale-testa{display:flex;align-items:center;justify-content:space-between;padding:17px 16px 10px;gap:8px}
.messaggi-laterale-testa h3{font-size:12px;text-transform:uppercase;letter-spacing:.10em;margin:0;color:#c2d2b5}
.messaggi-aggiorna{padding:7px}
.messaggi-conversazioni{overflow:auto;padding:5px 9px 15px;min-height:0;scrollbar-color:#748962 #15231c}
.messaggi-conversazione{display:block;width:100%;min-width:0;text-align:left;background:transparent;border:1px solid transparent;border-radius:7px;padding:13px 10px;margin:4px 0}
.messaggi-conversazione:hover{background:#d0e0b510}
.messaggi-conversazione[aria-pressed=true]{border-color:#a0bd7066;background:#a3c4781b}
.messaggi-conversazione-testa{display:flex;align-items:center;gap:8px;min-width:0}
.messaggi-nome{color:var(--messaggi-colore,#e5edda);overflow-wrap:anywhere}
.messaggi-conversazione .messaggi-nome{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.messaggi-nome.colore-scuro{background:#e3e9df;padding:2px 5px;border-radius:3px}
.messaggi-badge{margin-left:auto;flex-shrink:0;display:inline-grid;place-items:center;min-width:21px;height:21px;border-radius:50%;background:#c8dc98;color:#16241b;font:bold 10px monospace;padding:0 4px}
.messaggi-anteprima{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9eaf98;font-size:12px;margin:7px 0 0 29px}
.messaggi-dettaglio{min-width:0;min-height:0;display:flex;flex-direction:column}
.messaggi-destinatario{flex-shrink:0;padding:18px 23px;border-bottom:1px solid #8da77728;background:#1a2c21}
.messaggi-destinatario h3{display:inline-block;margin:0;font-size:18px}
.messaggi-destinatario p{margin:4px 0 0;font-size:12px;color:#9fb395}
.messaggi-registro{min-height:75px;flex:1;overflow:auto;padding:23px;scrollbar-color:#748962 #15231c;overscroll-behavior:contain}
.messaggi-vuoto{margin:40px auto;text-align:center;max-width:380px;color:#a0b295;font-size:13px}
.messaggi-messaggio{width:fit-content;max-width:93%;margin:0 0 17px;padding:13px 15px;background:#25372b;border:1px solid #88a26d24;border-radius:0 10px 10px 10px}
.messaggi-messaggio.mio{margin-left:auto;background:#334629;border-color:#b8d58b2b;border-radius:10px 0 10px 10px}
.messaggi-messaggio.sistema{width:100%;max-width:100%;background:#1e3024;border-left:3px solid #ccba76}
.messaggi-messaggio.non-letto{border-color:#b7d78865}
.messaggi-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:8px}
.messaggi-meta .messaggi-nome{font-size:11px}
.messaggi-ora{color:#a7ba9c;font:10px monospace;white-space:nowrap}
.messaggi-evento{font-size:15px;margin:0 0 6px;color:#e0d398}
.messaggi-testo{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.65;font-size:13px}
.messaggi-ricevuta{display:block;margin-top:7px;text-align:right;font-size:10px;color:#c5d4ae}
.messaggi-stato{flex-shrink:0;min-height:0;margin:0;padding:0 23px;font-size:12px;color:#aac196;overflow-wrap:anywhere}
.messaggi-stato:not(:empty){padding-top:9px;padding-bottom:9px}
.messaggi-stato.errore{background:#8f3d2025;color:#ffc1a6}
.messaggi-sistema-nota{margin:0;padding:17px 23px;background:#18271e;border-top:1px solid #8da77728;color:#a4b59b;font-size:12px}
.messaggi-form{flex-shrink:0;padding:15px 23px 18px;border-top:1px solid #8da77728;background:#18271e}
.messaggi-input{display:block;width:100%;min-height:100px;max-height:180px;resize:vertical;background:#0f1b15;border:1px solid #7d96505e;border-radius:6px;color:#eaf1e0;padding:11px 12px;line-height:1.5}
.messaggi-input::placeholder{color:#8fa385}
.messaggi-form-piede{display:flex;align-items:center;gap:12px;margin-top:10px}
.messaggi-contatore{font:10px monospace;color:#b0c298}
.messaggi-contatore.limite{color:#ff9d86}
.messaggi-scorciatoia{font-size:10px;color:#8fa383}
.messaggi-invia{display:inline-flex;gap:8px;align-items:center;margin-left:auto;background:#bddc91;color:#182719!important;border:1px solid #cce3a8;border-radius:5px;padding:9px 12px;font-size:12px!important;font-weight:650!important}
@media(max-width:760px){.messaggi-dialogo{width:calc(100vw - 20px);height:calc(100dvh - 32px)}.messaggi-griglia{grid-template-columns:220px minmax(0,1fr)}.messaggi-scorciatoia{display:none}.messaggi-testata{padding:16px 18px}.messaggi-destinatario,.messaggi-registro{padding:16px}.messaggi-form{padding:12px 15px 15px}}
@media(max-width:560px){.messaggi-dialogo{width:calc(100vw - 16px);height:calc(100dvh - 24px);border-radius:9px}.messaggi-testata{height:76px;padding:12px 14px}.messaggi-testata h2{font-size:22px}.messaggi-kicker{font-size:9px;letter-spacing:.10em}.messaggi-chiudi{font-size:12px!important;padding:8px}.messaggi-griglia{height:calc(100% - 76px);display:flex;flex-direction:column}.messaggi-laterale{flex:0 0 auto;max-height:117px;border-right:0;border-bottom:1px solid #8da77736}.messaggi-laterale-testa{padding:7px 11px 0}.messaggi-laterale-testa h3{font-size:10px}.messaggi-aggiorna{padding:3px}.messaggi-conversazioni{display:flex;gap:6px;overflow-x:auto;padding:2px 7px 6px}.messaggi-conversazione{flex:0 0 195px;margin:0;padding:7px}.messaggi-conversazione .messaggi-nome{font-size:11px}.messaggi-anteprima{font-size:10px;margin-top:3px}.messaggi-dettaglio{flex:1}.messaggi-destinatario{padding:10px 13px}.messaggi-destinatario h3{font-size:15px}.messaggi-destinatario p{font-size:11px}.messaggi-registro{padding:13px}.messaggi-messaggio{max-width:96%;padding:10px 11px;margin-bottom:11px}.messaggi-meta{gap:10px;flex-wrap:wrap}.messaggi-testo{font-size:12px}.messaggi-form{padding:9px 11px 12px}.messaggi-input{min-height:76px;max-height:120px;font-size:13px!important}.messaggi-form-piede{gap:6px}.messaggi-invia{padding:7px 9px;font-size:11px!important}.messaggi-contatore{font-size:9px}.messaggi-sistema-nota{font-size:11px;padding:11px 13px}}