#pannelli .finestra[data-finestra="account"] > .pannello { width: min(430px, calc(100vw - 20px)); }
.account30 { display: grid; gap: 13px; }
.account30-identita { display: grid; gap: 7px; padding: 13px; border: 1px solid #aa875258; background: #e6d6ac3d; }
.account30-identita span { display: flex; justify-content: space-between; gap: 12px; color: #816b45; font: 700 11px Georgia, serif; letter-spacing: .09em; }
.account30-identita strong { color: #3e2d1d; font: 700 15px Georgia, serif; letter-spacing: 0; }
.account30 > button { width: 100%; padding: 10px; }
.account30 details { border-top: 1px solid #9f7d4d6e; border-bottom: 1px solid #9f7d4d6e; padding: 9px 0; }
.account30 summary { cursor: pointer; color: #6d502d; font-weight: 700; }
.account30-email { display: grid; gap: 8px; margin-top: 12px; }
.account30-email label { display: grid; gap: 4px; font-size: 13px; }
.account30-email input { width: 100%; padding: 7px; }
.account30 p { margin: 0; font-size: 12px; color: #705c3f; }
.account30 .bottone.account30-esci {
  color: #fff1d2; background: linear-gradient(#714439, #442621);
  border: 1px solid #d5a273; border-radius: 4px;
  font-weight: 700; font-size: 15px; min-height: 46px;
  text-shadow: 0 1px 2px #180c08; box-shadow: inset 0 1px #e6c29435, 0 2px 5px #0005;
}
.account30 .bottone.account30-esci:hover { background: linear-gradient(#895447, #60372e); border-color: #f0c797; }
.account30 .bottone.account30-esci:focus-visible { outline: 2px solid #f8dc9e; outline-offset: 3px; }
.account30 small { text-align: center; color: #806b4d; font: italic 11px/1.4 Georgia, serif; }