/* v26: menu isolato dai vecchi stili + azioni Cliente senza conflitti */

/* SIDEBAR */
#adminSide{
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
#adminSide > .brand,
#adminSide > .side-footer,
#adminSide > .side-permanent-actions{flex:0 0 auto !important;}

#adminSide #mcSideNav.mc-side-nav{
  position:relative !important;
  z-index:3 !important;
  display:flex !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  flex-direction:column !important;
  gap:7px !important;
  width:auto !important;
  margin:0 !important;
  padding:0 6px 10px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(255,255,255,.28) transparent !important;
}
#adminSide #mcSideNav::-webkit-scrollbar{width:7px !important;}
#adminSide #mcSideNav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25) !important;border-radius:999px !important;}

#adminSide #mcSideNav .mc-menu-block{
  position:relative !important;
  display:block !important;
  flex:0 0 auto !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
}

#adminSide #mcSideNav .mc-menu-title{
  display:block !important;
  width:auto !important;
  min-height:29px !important;
  padding:8px 10px 4px !important;
  color:rgba(227,235,246,.78) !important;
  background:transparent !important;
  border:0 !important;
  font-size:10px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
}

#adminSide #mcSideNav .mc-menu-toggle{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 24px !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:42px !important;
  height:auto !important;
  margin:0 !important;
  padding:9px 10px !important;
  border:0 !important;
  border-radius:13px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025)) !important;
  color:#eef3fb !important;
  box-shadow:none !important;
  text-align:left !important;
  text-transform:none !important;
  text-shadow:none !important;
  font-family:inherit !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  cursor:pointer !important;
  transform:none !important;
}
#adminSide #mcSideNav .mc-menu-toggle:hover,
#adminSide #mcSideNav .mc-menu-toggle:focus-visible{
  background:linear-gradient(135deg,rgba(48,82,120,.62),rgba(40,102,112,.36)) !important;
  outline:none !important;
  transform:none !important;
}
#adminSide #mcSideNav .mc-menu-toggle > span:first-child{
  display:block !important;
  min-width:0 !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:inherit !important;
  background:none !important;
  border:0 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
#adminSide #mcSideNav .mc-menu-arrow{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:24px !important;
  min-width:24px !important;
  height:24px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1 !important;
  transition:transform .16s ease !important;
}
#adminSide #mcSideNav .mc-menu-collapsible.is-open > .mc-menu-toggle{
  background:linear-gradient(135deg,rgba(43,78,116,.68),rgba(40,102,112,.42)) !important;
}
#adminSide #mcSideNav .mc-menu-collapsible.is-open > .mc-menu-toggle .mc-menu-arrow{transform:rotate(180deg) !important;}

#adminSide #mcSideNav .mc-menu-panel{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  margin:0 !important;
  padding:0 !important;
}
#adminSide #mcSideNav .mc-menu-panel[hidden]{display:none !important;}

#adminSide #mcSideNav .mc-menu-links{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
  padding:2px 6px 7px !important;
  overflow:visible !important;
}
#adminSide #mcSideNav .mc-menu-collapsible .mc-menu-links{padding-top:5px !important;}

#adminSide #mcSideNav .mc-menu-links > a{
  position:relative !important;
  display:grid !important;
  grid-template-columns:30px minmax(0,1fr) !important;
  align-items:center !important;
  gap:8px !important;
  width:auto !important;
  min-width:0 !important;
  min-height:38px !important;
  height:auto !important;
  margin:3px 0 !important;
  padding:4px 8px !important;
  border:1px solid rgba(255,255,255,.075) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.045) !important;
  color:#f4f7fb !important;
  box-shadow:none !important;
  text-decoration:none !important;
  transform:none !important;
}
#adminSide #mcSideNav .mc-menu-links > a:hover{
  background:rgba(55,91,129,.38) !important;
  border-color:rgba(255,255,255,.14) !important;
  transform:none !important;
}
#adminSide #mcSideNav .mc-menu-links > a.active{
  background:linear-gradient(135deg,#31577c,#347681) !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:inset 4px 0 0 #f3f6fb !important;
}
#adminSide #mcSideNav .mc-menu-links > a .ico{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:30px !important;
  min-width:30px !important;
  height:30px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:9px !important;
  background:rgba(255,255,255,.09) !important;
  font-size:16px !important;
  line-height:1 !important;
}
#adminSide #mcSideNav .mc-menu-links > a > span:not(.ico){
  display:block !important;
  min-width:0 !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:inherit !important;
  font-size:12px !important;
  line-height:1.15 !important;
  font-weight:850 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:normal !important;
}

/* AZIONI PRINCIPALI CLIENTE: classi nuove, nessuna ereditarietà dai vecchi tool-btn */
.cliente-operativo .mc-client-actions{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100% !important;
  margin-top:12px !important;
  align-items:stretch !important;
}
.cliente-operativo .mc-client-action{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:grid !important;
  grid-template-columns:40px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:62px !important;
  height:auto !important;
  margin:0 !important;
  padding:10px 12px !important;
  border:1px solid #cbd7e7 !important;
  border-radius:15px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f4f7fb 100%) !important;
  color:#20344f !important;
  box-shadow:0 7px 16px rgba(24,38,64,.07) !important;
  text-align:left !important;
  text-decoration:none !important;
  text-transform:none !important;
  text-shadow:none !important;
  font-family:inherit !important;
  cursor:pointer !important;
  overflow:visible !important;
  transform:none !important;
}
.cliente-operativo .mc-client-action:hover{
  background:linear-gradient(180deg,#fff 0%,#eaf1f8 100%) !important;
  border-color:#aebfd3 !important;
  transform:translateY(-1px) !important;
}
.cliente-operativo .mc-client-action.is-primary{
  background:linear-gradient(135deg,#172b49 0%,#2d5076 100%) !important;
  border-color:#233f64 !important;
  color:#fff !important;
}
.cliente-operativo .mc-client-action.is-primary:hover{
  background:linear-gradient(135deg,#1c3558 0%,#376087 100%) !important;
}
.cliente-operativo .mc-client-action.is-disabled{
  opacity:.55 !important;
  cursor:not-allowed !important;
}
.cliente-operativo .mc-client-action-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:11px !important;
  background:#edf2fa !important;
  font-size:19px !important;
  line-height:1 !important;
}
.cliente-operativo .mc-client-action.is-primary .mc-client-action-icon{background:rgba(255,255,255,.13) !important;}
.cliente-operativo .mc-client-action-label{
  display:block !important;
  min-width:0 !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:inherit !important;
  background:none !important;
  border:0 !important;
  font-size:14px !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

@media(max-width:1250px){
  .cliente-operativo .mc-client-actions{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:800px){
  .cliente-operativo .mc-client-actions{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:560px){
  .cliente-operativo .mc-client-actions{grid-template-columns:1fr !important;}
}
