:root{
  --mx-btn-grad-main: linear-gradient(135deg,#4456db 0%,#6c4ed8 42%,#c9364f 100%);
  --mx-btn-grad-main-hover: linear-gradient(135deg,#4c60ea 0%,#7557e0 42%,#d63e58 100%);
  --mx-btn-grad-soft: linear-gradient(135deg,#ffffff 0%,#f7f8ff 54%,#eef2ff 100%);
  --mx-btn-grad-soft-hover: linear-gradient(135deg,#ffffff 0%,#f1f3ff 56%,#e6ecff 100%);
  --mx-btn-grad-danger: linear-gradient(135deg,#d03b57 0%,#b72d51 100%);
  --mx-btn-grad-danger-hover: linear-gradient(135deg,#da4460 0%,#c33458 100%);
  --mx-btn-grad-success: linear-gradient(135deg,#0f9b7d 0%,#117e89 100%);
  --mx-btn-grad-success-hover: linear-gradient(135deg,#12aa88 0%,#148892 100%);
  --mx-btn-grad-warning: linear-gradient(135deg,#94445a 0%,#79364d 100%);
  --mx-btn-grad-warning-hover: linear-gradient(135deg,#a14d63 0%,#864056 100%);
  --mx-btn-shadow: 0 10px 24px rgba(41,49,123,.18);
  --mx-btn-shadow-hover: 0 14px 30px rgba(41,49,123,.22);
}

button,
.btn,
input[type="submit"],
input[type="button"],
a.btn,
.quick-actions a,
.quick-sale,
.quick-move,
.dashboard-search button,
.mobile-sale,
.mobile-qr{
  border:1px solid rgba(73,84,166,.18) !important;
  border-radius:14px !important;
  background:var(--mx-btn-grad-main) !important;
  color:#fff !important;
  box-shadow:var(--mx-btn-shadow) !important;
  text-shadow:0 1px 0 rgba(23,28,69,.12) !important;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease, background .16s ease, border-color .16s ease !important;
}

button:hover,
.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
a.btn:hover,
.quick-actions a:hover,
.dashboard-search button:hover,
.mobile-sale:hover,
.mobile-qr:hover{
  background:var(--mx-btn-grad-main-hover) !important;
  box-shadow:var(--mx-btn-shadow-hover) !important;
  filter:saturate(1.04) brightness(1.03) !important;
  transform:translateY(-2px) !important;
}

button:active,
.btn:active,
input[type="submit"]:active,
input[type="button"]:active,
a.btn:active{
  transform:translateY(0) scale(.988) !important;
  box-shadow:0 6px 16px rgba(41,49,123,.16) !important;
}

button:focus-visible,
.btn:focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible,
a.btn:focus-visible{
  outline:none !important;
  box-shadow:0 0 0 4px rgba(201,54,79,.16), var(--mx-btn-shadow) !important;
}

.btn.soft,
button.soft,
a.btn.soft,
.cliente-subtoolbar .btn,
.cliente-azioni-secondarie .btn,
.cliente-toolbar .tool-btn,
.cliente-toolbar a.tool-btn,
.cliente-toolbar button.tool-btn,
.cliente-comandi-operativi .tool-btn,
.cliente-comandi-operativi a.tool-btn,
.cliente-comandi-operativi button.tool-btn{
  background:var(--mx-btn-grad-soft) !important;
  color:#26355c !important;
  border:1px solid rgba(178,187,228,.8) !important;
  box-shadow:0 8px 20px rgba(31,40,86,.08) !important;
  text-shadow:none !important;
}

.btn.soft:hover,
button.soft:hover,
a.btn.soft:hover,
.cliente-subtoolbar .btn:hover,
.cliente-azioni-secondarie .btn:hover,
.cliente-toolbar .tool-btn:hover,
.cliente-toolbar a.tool-btn:hover,
.cliente-toolbar button.tool-btn:hover,
.cliente-comandi-operativi .tool-btn:hover,
.cliente-comandi-operativi a.tool-btn:hover,
.cliente-comandi-operativi button.tool-btn:hover{
  background:var(--mx-btn-grad-soft-hover) !important;
  color:#1f2c52 !important;
  border-color:rgba(150,163,226,.95) !important;
  box-shadow:0 12px 26px rgba(31,40,86,.10) !important;
}

.cliente-toolbar .tool-btn,
.cliente-toolbar a.tool-btn,
.cliente-toolbar button.tool-btn,
.cliente-comandi-operativi .tool-btn,
.cliente-comandi-operativi a.tool-btn,
.cliente-comandi-operativi button.tool-btn{
  border-top:1px solid rgba(178,187,228,.8) !important;
}

.btn.danger,
button.danger,
.danger{
  background:var(--mx-btn-grad-danger) !important;
  border-color:rgba(157,34,61,.42) !important;
  box-shadow:0 10px 24px rgba(171,39,69,.18) !important;
}
.btn.danger:hover,
button.danger:hover,
.danger:hover{
  background:var(--mx-btn-grad-danger-hover) !important;
  box-shadow:0 14px 30px rgba(171,39,69,.22) !important;
}

.btn.success,
button.success{
  background:var(--mx-btn-grad-success) !important;
  border-color:rgba(13,118,103,.42) !important;
  box-shadow:0 10px 24px rgba(17,133,118,.18) !important;
}
.btn.success:hover,
button.success:hover{
  background:var(--mx-btn-grad-success-hover) !important;
  box-shadow:0 14px 30px rgba(17,133,118,.22) !important;
}

.btn.warning,
button.warning{
  background:var(--mx-btn-grad-warning) !important;
  border-color:rgba(110,47,63,.42) !important;
  box-shadow:0 10px 24px rgba(121,54,77,.18) !important;
}
.btn.warning:hover,
button.warning:hover{
  background:var(--mx-btn-grad-warning-hover) !important;
  box-shadow:0 14px 30px rgba(121,54,77,.22) !important;
}

.dashboard-action,
.dashboard-kpi,
.dashboard-task,
.dashboard-booking-row{
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease !important;
}

.dashboard-action-icon{
  background:linear-gradient(135deg,#4456db 0%,#6c4ed8 55%,#c9364f 100%) !important;
  box-shadow:0 10px 24px rgba(41,49,123,.18) !important;
}
.dashboard-action:nth-child(3n+2) .dashboard-action-icon,
.dashboard-action:nth-child(3n) .dashboard-action-icon,
.dashboard-action.sale .dashboard-action-icon,
.dashboard-action.primary .dashboard-action-icon{
  background:linear-gradient(135deg,#4456db 0%,#6c4ed8 55%,#c9364f 100%) !important;
}

.mobile-sale,
.mobile-qr{
  min-height:38px !important;
  padding:8px 12px !important;
}
