:root{
  --brand-900:#17243b;
  --brand-800:#21324f;
  --brand-700:#2d4264;
  --brand-600:#3b5277;
  --brand-100:#eaf0f8;
  --brand-050:#f5f7fb;
  --ink:#1b2638;
  --muted:#667287;
  --line:#d8e0eb;
  --surface:#ffffff;
  --danger-700:#8e3046;
  --danger-600:#a43a51;
  --danger-100:#f9e8ed;
  --success-700:#276b69;
  --success-600:#347d79;
  --success-100:#e5f2f0;
  --warning-700:#8a4939;
  --warning-600:#a15843;
  --warning-100:#faece7;
}

body.mercantico-admin{
  background:
    radial-gradient(circle at 12% -8%,rgba(45,66,100,.08),transparent 25rem),
    linear-gradient(180deg,#eef2f7 0%,#f8fafc 100%) !important;
  color:var(--ink) !important;
}

.main{
  background:transparent !important;
}

.main > h1{
  background:linear-gradient(135deg,var(--brand-900) 0%,var(--brand-700) 100%) !important;
  border-radius:0 0 20px 20px !important;
  box-shadow:0 12px 30px rgba(23,36,59,.16) !important;
}

.mobile-topbar{
  background:linear-gradient(135deg,var(--brand-900) 0%,var(--brand-700) 100%) !important;
}

.side{
  background:linear-gradient(180deg,#17243b 0%,#111c30 58%,#0c1525 100%) !important;
}
.side::before{
  opacity:.055 !important;
  inset:155px 14px auto 14px !important;
  height:260px !important;
  filter:grayscale(1) brightness(2.5) !important;
}
.side-nav a.active,
.side-nav-links>a.active{
  background:linear-gradient(135deg,#30486d 0%,#233755 100%) !important;
  border-color:rgba(255,255,255,.14) !important;
  box-shadow:0 12px 26px rgba(5,12,26,.22) !important;
}
.side-nav a.active .ico,
.side-nav-links>a.active .ico{
  background:linear-gradient(145deg,#49638b 0%,#30486d 100%) !important;
  box-shadow:0 8px 18px rgba(6,15,32,.22) !important;
}
.side-nav a:hover,
.side-nav-links>a:hover{
  background:linear-gradient(180deg,rgba(73,99,139,.18),rgba(48,72,109,.10)) !important;
}

button,
.btn,
input[type="submit"],
input[type="button"],
a.btn,
.quick-actions a,
.quick-sale,
.quick-move,
.dashboard-search button,
.mobile-sale,
.mobile-qr{
  background:linear-gradient(180deg,var(--brand-700) 0%,var(--brand-800) 100%) !important;
  border:1px solid rgba(21,34,57,.24) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(23,36,59,.15) !important;
  text-shadow:none !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:linear-gradient(180deg,#405a82 0%,#293f60 100%) !important;
  box-shadow:0 12px 24px rgba(23,36,59,.20) !important;
  filter:none !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:linear-gradient(180deg,#ffffff 0%,#f2f5f9 100%) !important;
  color:#233451 !important;
  border-color:#d5dde8 !important;
  box-shadow:0 7px 16px rgba(23,36,59,.07) !important;
  text-shadow:none !important;
}
.btn.soft:hover,
button.soft:hover,
a.btn.soft:hover,
.cliente-subtoolbar .btn:hover,
.cliente-azioni-secondarie .btn:hover{
  background:linear-gradient(180deg,#ffffff 0%,#eaf0f7 100%) !important;
  color:#17243b !important;
  border-color:#bec9d9 !important;
}

.btn.danger,
button.danger,
.danger{
  background:linear-gradient(180deg,var(--danger-600) 0%,var(--danger-700) 100%) !important;
  border-color:#7e293d !important;
  box-shadow:0 8px 18px rgba(142,48,70,.16) !important;
}
.btn.success,
button.success{
  background:linear-gradient(180deg,var(--success-600) 0%,var(--success-700) 100%) !important;
  border-color:#205c5a !important;
  box-shadow:0 8px 18px rgba(39,107,105,.16) !important;
}
.btn.warning,
button.warning{
  background:linear-gradient(180deg,var(--warning-600) 0%,var(--warning-700) 100%) !important;
  border-color:#793e31 !important;
  box-shadow:0 8px 18px rgba(138,73,57,.16) !important;
}

.dashboard-operativa{
  max-width:none !important;
  width:100% !important;
}
.dashboard-hero{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 92% -25%,rgba(255,255,255,.14),transparent 20rem),
    linear-gradient(135deg,var(--brand-900) 0%,var(--brand-700) 100%) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:0 18px 38px rgba(23,36,59,.18) !important;
}
.dashboard-hero-has-watermark::before{
  content:"";
  position:absolute;
  right:26px;
  bottom:20px;
  width:132px;
  height:92px;
  background:url('/demo/assets/img/mercantico-logo.png?v=20260726-v17') center/contain no-repeat;
  opacity:.07;
  filter:grayscale(1) brightness(2.4);
  pointer-events:none;
}
.dashboard-hero-watermark{
  display:none !important;
}
.dashboard-search > div{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.14) !important;
}
.dashboard-search input{
  background:#fff !important;
}
.dashboard-action,
.dashboard-kpi,
.dashboard-task,
.dashboard-booking-row{
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;
  border-color:var(--line) !important;
}
.dashboard-action.primary,
.dashboard-action.sale{
  background:linear-gradient(180deg,#ffffff 0%,#f4f7fb 100%) !important;
  border-color:#cdd7e5 !important;
}
.dashboard-action-icon,
.dashboard-action:nth-child(3n+2) .dashboard-action-icon,
.dashboard-action:nth-child(3n) .dashboard-action-icon,
.dashboard-action.primary .dashboard-action-icon,
.dashboard-action.sale .dashboard-action-icon{
  background:linear-gradient(145deg,var(--brand-700) 0%,var(--brand-900) 100%) !important;
  box-shadow:0 9px 20px rgba(23,36,59,.16) !important;
}
.dashboard-kpi::before{
  background:linear-gradient(180deg,var(--brand-600),var(--brand-800)) !important;
}
.dashboard-task.has-items{
  background:linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%) !important;
  border-color:#cbd5e3 !important;
}
.dashboard-task.has-items > b,
.dashboard-bookings-summary > b{
  background:linear-gradient(180deg,var(--brand-700) 0%,var(--brand-900) 100%) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(23,36,59,.14) !important;
}
.dashboard-task.task-expired.has-items{
  background:linear-gradient(180deg,#fffafa 0%,var(--warning-100) 100%) !important;
  border-color:#e2b7ab !important;
}
.dashboard-task.task-expired.has-items > b{
  background:linear-gradient(180deg,var(--warning-600) 0%,var(--warning-700) 100%) !important;
  box-shadow:0 8px 18px rgba(138,73,57,.17) !important;
}
.dashboard-task.task-expired.has-items strong{
  color:#78392e !important;
}
.dashboard-task.task-pickup.has-items{
  background:linear-gradient(180deg,#fbfefe 0%,var(--success-100) 100%) !important;
  border-color:#b9d9d5 !important;
}
.dashboard-task.task-pickup.has-items > b{
  background:linear-gradient(180deg,var(--success-600) 0%,var(--success-700) 100%) !important;
}

.single-shop-logo .admin-brand-label{
  color:#fff !important;
  font-weight:800 !important;
}
.single-shop-logo .only-shop-tile{
  width:92px !important;
  height:92px !important;
  border-radius:22px !important;
}
.mobile-brand.single-shop-logo .only-shop-tile{
  width:46px !important;
  height:46px !important;
  border-radius:13px !important;
}
.single-shop-logo .admin-logo-divider,
.single-shop-logo .mercantico-tile,
.single-shop-logo .mercantico-brand-logo{
  display:none !important;
}
.side-footer{color:rgba(255,255,255,.72) !important;}
.side-footer b{color:#fff !important;}

@media(max-width:760px){
  .dashboard-hero-has-watermark::before{
    width:84px;
    height:60px;
    right:14px;
    bottom:12px;
    opacity:.055;
  }
}