:root{
  --v18-navy-950:#12243d;
  --v18-navy-900:#172b49;
  --v18-navy-800:#203b60;
  --v18-navy-700:#2d5076;
  --v18-teal-700:#286670;
  --v18-teal-600:#347681;
  --v18-burgundy-700:#8f3046;
  --v18-burgundy-800:#74243a;
  --v18-success-700:#197460;
  --v18-page:#eef2f7;
  --v18-surface:#ffffff;
  --v18-line:#d7dfeb;
  --v18-line-strong:#c4cfdf;
  --v18-ink:#17243c;
  --v18-muted:#62708a;
  --v18-shadow:0 12px 30px rgba(24,38,64,.08);
  --v18-primary-gradient:linear-gradient(135deg,var(--v18-navy-900) 0%,var(--v18-navy-700) 100%);
  --v18-primary-gradient-hover:linear-gradient(135deg,#1c3558 0%,#376087 100%);
  --v18-soft-gradient:linear-gradient(180deg,#ffffff 0%,#f3f6fa 100%);
}

html,body{background:var(--v18-page)!important;color:var(--v18-ink)!important}
body.mercantico-admin{
  background:radial-gradient(circle at 8% -8%,rgba(40,102,112,.07),transparent 25rem),linear-gradient(180deg,#edf2f7 0%,#f7f9fc 100%)!important;
}

@media (min-width:981px){
  .side{width:300px!important;padding:12px 12px 0!important}
  .main{margin-left:0!important;margin-right:300px!important;width:auto!important;max-width:none!important;min-width:0!important}
  .main>.panel,.main>section,.main>form,.main>.grid,.main>.table-wrap,.main>.dashboard-operativa,.main>.cliente-operativo,.main>.mandato-workspace{
    width:auto!important;max-width:none!important;margin-left:18px!important;margin-right:18px!important
  }
  .dashboard-operativa{max-width:none!important}
}

.main>h1{
  background:linear-gradient(135deg,var(--v18-navy-950) 0%,var(--v18-navy-800) 68%,var(--v18-teal-700) 100%)!important;
  border:0!important;border-radius:0 0 22px 22px!important;box-shadow:0 12px 30px rgba(18,36,61,.16)!important;color:#fff!important
}
.main>h1::after{border-color:rgba(255,255,255,.07)!important}
.panel::before,.cliente-toolbar-principale::before,.cliente-meta-compatta::before,.cliente-card-operativa::before,.cliente-operativo .panel[id]::before{
  background:linear-gradient(90deg,var(--v18-navy-800),var(--v18-teal-600))!important
}
.panel,.dashboard-panel,.dashboard-action,.dashboard-kpi,.dashboard-task,.dashboard-booking-row,.cliente-operativo .panel,.cliente-operativo .side-action{
  border-color:var(--v18-line)!important;background:var(--v18-surface)!important;box-shadow:var(--v18-shadow)!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:var(--v18-primary-gradient)!important;color:#fff!important;border:1px solid rgba(19,45,78,.24)!important;border-radius:12px!important;
  box-shadow:0 8px 18px rgba(24,52,87,.16)!important;text-shadow:none!important;font-weight:800!important;line-height:1.2!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(--v18-primary-gradient-hover)!important;box-shadow:0 12px 24px rgba(24,52,87,.22)!important;transform:translateY(-1px)!important;filter:none!important
}
.btn.soft,button.soft,a.btn.soft,.cliente-subtoolbar .btn,.cliente-azioni-secondarie .btn{
  background:var(--v18-soft-gradient)!important;color:#243754!important;border:1px solid var(--v18-line-strong)!important;box-shadow:0 5px 12px rgba(25,39,65,.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,#fff 0%,#eaf0f6 100%)!important;color:#162a47!important;border-color:#aebdd0!important
}
.btn.danger,button.danger,.danger,.btn.warning,button.warning{
  background:linear-gradient(135deg,var(--v18-burgundy-700),var(--v18-burgundy-800))!important;border-color:rgba(112,31,54,.35)!important;box-shadow:0 8px 18px rgba(126,38,61,.17)!important
}
.btn.success,button.success{
  background:linear-gradient(135deg,var(--v18-success-700),var(--v18-teal-700))!important;border-color:rgba(22,102,83,.32)!important;box-shadow:0 8px 18px rgba(25,116,96,.16)!important
}

.side{
  background:linear-gradient(180deg,#16263d 0%,#101d31 58%,#0c1727 100%)!important;border-left:1px solid rgba(255,255,255,.08)!important;
  box-shadow:-14px 0 34px rgba(10,21,37,.20)!important;overflow:hidden!important
}
.side::before{
  content:""!important;position:absolute!important;left:32px!important;right:32px!important;top:175px!important;height:250px!important;width:auto!important;
  background-image:url('/demo/assets/img/mercantico-logo.png?v=v18')!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;
  opacity:.065!important;filter:grayscale(1) brightness(2.25)!important;transform:none!important;pointer-events:none!important
}
.side .admin-mercantico-brand{
  min-height:96px!important;margin:4px 5px 12px!important;padding:10px 12px!important;border-radius:20px!important;background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important
}
.side .only-shop-tile,.side .shop-tile{width:108px!important;height:78px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 20px rgba(0,0,0,.16)!important}
.side .shop-brand-logo{max-width:88%!important;max-height:88%!important;object-fit:contain!important}
.side-nav-accordion{position:relative!important;z-index:2!important;padding:0 2px 10px!important}
.side-nav-group{margin:0 3px 10px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:15px!important;background:rgba(255,255,255,.035)!important;overflow:hidden!important}
.side-nav-group>summary,.side-nav-group-heading{
  min-height:45px!important;padding:11px 13px!important;color:#c8d5e7!important;font-size:12px!important;line-height:1.25!important;letter-spacing:.055em!important;
  white-space:normal!important;cursor:pointer!important
}
.side-nav-group>summary{display:grid!important;grid-template-columns:minmax(0,1fr) 22px!important;align-items:center!important}
.side-nav-group>summary span:first-child,.side-nav-group-heading span:first-child{
  min-width:0!important;overflow:visible!important;white-space:normal!important;word-break:normal!important
}
.side-nav-group .side-nav-links{padding:6px 7px 8px!important}
.side-nav-group:not([open])>.side-nav-links{display:none!important}
.side-nav-group[open]>.side-nav-links,.side-nav-group-fixed>.side-nav-links{display:block!important}
.side-nav a,.side-nav-links>a{
  display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-height:52px!important;margin:4px 0!important;
  padding:7px 10px!important;border-radius:13px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.05)!important;box-shadow:none!important;transform:none!important
}
.side-nav a .ico,.side-nav-links>a .ico{
  width:38px!important;min-width:38px!important;height:38px!important;border-radius:11px!important;background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.08)!important;font-size:21px!important
}
.side-nav a span:not(.ico),.side-nav-links>a span:not(.ico){
  display:block!important;min-width:0!important;width:auto!important;color:#f6f8fb!important;font-size:14px!important;line-height:1.25!important;font-weight:800!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:normal!important;word-break:normal!important
}
.side-nav a:hover,.side-nav-links>a:hover{background:rgba(45,80,118,.34)!important;border-color:rgba(255,255,255,.12)!important}
.side-nav a.active,.side-nav-links>a.active{
  background:linear-gradient(135deg,#27496f,#31667a)!important;border-color:rgba(255,255,255,.16)!important;box-shadow:inset 4px 0 0 #e6edf5!important
}
.side-nav a.active .ico,.side-nav-links>a.active .ico{background:#fff!important;color:#183151!important}
.side-footer{color:rgba(255,255,255,.76)!important}
.side-permanent-actions{background:#0a1422!important;border-top:1px solid rgba(255,255,255,.10)!important;box-shadow:0 -8px 20px rgba(0,0,0,.20)!important}
.side-permanent-vetrina{background:linear-gradient(135deg,#253a57,#314c69)!important}
.side-permanent-exit{background:linear-gradient(135deg,var(--v18-burgundy-700),var(--v18-burgundy-800))!important}

.dashboard-operativa{max-width:none!important}
.dashboard-hero{
  background:linear-gradient(135deg,var(--v18-navy-950) 0%,var(--v18-navy-800) 70%,var(--v18-teal-700) 100%)!important;border-radius:24px!important;
  box-shadow:0 18px 38px rgba(18,36,61,.18)!important
}
.dashboard-hero-watermark{
  width:clamp(130px,20vw,220px)!important;max-width:24%!important;right:18px!important;bottom:10px!important;opacity:.09!important;transform:rotate(-6deg)!important;
  filter:grayscale(.35) brightness(1.35) contrast(1.05)!important;mix-blend-mode:screen!important;overflow:hidden!important
}
.dashboard-hero-watermark img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!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:var(--v18-primary-gradient)!important
}
.dashboard-kpi::before{background:linear-gradient(180deg,var(--v18-navy-700),var(--v18-teal-600))!important}
.dashboard-task.task-scaduti.has-items{border-color:#e5bdc6!important;background:linear-gradient(135deg,#fff8fa 0%,#fff 100%)!important}
.dashboard-task.task-scaduti.has-items>b{background:linear-gradient(135deg,var(--v18-burgundy-700),var(--v18-burgundy-800))!important;color:#fff!important;box-shadow:0 7px 16px rgba(126,38,61,.16)!important}
.dashboard-task.task-liquidazioni.has-items>b,.dashboard-task.task-ritiro.has-items>b,.dashboard-bookings-summary>b{background:var(--v18-primary-gradient)!important;color:#fff!important}

.cliente-actions-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:12px!important}
.cliente-toolbar .tool-btn,.cliente-toolbar a.tool-btn,.cliente-toolbar button.tool-btn{
  min-width:0!important;min-height:78px!important;padding:12px 14px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;
  justify-content:stretch!important;gap:11px!important;text-align:left!important;border-radius:16px!important;background:var(--v18-soft-gradient)!important;color:#223653!important;
  border:1px solid var(--v18-line-strong)!important;box-shadow:0 7px 16px rgba(24,38,64,.07)!important
}
.cliente-toolbar .tool-btn.primary{background:var(--v18-primary-gradient)!important;color:#fff!important;border-color:rgba(19,45,78,.24)!important}
.cliente-toolbar .tool-btn span{
  width:42px!important;height:42px!important;font-size:21px!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important
}
.cliente-toolbar .tool-btn.primary span{background:rgba(255,255,255,.12)!important}
.cliente-toolbar .tool-btn b{
  min-width:0!important;font-size:15px!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important
}
.cliente-secondary-grid{display:flex!important;flex-wrap:wrap!important;gap:9px!important}
.cliente-secondary-grid .btn,.cliente-secondary-grid .inline-form button{min-height:42px!important;padding:9px 13px!important}

.documento-fieldset,.cliente-fieldset{min-width:0!important;overflow:visible!important}
.documento-autofill-box{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important;min-width:0!important;min-height:0!important;
  margin-bottom:14px!important;padding:15px!important;border:1px solid #cbd8df!important;border-left:4px solid var(--v18-teal-700)!important;border-radius:14px!important;background:#f8fbfc!important
}
.documento-autofill-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;width:100%!important;min-width:0!important}
.documento-autofill-actions .btn{flex:0 1 auto!important;min-width:220px!important;min-height:44px!important}
.documento-autofill-box p{
  display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;color:var(--v18-muted)!important;font-size:14px!important;line-height:1.5!important;
  white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important
}
.documento-scan-status{width:100%!important;grid-column:auto!important}
.cliente-fieldset-grid{width:100%!important;min-width:0!important}

.cliente-layout,.cliente-main,.mandato-workspace,.mandato-articoli-panel,.articoli-cliente-panel,.mandati-cliente-panel{max-width:none!important;min-width:0!important}
.mandate-head-actions .btn,.mandato-bulk-actions .btn{white-space:normal!important;text-align:center!important}

@media(max-width:1180px){.cliente-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:980px){.side{width:min(88vw,340px)!important}.main{margin-right:0!important;max-width:none!important}}
@media(max-width:700px){
  .cliente-actions-grid{grid-template-columns:1fr!important}
  .documento-autofill-actions{display:grid!important;grid-template-columns:1fr!important}
  .documento-autofill-actions .btn{width:100%!important;min-width:0!important}
  .dashboard-hero-watermark{max-width:34%!important;opacity:.07!important}
}