/****************************************************************************/
/* STILE DEI MESSAGGI PRIVATI */

/* HELP: Da qui è possibile modificare:
- I font ed i colori dei messaggi privati
- Le dimensioni e la posizione delle finestre dei messaggi privati
- Lo sfondo dei messaggi privati */

/****************************************************************************/

div.pagina_messages_center {
   width: 800px;
   height: 650px;
   background: url('imgs/messaggioff/sfondomessaggioff.png') no-repeat;
   position: relative;
}

div.testa_messaggi_off {
   width: 150px;
   float: right;
   position: absolute;
   top: 33px;
   right: 100px;
   color: #282424;
   text-align: center;
   text-transform: uppercase;
   font-weight: bold;
}

div.intestazione_messaggi_sing {
   font-family: 'Lato';
   padding-top: 10px;
}

div.nuovo_messaggio_off, div.ricevuti_messaggi_off, div.inviati_messaggi_off, div.cancella_tutti_messaggi_off {
   width: 50px;
   height: 50px;
   /* border: solid 1px #282424;
   border-radius: 100%; */
   margin: 5px auto;
   box-shadow: 1px 1px black;
}

div.testa_messaggi_off img{
   width: 30px;
   height: 30px;
   padding: 10px;
}

div.testa_messaggi_off_gruppi {
   width: 150px;
   float: right;
   position: absolute;
   top: 420px;
   right: 100px;
   color: #282424;
   text-align: center;
   text-transform: uppercase;
   font-weight: bold;
}

div.nuovo_gruppo_off, div.letti_gruppi_off {
   width: 50px;
   height: 50px;
  /* border: solid 1px #282424;
   border-radius: 100%; */
   margin: 5px auto;
   box-shadow: 1px 1px black;
}

div.testa_messaggi_off_gruppi img{
   width: 30px;
   height: 30px;
   padding: 10px;
}

div.scroll_messaggi_off {
   width: 450px;
   height: 295px;
   position: absolute;
   top: 60px;
   left: 52px;
   overflow: auto;
}

table.messaggi_off_table {
   color: #282424;
   width: 425px;
}

td.date_cell{
	width:70px;
    text-align:center;
}

td.anteprima_cell{
	text-align:center;
}

div.scroll_messaggi_off_gruppi {
   width: 450px;
   height: 200px;
   position: absolute;
   top: 401px;
   left: 52px;
   overflow: auto;
}

div.elementi_elenco_mess_off a {
   color: #282424;
}

div.elementi_elenco_mess_off img {
   width: 30px;
   height: 30px;
}

input.rispondi_messaggio {
   background: transparent;
   border: none;
   padding: 0;
   width: 20px;
   height: 20px;
}

tr.riga_messaggi_off {
   padding: 5px;
   border-bottom: dotted 1px #282424;
}

td.controlli_cell{
   padding-top: 10px;

}

/*Testo delle colonne*/
div.pagina_messages_center div.elementi_elenco {
    height: 40px;
}

/*Testo delle colonne*/
div.pagina_messages_center div.pulsanti_elenco {
    display: inline-block;
}

div.pagina_messages_center div.pulsanti_elenco form {
    float: left;
}

/*************************/
/*Visualizzazione del messaggio singolo*/

div.read_message_off_box {
   width: 750px;
   height: 620px;
}

div.image_avatar_mess_off_dest {
   width: 645px;
   height: 75px;
   position: absolute;
   top: 46px;
   left: 50px;
}

div.image_avatar_mess_off_dest img {
   width: 50px;
   height: 50px;
   border: solid 1px #282424;
   border-radius: 100%;
   float: right;
   margin-right: 20px;
}

div.nominativo_conversazione {
    float: left;
    color: #282424;
    padding-top: 13px;
    font-family: 'Sigmar One';
    font-size: 16px;
}

input.off_tasti_conv {
   background: transparent;
   border: none;
   width: 15px;
   height: 15px;
   float: right;
}

div.read_message_off_box {
    width: 725px;
    height: 531px;
    background: url('imgs/messaggioff/sfondosingolomessaggio.png');
    margin-top: 70px;
    float: left;
}

div.read_message_off_bax_scroll {
    width: 725px;
    height: 510px;
    margin-top: 5px;
    float: left;
    overflow: auto;
}

div.read_messageoff_box_text_mitt {
    width: 620px;
    max-height: 300px;
    margin: 10px auto;
    border: solid 1px #282424;
    padding: 10px;
    border-radius: 20px 0 0 20px;
    color: #282424;
    background: rgb(222, 184, 135, 0.6);
    box-shadow: 1px 1px black;
}

div.firma_mittente_off {
    width: 620px;
    height: 30px;
}

div.infos_mitt{
    width: 300px;
    height: 20px;
    float: right;
    font-size: 13px;
    text-align: right;
}

div.firma_destinatario_off {
    width: 620px;
    height: 30px;
}

div.text_desti_off {
    overflow: auto;
    max-height: 260px;
    margin-bottom: 5px;
    padding-right: 5px;
    word-wrap: break-word;
    text-align: justify;
    font-family: 'Lato';
}

div.text_mitte_off {
    overflow: auto;
    max-height: 260px;
    margin-bottom: 5px;
    padding-right: 5px;
    word-wrap: break-word;
    text-align: justify;
    font-family: 'Lato';
}

div.text_desti_off a, div.text_mitte_off a{
    color: black;
}

div.read_message_box_form_erase_mitt{
    float: left;
}

div.read_messageoff_box_text_dest {
    width: 620px;
    max-height: 300px;
    margin: 10px auto;
    border: solid 1px #282424;
    padding: 10px;
    border-radius: 0 20px 20px 0;
    color: #282424;
    background: rgb(229, 206, 125, 0.6);
    box-shadow: 0 1px 0 1px black;
}

div.read_message_box_form_erase_dest {
    float: right;
    margin-left: 3px;
    padding-top: 5px;
}

div.read_message_box_form_erase_mitt {
    float: left;
    margin-right: 3px;
}

div.infos_dest {
    width: 300px;
    height: 20px;
    float: left;
    font-size: 13px;
    text-align: left;
}

div.back_msgoff {
    padding-top: 19px;
    padding-left: 33px;
}

div.back_msgoff a{
    color: #e5ce7d;
    font-family: 'Lato';
    text-transform: uppercase;
    font-size: 11px;
}

div.read_message_box {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

div.read_message_box div.infos {
    clear: both;
    text-align: left;
}

div.read_message_box div.infos span.title {
    font-style: italic;
}

div.read_message_box div.infos span.body {
    font-weight: bold;
}

div.read_message_box_text {
    clear: both;
    border: solid 1px #d9d9d9;
    background-color: #999;
    padding: 10px;
    margin: 20px 0 5px 0;
    -moz-border-radius: 5px; /* Bordi arrotondati */
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

div.read_message_box_forms {
    clear: both;
    margin-bottom: 40px;
}

div.read_message_box_form {
    display: inline-block;
}

div.read_message_box_forms_dest {
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

div.read_message_box_forms_mitt {
    float: right;
    width: 15px;
    height: 15px;
    margin-left: 5px;
}

div.read_message_box_form img{
    width: 15px;
    height: 15px;
}

div.read_message_box_form input {
    height: 20px;
    width: 20px;
}

input.off_tasto_risp_gen{
   background: transparent;
   border: none;
   width: 30px;
   height: 30px;
   float: right;
   margin-right:5px;
   margin-top:10px;
}

/**** RISPONDI ****/

div.box_rispondi_mess_off {
    width: 800px;
    height: 650px;
    background: url('imgs/messaggioff/rispondimessaggio.png');
    margin: 0;
    position: relative;
}

div.box_busta_lettera {
    width: 380px;
    height: 185px;
    transform: rotate(355deg);
    padding: 45px 0 25px 10px;
    margin-left: 25px;
}

div.form_label_dest {
    width: 200px;
    color: #282424;
}

div.form_field_dest {
    width: 200px;
    height: 30px;
}

div.form_info_mult {
	color: #282424;
    width: 250px;
    font-size: 10px;
    text-transform: uppercase;
}

div.form_label_mult {
    margin-top: 10px;
	color: #282424;
    width: 200px;
}

div.form_field_mult {
    width: 200px;
}

div.form_label_text {
    width: 200px;
    font-size: 13px;
    text-transform: uppercase;
    color: #282424;
}

div.form_field_text {
    width: 550px;
    height: 300px;
    margin-left: 181px;
}

div.form_field_text_on {
    width: 390px;
    height: 100px;
}


input.input_dest {
    border: solid 1px #282424;
    border-radius: 10px;
    color: #282424;
    padding: 5px;
    width: 233px;
    box-shadow: 1px 1px black;
    background: #e5ce7d;
}

select.select_mult {
    border: solid 1px #282424;
    border-radius: 10px;
    color: #282424;
    padding: 5px;
    width: 245px;
    box-shadow: 1px 1px black;
    background: #e5ce7d;

}

input.messaggi_off_invio {
    width: 154px;
    height: 170px;
    background: transparent;
    border: none;
    position: absolute;
    bottom: 10px;
    left: 9px;
}

div.link_back_msgoff {
    width: 250px;
    height: 196px;
    position: absolute;
    right: 0;
}

div.link_back_msgoff a{
    color: #282424;
    text-transform: uppercase;
}

/***** CONFERME ******/

div.fatto_messaggi {
    width: 350px;
    margin: 50px 0 0 75px;
    padding: 20px;
    font-family: 'Sigmar One';
    text-align: center;
    color: #282424;
    font-size: 24px;
    border: solid 1px #282424;
    box-shadow: 1px 1px black;
}

/*** GRUPPI OFF ***/

div.box_conv_gruppioff {
    width: 800px;
    height: 650px;
    background: url('imgs/messaggioff/sfondogruppioff.png') no-repeat;
}

div.titolo_gruppo_off{
    width: 290px;
    height: 15px;
    color: #282424;
    /* margin-top: -12px; */
    /* margin-right: 0px; */
    /* float: right; */
    text-align: left;
    text-transform: uppercase;
    font-family: 'Lato';
    font-size: 11px;
    position: absolute;
    top: 20px;
    left: 471px;
}

div.partecipanti_elenco{
    width: 767px;
    height: 76px;
    float: left;
}

div.avatar_gruppo{
    width: 80px;
    height: 50px;
    margin-right: 16px;
    margin-top: 0px;
    float: right;
    text-transform: uppercase;
    text-align: center;
}

div.avatar_gruppo img {
    border: solid 1px #282424;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    box-shadow: 1px 1px black;
    margin-top: 10px;
}

div.avatar_gruppo a {
     color: #282424;
}

div.add_part {
    width: 200px;
    height: 30px;
    padding-top: 25px;
    float: right;
    color: #282424;
    text-align: left;   
}

div.scroll_gruppi_off {
    width: 693px;
    height: 510px;
    overflow: auto;
    float: left;
    margin: 21px 0 0 33px;
}

div.partecipanti_nomi {
    width: 408px;
    height: 58px;
    margin: 16px 0 0 10px;
    padding: 12px 0 0 20px;
    float: left;
    overflow: auto;
    color: #282424;
}

input.partecipante {
    width: 90px;
}

div.messaggio_gruppo_off_contenitore {
    overflow: auto;
    width: 645px;
    max-height: 300px;
    border: solid 1px #282424;
    border-radius: 0 20px 20px 0;
    background: rgb(222, 184, 135, 0.6);
    box-shadow: 0 1px 0 1px black;
    padding: 10px;
    margin: 10px 0 10px 10px;
    font-size: 14px;
    color: #282424;
    text-align: justify;
    float: left;
    font-family: 'Lato';
    font-size: 14px;
}

div.avatar_gruppi_risp {
    float: left;
    margin-left: 10px;
    margin-right: 5px;
}

img.img_gruppi_avatar {
    width: 75px;
    height: 75px;
    border: solid 1px #282424;
    border-radius: 100%;
    margin-left: 5px;
}

div.testo_gruppi_mitt {
    overflow: auto;
    max-height: 260px;
    margin-bottom: 5px;
    padding-right: 5px;
    word-wrap: break-word;
    font-family: 'Lato';
    font-size: 14px;
    width: 520px;
    float: right;
}

div.firma_gruppi_mitt {
    clear: both;
}

div.testo_gruppi_risp {
    overflow: auto;
    max-height: 260px;
    margin-bottom: 5px;
    padding-right: 5px;
    word-wrap: break-word;
    font-family: 'Lato';
    font-size: 14px;
    width: 520px;
    float: right;
}

div.nome_mitt_gr_off {
    width: 100%;
}

div.firma_gruppi_risp {
    clear: both;
}

div.testo_gruppi_risp a{
    color: black;
}

div.testo_gruppi_risp a:hover{
    font-weight: normal;
}

div.tasti_gruppi_messaggio {
    float: right;
    text-transform: uppercase;
}

div.tasti_gruppi_messaggio a{
    color: black;
    font-size: 10px;
}

div.messaggio_gruppo_off_contenitore_mitt {
    overflow: auto;
    width: 645px;
    max-height: 300px;
    border: solid 1px #282424;
    border-radius: 0 20px 20px 0;
    background: rgb(229, 206, 125, 0.6);
    box-shadow: 0 1px 0 1px black;
    padding: 10px;
    margin: 10px 0 10px 10px;
    font-size: 14px;
    color: #282424;
    text-align: justify;
    float: left;
    font-family: 'Lato';
    font-size: 14px;
}

div.avatar_gruppi_mitt {
    float: left;
    margin-left: 10px;
    margin-right: 5px;
}

div.testo_gruppi_mitt a{
    color: black;
}

div.link_back_rispondigruppi {
    width: 100px;
    height: 15px;
    float: left;
    margin-top: 17px;
    padding-left: 25px;
}

div.link_back_rispondigruppi a{
    color: #e5ce7d;
    font-family: 'Lato';
    text-transform: uppercase;
}

div.link_back_tornamessaggigruppi {
    width: 200px;
    height: 15px;
    float: left;
    margin-top: 17px;
    padding-left: 172px;
}

div.link_back_tornamessaggigruppi a{
    color: #e5ce7d;
    font-family: 'Lato';
    text-transform: uppercase;
}

div.form_label_title {
    width: 200px;
    color: #282424;
}

div.form_field_title {
    width: 200px;
    height: 30px;
}

div.form_label_img {
	margin-top: 5px;
	color: #282424;
    width: 250px;
}

div.form_field_img {
    width: 200px;
}

div.form_label_part {
	color: #282424;
    width: 400px;
}

div.form_field_part {
    width: 400px;
}

input.input_elimina_gruppi {
    margin: 10px 0 0 140px;
    width: 200px;
}

/***** MESSAGGI ON *****/

/* Contenitore generale */
div.pagina_messageson_center {
    width: 795px;
    height: 650px;
    display: flex;
    background: url('imgs/messaggion/tableton.png') no-repeat;
}

/* Rubrica laterale */
div.testa_rubrica {
    width: 260px;
    height: 590px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    float:left;
    margin: 32px 10px 0 65px;
    border-right: solid 1px #e5ce7d;
    color: #e5ce7d;
}

/* Sezione tasti gruppi */
div.list_gruppi_button {
    display: flex;
    gap: 20px;
    margin-top: 40px;
}

/* Tasti specifici */
div.titolo_conv_mess_on,
div.readall_gruppi {
    width: 50px;
    height: 50px;
}

div.readall_gruppi img,
div.titolo_conv_mess_on img {
    width: 100%;
    height: 100%;
}

/* Sezione WA */
div.list_wa {
    width: 190px;
    margin-top: 340px;
    padding: 20px;
    display: flex;
    flex-direction: row; /* <-- prima era column */
    gap: 15px;
    align-items: center;
    justify-content: center;
}

/* Erase tasti */
div.eraseall_rubrica,
div.eraseall_rubrica_two {
    width: 50px;
}

/* Alert in basso */
div.alertissimoon {
    font-size: 11px;
    color: #e5ce7d;
    margin-top: auto;
    margin-bottom: 30px;
    text-align: center;
    width: 220px;
    border: solid 1px #e5ce7d;
    padding: 5px;
    border-radius: 20px;
}

/* Elenco messaggi */
div.elenco_messaggi_nomi {
    width: 425px;
    height: 590px;
    margin: 30px 28px 0 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

div.elenco_messaggi_nomi_min {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}


td.avatar_wa img{
    width: 40px;
    height: 40px;
    border: solid 1px #e5ce7d;
    border-radius: 100px;
}

button.gruppo_silenzioso_toggle {
    appearance: none;
    -webkit-appearance: none;
    display: block;
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
}

button.gruppo_silenzioso_toggle img {
    display: block;
    box-sizing: border-box;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

button.gruppo_silenzioso_toggle.is-muted img {
    border: solid 2px #e24a4a;
    box-shadow: 0 0 0 2px rgba(226, 74, 74, 0.35), 0 0 8px rgba(226, 74, 74, 0.8);
}

button.gruppo_silenzioso_toggle:focus-visible {
    outline: 2px solid #e5ce7d;
    outline-offset: 3px;
}

button.gruppo_silenzioso_toggle:disabled {
    cursor: wait;
    opacity: 0.6;
}

div.box_conv_on {
    width: 100%;
    height: 330px;
    text-align: left;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 20px;
    box-sizing: border-box;
}

table.wa_list_conv {
    width: 100%;
    margin: 10px 0 0 0;
    table-layout: fixed;
}

td.avatar_wa {
    width: 40px;
    height: 40px;
}

input.messaggi_on_list {
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    height: auto;
    cursor: pointer;
    color: #CFB53B;
    text-align: left;
    font-size: 11px;
}

td.nome_antepr {
    padding-left: 10px; */
    text-align: left;
    border-bottom: solid 1px rgb(229,206,125,0.5);
    font-size: 11px;
    color: #DEB887;
}

td.nome_antepr a {
    color: #FAEBD7;
}

td.simb_date {
    width: 70px;
    text-transform: uppercase;
    color: #DEB887;
    font-size: 10px;
}

td.simbo_date {
    width: 50px;
    text-transform: uppercase;
    color: #DEB887;
    font-size: 10px;
}

input.erase_conv {
    width: 25px;
    height: 25px;
    background: transparent;
    border: none;
    box-shadow: none;
}

div.box_gruppi_on {
    width: 100%;
    height: 235px;
    overflow-x: hidden;
    overflow-y: auto;
    border-top: solid 1px #e5ce7d;
    box-sizing: border-box;
}

/* L'elenco gruppi riusa il box del forum, che fuori da questa pagina e' largo 812px. */
div.pagina_messageson_center div.box_gruppi_on div.elenco_record_gioco_forumm {
    width: 100%;
    height: 100%;
    margin: 0;
    float: none;
    box-sizing: border-box;
}

/*** SINGOLO MSG ON ***/

div.sfondo_avviso{
    text-align: center;
    font-size: 13px;
    color: yellow;
    padding-right: 10px;
}

div.testa_conversazione {
    padding: 160px 10px 0 54px;
    width: 230px;
    height: 408px;
    float: left;
    margin: 43px 10px 0 60px;
    text-align: center;
    border-right: solid 1px #e5ce7d;
}

div.torna_list_wa {
    float: left;
    width: 200px;
    height: 45px;
}

div.avatar_conv_wa {
    float: left;
    width: 100px;
    text-align: center;
    margin: 20px 0 0 50px;
}

img.avatar_elenco {
    width: 100px;
    height: 100px;
    border: solid 1px #e5ce7d;
    border-radius: 100%;
}

div.modifica_gruppoon_read a{
    color: #e5ce7d;
    text-transform: uppercase;
}

div.nome_ultimo_conv_wa {
    float: left;
    width: 200px;
    height: 50px;
    padding-top: 10px;
    text-align: center;
    font-size: 18px;
    color: #e5ce7d;
}

div.nome_ultimo_conv_wa_salva {
    float: left;
    width: 200px;
    height: 50px;
    padding-top: 40px;
    text-align: center;
    font-size: 18px;
    color: #e5ce7d;
}

div.nome_ultimo_conv_wa_salva a{
    color: #e5ce7d;
}

div.ultimo_access_on {
    font-size: 14px;
    text-align: center;
}

div.read_messaggi_wa {
    width: 380px;
    height: 430px;
    margin: 0 10px 0 0;
    overflow: auto;
}

div.box_destinatario {
    float: left;
    width: 370px;
    margin-left: 5px;
}

div.corpo_messaggio_destinatario {
    position: relative;
    padding: 20px;
    margin: 1em 0 1em 12px;
    color: #282424;
    background: #e5ce7d;
    border-radius: 10px;
    text-align: justify;
    word-wrap: break-word;
    box-shadow: 3px 3px 3px black;
    border: solid 1px black;
    font-family: 'Lato';
    font-size: 14px;
}

div.corpo_messaggio_destinatario:after {
    content: "";
    position: absolute;
    top: auto;
    left: -8px;
    bottom: 5px;
    border-width: 7px 10px 7px 0;
    border-color: transparent #e5ce7d;
    border-style: solid;
    display: block;
    width: 0;
}

div.firma_destinatario {
    padding-top: 10px;
    text-align: left;
}

div.read_message_box_form_erase_dest {
    float: right;
    margin-left: 3px;
    padding-top: 5px;
}

div.read_message_box_forms_dest {
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

div.destinatario_nome {
    float: left;
    padding-top: 5px;
    font-size: 12px;
    text-transform: uppercase;
}

input.messaggi_on_conv {
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    height: auto;
    cursor: pointer;
    color: #000;
    font-size: 12px;
}

div.box_mittente {
    float: right;
    width: 370px;
    margin-right: 5px;
}

div.corpo_messaggio_mittente {
    position: relative;
    padding: 20px;
    margin: 1em 12px 1em 0;
    color: #282424;
    background: #DEB887;
    border-radius: 10px;
    text-align: justify;
    word-wrap: break-word;
    box-shadow: 0px 3px 3px 3px;
    border: solid 1px black;
    font-family: 'Lato';
    font-size: 14px;
}

div.corpo_messaggio_mittente:after {
    content: "";
    position: absolute;
    top: auto;
    right: -8px;
    bottom: 5px;
    left: auto;
    border-width: 7px 0 7px 10px;
    border-color: transparent #DEB887;
    border-style: solid;
    display: block;
    width: 0;
}

div.corpo_messaggio_mittente img{
    max-width: 300px;
}

div.corpo_messaggio_destinatario img{
    max-width: 300px;
}

div.corpo_messaggio_mittente a{
    color: black;
}

div.corpo_messaggio_destinatario a{
    color: black;
}

div.firma_mittente {
    padding-top: 10px;
    text-align: right;
}

div.mittente_nome {
    float: right;
    padding-top: 5px;
    font-size: 12px;
    text-transform: uppercase;
}

div.read_message_box_form_erase_mitt {
    float: left;
    margin-right: 3px;
}

div.read_message_box_forms_mitt {
    float: right;
    width: 15px;
    height: 15px;
    margin-left: 5px;
}

div.text_messagge_on {
    width: 390px;
    margin: 0 0 0 -1px;
    position: relative;
}

textarea#text_messaggi_composer {
    margin: 5px auto;
    width: 360px;
    height: 60px;
    border: dashed 1px #CFB53B;
    border-radius: 20px;
    padding: 10px;
}

input.invia_messaggio_on {
    border: none;
    box-shadow: none;
    background: transparent;
    width: 380px;
    height: 20px;
    position: absolute;
    top: 132px;
}

input.invia_messaggio_on_two {
    border: none;
    box-shadow: none;
    background: transparent;
    width: 380px;
    height: 40px;
    margin: 5px auto 0 auto;
}

div.system_message_on{
    color: #e5ce7d;
    text-align:center;
}

/*** RUBRICA CREA MSG ON ***/

div.contenitore_rubrica {
    text-align: center;
    padding: 0px 10px 0 0;
    width: 230px;
    height: 408px;
    float: left;
    margin: 0px 10px 0 25px;
}

div.list_wa_crearubrica {
    width: 50px;
    height: 50px;
    margin: 10px 0 0 100px;
    text-align: left;
}

table.wa_list_conv_rubrica {
    width: 385px;
    overflow: auto;
    margin: 10px auto;
}

img.avatar_elenco_rubrica {
    width: 50px;
    height: 50px;
    border: solid 1px #e5ce7d;
    border-radius: 100px;
}

td.nome_antepr_rubrica {
    padding-left: 10px;
    text-align: left;
    border-bottom: solid 1px rgb(229,206,125,0.5);
    font-size: 14px;
    color: #e5ce7d;
}

/*** SINGOLO GRUPPO ON ***/

div.testa_conversazione_gruppi_on {
    width: 241px;
    height: 503px;
    float: left;
    margin: 51px 10px 0 63px;
    text-align: center;
    padding: 44px 12px 0 42px;
    border-right: solid 1px #e5ce7d;
}

div.add_part_on {
    width: 168px;
    height: 102px;
    float: left;
    margin: 20px 20px 20px 0;
    text-align: left;
    padding: 20px;
    border: solid 1px #e5ce7d;
    border-radius: 20px;
    box-shadow: 2px 2px #e5ce7d;
}

input.partecipante_on {
    width: 110px;
    font-size: 11px;
    border-radius: 20px;
    margin-bottom: 1px;
    border: solid 1px #282424;
    background: #e5ce7d;
    color: #282424;
}

input.agg_partecipante_on {
    width: 40px;
    height: 25px;
    border-radius: 20px;
    font-size: 12px;
    margin-bottom: 5px;
    border: solid 1px #282424;
    background: #e5ce7d;
    color: #282424;
}

select.gestione_gruppo_on {
    width: 123px;
    font-size: 12px;
    border-radius: 20px;
    height: 25px;
    margin-bottom: 5px;
    border: solid 1px #282424;
    background: #e5ce7d;
    color: #282424;
}

div.avatar_conv_wa_gruppoon {
    float: left;
    width: 100px;
    text-align: center;
    margin: 20px 0 0 50px;
}

div.avatar_conv_wa_gruppoon img {
    width: 100px;
    height: 100px;
    border: solid 1px #e5ce7d;
    border-radius: 100%;
}

div.elenco_messaggi_nomi_gruppoon {
    width: 390px;
    height: 584px;
    float: right;
    margin: 28px 28px 0 0;
}

div.read_messaggi_wa_gruppoon {
    width: 380px;
    height: 443px;
    margin: 0 10px 0 0;

}

div.partecipanti_nomi_gruppoon {
    width: 375px;
    height: 35px;
    padding: 5px 12px 3px 5px;
    overflow: auto;
    color: #e5ce7d;
    text-align: left;
    font-size: 12px;
}

div.contenitore_testo_partecipanti {
    width: 385px;
    height: 383px;
    margin: 0 auto;
    overflow: auto;
}

div.box_destinatario_grup {
    float: right;
    width: 370px;
    position: relative;
}

div.avatar_gruppion_risp {
    width: 50px;
    height: 50px;
    float: left;
    position: absolute;
    bottom: 5px;
    left: 0;
}

div.avatar_gruppion_risp img {
    width: 50px;
    height: 50px;
    border: solid 1px #e5ce7d;
    border-radius: 100%;
}

div.corpo_messaggio_destinatario_grup {
    position: relative;
    padding: 20px;
    margin: 10px 5px 5px 5px;
    color: #282424;
    background: #e5ce7d;
    border-radius: 10px;
    text-align: justify;
    word-wrap: break-word;
    box-shadow: 3px 3px 3px black;
    border: solid 1px black;
    width: 255px;
    float: right;
    font-family: 'Lato';
    font-size: 14px;
}

div.corpo_messaggio_destinatario_grup img {
	max-width: 250px;
}

div.corpo_messaggio_destinatario_grup:after {
    content: "";
    position: absolute;
    top: auto;
    left: -8px;
    bottom: 5px;
    border-width: 7px 10px 7px 0;
    border-color: transparent #e5ce7d;
    border-style: solid;
    display: block;
    width: 0;
}

div.corpo_messaggio_destinatario_grup a{
    color:black;
}

div.corpo_messaggio_mittente_grup a{
    color:black;
}

div.firma_destinatario {
    padding-top: 10px;
    text-align: left;
}

div.read_message_box_form_erase_dest {
    float: right;
    margin-left: 3px;
    padding-top: 5px;
}

div.destinatario_nome {
    float: left;
    padding-top: 5px;
    font-size: 12px;
    text-transform: uppercase;
}

div.box_mittente_grup {
    float: left;
    width: 360px;
    position: relative;
}

div.avatar_gruppion_mitt {
    width: 50px;
    height: 50px;
    float: right;
    position: absolute;
    bottom: 5px;
    right: 0;
}

div.avatar_gruppion_mitt img {
    width: 50px;
    height: 50px;
    border: solid 1px #e5ce7d;
    border-radius: 100%;
}

div.corpo_messaggio_mittente_grup {
    position: relative;
    padding: 20px;
    margin: 10px 5px 5px 5px;
    color: #282424;
    background: #DEB887;
    border-radius: 10px;
    text-align: justify;
    word-wrap: break-word;
    box-shadow: 0px 3px 3px 3px;
    border: solid 1px black;
    width: 255px;
    float: left;
    font-family: 'Lato';
    font-size: 14px;
}

div.corpo_messaggio_mittente_grup:after {
    content: "";
    position: absolute;
    top: auto;
    right: -8px;
    bottom: 5px;
    left: auto;
    border-width: 7px 0 7px 10px;
    border-color: transparent #DEB887;
    border-style: solid;
    display: block;
    width: 0;
}

div.firma_mittente {
    padding-top: 10px;
    text-align: right;
}

div.read_message_box_form_erase_mitt {
    float: left;
    margin-right: 3px;
}

div.mittente_nome {
    float: right;
    padding-top: 5px;
    font-size: 12px;
    text-transform: uppercase;
}

/*** CREAZIONE GRUPPO ***/

div.list_wa_creagruppo {
    width: 190px;
    height: 200px;
    float: left;
    margin: 90px 0 0 160px;
}

/*** SEGNA COME LETTO GRUPPI ***/

div.fatto_msg_on {
    width: 330px;
    margin: 50px auto;
    font-family: 'Onderneming';
    font-size: 36px;
    padding: 20px;
    text-align: center;
    color: #e5ce7d;
}

div.tasto_conferma_elim {
    width: 100px;
    height: 75px;
    margin: 10px auto;
    padding-top: 25px;
    background: #FAEBD7;
    border-radius: 100%;
}

/* Halloween 2026 — Messaggi On, rubrica, gruppi e relativi moduli.
   Il tablet conserva i suoi 795 x 650 px; i controlli seguono il flusso
   del contenuto, compreso l'invio sotto all'editor. */
body div.pagina_messageson_center {
    --on-ink: #f0dfc5;
    --on-muted: #c7ad89;
    --on-copper: #ac682e;
    --on-line: rgba(189, 119, 57, .42);
    box-sizing: border-box;
    width: 795px;
    height: 650px;
    padding: 46px 40px 54px;
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 22px;
    background: url('imgs/messaggion/tableton.png') center / 795px 650px no-repeat;
    color: var(--on-ink);
    font: 13px/1.4 'Lato', Arial, sans-serif;
    text-align: left;
}

body .pagina_messageson_center > .page_body,
body .pagina_messageson_center .new_mess,
body .pagina_messageson_center .pagina_messageson_center {
    display: contents;
}

body .pagina_messageson_center :is(.testa_rubrica, .testa_conversazione, .testa_conversazione_gruppi_on),
body .pagina_messageson_center > .list_wa_creagruppo,
body .pagina_messageson_center > .page_body > .pagina_messageson_center > .list_wa_creagruppo {
    box-sizing: border-box;
    width: auto;
    height: 100%;
    min-height: 0;
    float: none;
    margin: 0;
    padding: 18px 14px;
    border: 1px solid var(--on-line);
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(65, 38, 23, .38), rgba(15, 13, 12, .55));
    box-shadow: inset 0 1px rgba(243, 188, 109, .08);
    color: var(--on-ink);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

body .pagina_messageson_center .testa_rubrica:has(.list_wa) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 1.12fr auto 1fr;
    gap: 18px;
}

body .pagina_messageson_center :is(.list_wa, .list_gruppi_button) {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 42px);
    align-content: center;
    justify-content: center;
    gap: 12px 10px;
}
body .pagina_messageson_center .list_wa { grid-row: 1; }
body .pagina_messageson_center .list_gruppi_button { grid-row: 3; grid-template-columns: repeat(2, 42px); }
body .pagina_messageson_center :is(.list_wa, .list_gruppi_button)::before {
    grid-column: 1 / -1;
    content: 'Messaggi singoli';
    color: #eab572;
    font: 16px/1.3 'Cinzel', Georgia, serif;
    text-align: center;
}
body .pagina_messageson_center .list_gruppi_button::before { content: 'Gruppi On'; }
body .pagina_messageson_center .alertissimoon {
    grid-row: 2;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 12px 0;
    border: 0;
    border-block: 1px solid var(--on-line);
    border-radius: 0;
    color: var(--on-muted);
    font-size: 10px;
    line-height: 1.45;
}

body .pagina_messageson_center :is(.titolo_conv_mess_on, .readall_gruppi, .eraseall_rubrica, .eraseall_rubrica_two) {
    width: 42px;
    height: 42px;
}
body .pagina_messageson_center :is(.list_wa, .list_gruppi_button) a,
body .pagina_messageson_center .torna_list_wa a,
body .pagina_messageson_center .contenitore_rubrica > a,
body .pagina_messageson_center .list_wa_creagruppo > a {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 6px;
    border: 1px solid var(--on-copper);
    border-radius: 50%;
    background: linear-gradient(#352419, #171310);
    box-shadow: inset 0 0 0 2px rgba(244, 184, 94, .07), 0 2px 5px #090807;
}
body .pagina_messageson_center :is(.list_wa, .list_gruppi_button, .torna_list_wa, .list_wa_creagruppo, .contenitore_rubrica) img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    clip-path: circle(47%);
    filter: sepia(.35) saturate(1.4);
}
body .pagina_messageson_center :is(.list_wa, .list_gruppi_button, .torna_list_wa, .list_wa_creagruppo, .contenitore_rubrica) a:hover {
    border-color: #e5a456;
    background: #4a2b16;
}
body .pagina_messageson_center a { color: #e9bd83; }
body .pagina_messageson_center a:focus-visible,
body .pagina_messageson_center :is(input, button, select):focus-visible {
    outline: 2px solid #edb068;
    outline-offset: 2px;
}

body .pagina_messageson_center :is(.elenco_messaggi_nomi, .elenco_messaggi_nomi_gruppoon) {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    float: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: visible;
}
body .pagina_messageson_center .elenco_messaggi_nomi_min {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
body .pagina_messageson_center .elenco_messaggi_nomi:has(.box_conv_on) > .elenco_messaggi_nomi_min {
    display: grid;
    grid-template-rows: 1.12fr 1fr;
    gap: 18px;
    overflow: hidden;
}
body .pagina_messageson_center :is(.box_conv_on, .box_gruppi_on) {
    box-sizing: border-box;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0 6px 6px;
    border: 1px solid var(--on-line);
    border-radius: 8px;
    background: rgba(25, 18, 13, .38);
}
body .pagina_messageson_center :is(.box_conv_on, .box_gruppi_on)::before {
    content: 'Conversazioni';
    position: sticky;
    top: 0;
    z-index: 1;
    display: block;
    padding: 10px 6px 8px;
    border-bottom: 1px solid var(--on-line);
    background: #211810;
    color: #eab572;
    font: 13px/1.2 'Cinzel', Georgia, serif;
}
body .pagina_messageson_center .box_gruppi_on::before { content: 'Gruppi On'; }
body div.pagina_messageson_center div.box_gruppi_on div.elenco_record_gioco_forumm { height: auto; overflow: visible; }
body .pagina_messageson_center :is(.wa_list_conv, .wa_list_conv_rubrica) {
    width: 100%;
    margin: 4px 0 0;
    table-layout: fixed;
    border-spacing: 0;
}
body .pagina_messageson_center :is(.wa_list_conv, .wa_list_conv_rubrica) td {
    padding-block: 8px;
    vertical-align: middle;
    border-bottom: 1px solid rgba(177, 117, 63, .24);
}
body .pagina_messageson_center :is(.avatar_wa, .icon_cell) { width: 46px; }
body .pagina_messageson_center .wa_list_conv_rubrica td:first-child { width: 56px; }
body .pagina_messageson_center :is(.nome_antepr, .nome_antepr_rubrica) {
    padding-left: 8px;
    color: var(--on-muted);
    overflow-wrap: anywhere;
    font-size: 11px;
}
body .pagina_messageson_center .messaggi_on_list {
    color: #f1d1a3;
    font: 600 13px/1.4 'Lato', Arial, sans-serif;
    max-width: 100%;
    white-space: normal;
    text-align: left;
}
body .pagina_messageson_center .nome_antepr a { color: #f1d1a3; }
body .pagina_messageson_center .simb_date { width: 70px; color: var(--on-muted); font-size: 9px; }
body .pagina_messageson_center .simbo_date { width: 30px; text-align: center; }
body .pagina_messageson_center .sfondo_avviso { padding: 0; color: #ffbe6a; font-weight: bold; }
body .pagina_messageson_center .erase_conv { width: 21px; height: 21px; margin: 0; padding: 0; }
body .pagina_messageson_center :is(.avatar_wa img, .icon_cell img.avatar_elenco) { width: 40px; height: 40px; }
body .pagina_messageson_center :is(img.avatar_elenco, img.avatar_elenco_rubrica, .avatar_conv_wa_gruppoon img, .avatar_gruppion_mitt img, .avatar_gruppion_risp img, .avatar_wa img) {
    box-sizing: border-box;
    object-fit: cover;
    border: 1px solid #b8793c;
    box-shadow: 0 0 0 2px rgba(185, 113, 49, .14);
}

/* Conversazioni: una sola area per scorrere i messaggi, editor e invio fermi. */
body .pagina_messageson_center :is(.torna_list_wa, .avatar_conv_wa, .avatar_conv_wa_gruppoon, .nome_ultimo_conv_wa, .nome_ultimo_conv_wa_salva, .contenitore_rubrica, .list_wa_crearubrica, .list_wa_creagruppo) {
    box-sizing: border-box;
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
}
body .pagina_messageson_center :is(.nome_ultimo_conv_wa, .nome_ultimo_conv_wa_salva) {
    color: #f0c48a;
    overflow-wrap: anywhere;
    font: 17px/1.45 'Cinzel', Georgia, serif;
}
body .pagina_messageson_center .nome_ultimo_conv_wa_salva {
    height: auto !important;
    padding: 6px 0 0 !important;
    font: 12px/1.4 'Lato', Arial, sans-serif;
}
body .pagina_messageson_center .ultimo_access_on { margin-top: 6px; color: var(--on-muted); font: 11px/1.4 'Lato', Arial, sans-serif; }
body .pagina_messageson_center .modifica_gruppoon_read { margin-bottom: 8px; font: 11px/1.4 'Lato', Arial, sans-serif; }
body .pagina_messageson_center .titolo_conv_mess_on_rubrica { color: #edc99c; font: 15px/1.6 'Cinzel', Georgia, serif; }
body .pagina_messageson_center :is(.read_messaggi_wa, .read_messaggi_wa_gruppoon) {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0;
    flex: 1 1 0;
    margin: 0;
    padding: 0 7px 8px 0;
    overflow-y: auto;
    overflow-x: hidden;
}
body .pagina_messageson_center .read_messaggi_wa_gruppoon { display: flex; flex-direction: column; padding: 0; overflow: hidden; }
body .pagina_messageson_center .partecipanti_nomi_gruppoon {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    max-height: 58px;
    flex: 0 0 auto;
    padding: 8px 10px;
    margin-bottom: 6px;
    border: 1px solid var(--on-line);
    border-radius: 6px;
    color: var(--on-muted);
    font-size: 11px;
    overflow-wrap: anywhere;
}
body .pagina_messageson_center .contenitore_testo_partecipanti {
    width: 100%;
    height: auto;
    min-height: 0;
    flex: 1 1 0;
    margin: 0;
    padding-right: 7px;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
}
body .pagina_messageson_center :is(.box_mittente, .box_destinatario, .box_mittente_grup, .box_destinatario_grup) {
    box-sizing: border-box;
    width: 100%;
    float: none;
    display: flow-root;
    margin: 0;
}
body .pagina_messageson_center :is(.corpo_messaggio_mittente, .corpo_messaggio_destinatario, .corpo_messaggio_mittente_grup, .corpo_messaggio_destinatario_grup) {
    box-sizing: border-box;
    width: auto;
    padding: 12px 14px;
    margin: 8px 10px 12px;
    float: none;
    border: 1px solid #ac7841;
    color: #2a1c11;
    background: #d4b38b;
    text-align: left;
    font: 13px/1.45 'Lato', Arial, sans-serif;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .35);
    overflow-wrap: anywhere;
}
body .pagina_messageson_center :is(.corpo_messaggio_destinatario, .corpo_messaggio_destinatario_grup) { background: #edcf9f; }
body .pagina_messageson_center :is(.corpo_messaggio_mittente, .corpo_messaggio_mittente_grup)::after { border-color: transparent #d4b38b; }
body .pagina_messageson_center :is(.corpo_messaggio_destinatario, .corpo_messaggio_destinatario_grup)::after { border-color: transparent #edcf9f; }
body .pagina_messageson_center :is(.corpo_messaggio_mittente_grup, .corpo_messaggio_destinatario_grup) { margin-right: 56px; }
body .pagina_messageson_center .corpo_messaggio_destinatario_grup { margin-left: 56px; margin-right: 10px; }
body .pagina_messageson_center :is(.avatar_gruppion_mitt, .avatar_gruppion_risp) { width: 40px; height: 40px; bottom: 12px; }
body .pagina_messageson_center :is(.avatar_gruppion_mitt, .avatar_gruppion_risp) img { width: 40px; height: 40px; }
body .pagina_messageson_center :is(.corpo_messaggio_mittente, .corpo_messaggio_destinatario, .corpo_messaggio_mittente_grup, .corpo_messaggio_destinatario_grup) img { max-width: 100%; height: auto; }
body .pagina_messageson_center :is(.corpo_messaggio_mittente, .corpo_messaggio_destinatario, .corpo_messaggio_mittente_grup, .corpo_messaggio_destinatario_grup) a { color: #603614; text-decoration: underline; }
body .pagina_messageson_center :is(.firma_mittente, .firma_destinatario) { display: flow-root; padding-top: 8px; font-size: 10px; }
body .pagina_messageson_center :is(.mittente_nome, .destinatario_nome, .messaggi_on_conv) { font: 10px/1.4 'Lato', Arial, sans-serif; }
body .pagina_messageson_center .system_message_on { color: var(--on-muted); font-size: 11px; padding: 8px; }

/* Campi, amministrazione gruppo e moduli di creazione/modifica. */
body .pagina_messageson_center .add_part_on {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    float: none;
    padding: 10px;
    margin: 0;
    border: 1px solid var(--on-line);
    border-radius: 8px;
    box-shadow: none;
}
body .pagina_messageson_center .add_part_on form { display: flex; align-items: center; gap: 5px; margin: 0 0 5px; }
body .pagina_messageson_center .add_part_on form:last-child { margin-bottom: 0; }
body .pagina_messageson_center .add_part_on :is(.partecipante_on, .gestione_gruppo_on) { width: 0; flex: 1 1 0; }
body .pagina_messageson_center :is(input:not([type]), input[type='text'], select.gestione_gruppo_on) {
    box-sizing: border-box;
    height: 32px;
    margin: 0;
    padding: 6px 9px;
    border: 1px solid #8f5c31;
    border-radius: 5px;
    background: #281e17;
    color: #f0dfc5;
    font: 13px/1.4 'Lato', Arial, sans-serif;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .24);
}
body .pagina_messageson_center .agg_partecipante_on { flex: 0 0 30px; width: 30px; height: 30px; padding: 0; margin: 0; border: 1px solid #ac682e; border-radius: 50%; background: #39251a; color: #f0ce9f; }
body .pagina_messageson_center.on_group_form .elenco_messaggi_nomi > form {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 18px;
    border: 1px solid var(--on-line);
    border-radius: 10px;
    background: rgba(45, 28, 17, .24);
}
body .pagina_messageson_center.on_group_form .elenco_messaggi_nomi_min { height: auto; flex: 1 1 0; padding-right: 4px; }
body .pagina_messageson_center.on_group_form .form_label { margin: 0 0 5px; color: #e4be8c; font: 13px/1.4 'Lato', Arial, sans-serif; text-transform: none; }
body .pagina_messageson_center.on_group_form .form_field { width: 100%; margin: 0 0 14px; }
body .pagina_messageson_center.on_group_form .form_field:last-child { margin-bottom: 0; }
body .pagina_messageson_center.on_group_form .form_field > :is(input, textarea) { width: 100% !important; max-width: 100%; box-sizing: border-box; }
body .pagina_messageson_center.on_group_form .testa_rubrica::before {
    content: 'Crea gruppo';
    color: #edc28b;
    font: 21px/1.4 'Cinzel', Georgia, serif;
    text-align: center;
}
body .pagina_messageson_center.on_group_edit .testa_rubrica::before { content: 'Modifica gruppo'; }
body .pagina_messageson_center.on_group_form .testa_rubrica::after {
    content: 'Torna alle conversazioni';
    color: var(--on-muted);
    font-size: 12px;
    text-align: center;
}
body .pagina_messageson_center .form_submit { margin: 0; padding: 0; text-align: center; }
body .pagina_messageson_center .text_messagge_on { width: 100%; min-width: 0; flex: 0 0 auto; margin: 0; }
body .pagina_messageson_center .form_field_text_on { box-sizing: border-box; width: 100%; height: auto; margin: 0; padding: 0; }
body .pagina_messageson_center .text_messagge_on form { display: flex; flex-direction: column; gap: 9px; margin: 0; }
body .pagina_messageson_center :is(.invia_messaggio_on, .invia_messaggio_on_two) {
    box-sizing: border-box;
    position: static;
    display: block;
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 7px 8px;
    border: 1px solid #a56530;
    border-radius: 6px;
    background: linear-gradient(#422a1b, #231a14);
    object-fit: contain;
    box-shadow: inset 0 1px rgba(246, 191, 111, .12);
}
body .pagina_messageson_center .invia_messaggio_on:hover { border-color: #e5a456; background: #4a2b16; }
body .pagina_messageson_center .tasto_iphone:empty { display: none; }

/* L'editor condiviso viene caricato dopo la skin: variabili e regole locali
   mantengono leggibili toolbar, anteprima e campi anche in quel caso. */
body .pagina_messageson_center .land-native-editor {
    --ne-panel: #261b14;
    --ne-panel-soft: #3c291c;
    --ne-border: #966031;
    --ne-accent: #d39a58;
    --ne-text: #f0c994;
    --ne-paper: #d4b38b;
    --ne-ink: #2a1c11;
    --ne-preview-background: #d4b38b;
    --ne-preview-color: #2a1c11;
    --ne-preview-font: 13px/1.45 'Lato', Arial, sans-serif;
    max-width: 100%;
}
body .pagina_messageson_center .land-native-editor[data-profile='compact'] .land-native-editor__editable {
    box-sizing: border-box;
    height: 66px;
    min-height: 66px;
    max-height: 66px;
}
body .pagina_messageson_center.on_group_form .land-native-editor[data-profile='compact'] .land-native-editor__editable { height: 120px; min-height: 120px; max-height: 120px; }
body .pagina_messageson_center .land-native-editor__footer { box-sizing: border-box; font-size: 9px; }
body .pagina_messageson_center .land-native-editor__editable a { color: #603614; }
body .pagina_messageson_center .land-native-editor__toolbar button { box-shadow: none; }
body .pagina_messageson_center :is(.read_messaggi_wa, .contenitore_testo_partecipanti, .elenco_messaggi_nomi_min, .box_conv_on, .box_gruppi_on) { scrollbar-width: thin; scrollbar-color: #975e2c #1b140f; }

body .pagina_messageson_center .fatto_msg_on { box-sizing: border-box; width: 100%; margin: auto; padding: 22px; color: #efd4ad; font: 21px/1.5 'Cinzel', Georgia, serif; }
body .pagina_messageson_center .elenco_messaggi_nomi:has(.fatto_msg_on) .elenco_messaggi_nomi_min { display: flex; align-items: center; text-align: center; }
body .pagina_messageson_center .input_elimina_gruppi,
body .pagina_messageson_center .fatto_msg_on input[type='submit'] { display: block; width: 180px; margin: 18px auto; padding: 9px 14px; height: auto; border: 1px solid #b47b42; border-radius: 6px; background: #432719; color: #f0d1a5; }
body .pagina_messageson_center .tasto_conferma_elim { box-sizing: border-box; width: 54px; height: 54px; padding: 10px; background: #382319; border: 1px solid #b47b42; }
body .pagina_messageson_center .tasto_conferma_elim img { width: 100%; height: 100%; object-fit: contain; }