/* VOLTURA Atelier Aqua · Scheda cliente laterale (PC e iPhone).
   Solo presentazione: nessuna modifica a dati, contratti, storico o accesso. */
#backdrop.client-overlay{
  background:rgba(13,55,53,.28)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}
#drawer.drawer,
#drawer.drawer.open{
  color-scheme:light!important;
  background:linear-gradient(160deg,#ffffff 0%,#f6fbfa 46%,#eef9f7 100%)!important;
  color:#183d3c!important;
  border-left:1px solid #cae5e0!important;
  box-shadow:-16px 0 52px rgba(20,75,71,.13)!important;
  scrollbar-color:#b9ded8 transparent!important;
}
#drawer .drawer-header{padding-bottom:12px;border-bottom:1px solid #dcece9!important}
#drawer .eyebrow{color:#278078!important;letter-spacing:.13em!important;font-size:11px!important}
#drawer h2,#drawer #drawerTitle{
  color:#183e3d!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:500!important;
  letter-spacing:-.035em!important;
  font-size:clamp(30px,3vw,36px)!important;
  line-height:1.2!important;
}
#drawer #drawerSubtitle,#drawer .muted{color:#587976!important;opacity:1!important}
#drawer #closeDrawer.button{
  background:#e7f5f2!important;
  border:1px solid #cbe6e0!important;
  color:#155751!important;
  min-height:44px!important;min-width:44px!important;
  box-shadow:none!important;
}
#drawer #closeDrawer:hover{background:#d7eeea!important}
#drawer .drawer-tabs{
  border-bottom:1px solid #d9e9e5!important;
  margin:19px 0 24px!important;
}
#drawer .drawer-tabs button{
  color:#567873!important;
  font-size:14px!important;
  font-weight:650!important;
  border-color:transparent!important;
}
#drawer .drawer-tabs button.on{
  color:#126d66!important;
  border-bottom:2px solid #59b9ad!important;
  background:linear-gradient(to top,#d6f1ec80,transparent)!important;
}
#drawer .field{
  color:#285651!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.45!important;
}
#drawer .field input,#drawer .field select,#drawer .field textarea{
  background:#fff!important;
  color:#193c3a!important;
  border:1px solid #c9dfda!important;
  border-radius:12px!important;
  font-size:16px!important;
  min-height:47px!important;
  padding:12px 13px!important;
  box-shadow:none!important;
}
#drawer .field textarea{min-height:85px!important}
#drawer .field input::placeholder,#drawer .field textarea::placeholder{color:#6b8580!important;opacity:1!important}
#drawer .field select option{background:#fff!important;color:#193c3a!important}
#drawer .field input:focus,#drawer .field select:focus,#drawer .field textarea:focus{
  outline:2px solid #7accc2!important;outline-offset:1px!important;
  border-color:#63b6ac!important;
}
/* Riquadro del contratto in precedenza giallo su blu */
#drawer .form-grid>.wide[style*="background:"]{
  background:#eaf7f4!important;
  border:1px solid #c9e5de!important;
  color:#175954!important;
}
#drawer .form-grid>.wide[style*="background:"] span{
  color:#1b736b!important;
  font-size:13px!important;
}
#drawer .drawer-footer{border-top:1px solid #dceae6!important;padding-top:19px!important}
#drawer .button:not(.danger):not(.secondary){
  background:#a6e3da!important;color:#164946!important;
  border:1px solid #8bd5c9!important;
  box-shadow:none!important;
}
#drawer .button.secondary{
  background:#fff!important;color:#226862!important;
  border:1px solid #bedfd8!important;box-shadow:none!important;
}
#drawer .button.danger{
  background:#fff0f0!important;color:#a33942!important;
  border:1px solid #efd3d3!important;box-shadow:none!important;
}
#drawer .button:hover{filter:brightness(.98)}
/* Documenti, storico fornitori, azioni secondarie */
#drawer .docitem,#drawer .history-event,#drawer .review-card{
  background:#fff!important;
  color:#204b47!important;
  border:1px solid #d7eae5!important;
  box-shadow:0 3px 14px #154c4510!important;
}
#drawer .docitem strong,#drawer .history-event .change,#drawer .review-card strong{color:#1c4945!important}
#drawer .docitem small,#drawer .history-event time,#drawer .history-event .label,
#drawer .history-event .old,#drawer .review-card p{color:#597b74!important}
#drawer .history-event .new{color:#16786f!important}
#drawer .docicon{background:#e6f6f2!important;color:#176e66!important}
#drawer .dropzone{
  background:#f0faf7!important;
  border:1px dashed #8acbc2!important;
  color:#235d57!important;
}
#drawer .dropzone:hover{background:#e4f5f0!important}
#drawer .tag.yellow{background:#edf7f3!important;color:#1a7269!important}
#drawer .tag.green{background:#e3f5eb!important;color:#176748!important}
#drawer .tag.red{background:#fff0f0!important;color:#a33e48!important}
#drawer .history-trash{color:#57817a!important}
#drawer .history-trash:hover{background:#fff0f0!important;color:#a33942!important}
#drawer .empty{color:#617e79!important}
@media(max-width:740px){
  #drawer.drawer,#drawer.drawer.open{
    background:linear-gradient(155deg,#fff 0%,#f2faf8 100%)!important;
    border-left:0!important;
  }
  #drawer h2,#drawer #drawerTitle{font-size:30px!important}
  #drawer .field{font-size:14px!important}
  #drawer .drawer-tabs button{font-size:14px!important;min-height:51px!important}
  #drawer .drawer-footer{background:#f5fbf9!important}
}