/* Laundry Smart v25.18 — rifinitura finale Dashboard Gestore */
:root{
  --mgr18-text:#102746;
  --mgr18-muted:#607b94;
  --mgr18-line:#d8e5ee;
  --mgr18-soft:#f7fbfe;
  --mgr18-blue:#138ee9;
  --mgr18-green:#1cc66e;
}

/* Dashboard: meno spazio verticale e gerarchia piu pulita */
body.ls-mode-client .ls-dashboard-main{
  padding-top:16px!important;
}
body.ls-mode-client .renewal-priority{
  padding:11px 14px!important;
  margin-bottom:12px!important;
  border-radius:12px!important;
}
body.ls-mode-client .renewal-priority .btn{
  padding:8px 13px!important;
  min-height:34px!important;
}

/* Testata lavanderia: resta premium, ma meno pesante */
body.ls-mode-client .ls-dashboard-head{
  background:linear-gradient(135deg,#0b3155 0%,#0b3f69 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  padding:17px 20px!important;
  margin:0 0 12px!important;
  box-shadow:0 10px 24px rgba(15,52,82,.10)!important;
  align-items:center!important;
}
body.ls-mode-client .ls-dashboard-head h2{
  color:#fff!important;
  margin:7px 0 3px!important;
  font-size:27px!important;
  line-height:1.05!important;
}
body.ls-mode-client .ls-dashboard-head .muted{
  color:#bfd2e2!important;
  margin:0!important;
  font-size:13px!important;
}
body.ls-mode-client .ls-dashboard-head .badge{
  padding:6px 10px!important;
  font-size:10px!important;
  letter-spacing:.45px!important;
}
body.ls-mode-client .ls-head-actions{
  gap:7px!important;
  width:auto!important;
}
body.ls-mode-client .ls-head-actions .btn,
body.ls-mode-client .ls-head-actions .notification-bell{
  min-height:34px!important;
  padding:7px 11px!important;
  border-radius:9px!important;
  font-size:12px!important;
}

/* KPI: compatti */
body.ls-mode-client .ls-dashboard-main>.grid:first-of-type{
  gap:10px!important;
  margin:0 0 12px!important;
}
body.ls-mode-client .ls-dashboard-main>.grid:first-of-type .card{
  padding:13px 15px!important;
  min-height:84px!important;
  border-radius:13px!important;
  box-shadow:0 4px 12px rgba(26,71,105,.04)!important;
}
body.ls-mode-client .ls-dashboard-main>.grid:first-of-type .kpi{
  margin-top:2px!important;
  line-height:1!important;
  font-size:27px!important;
}
body.ls-mode-client .ls-dashboard-main>.grid:first-of-type .muted{
  font-size:12px!important;
}

/* Sezione macchine */
body.ls-mode-client #machines{
  padding-top:12px!important;
  padding-bottom:14px!important;
}
body.ls-mode-client #machines>h2{
  margin-bottom:3px!important;
  font-size:23px!important;
}
body.ls-mode-client #machines>p.muted{
  margin:0 0 12px!important;
  font-size:12.5px!important;
}
body.ls-mode-client #machines>.grid{
  gap:10px!important;
}

/* Card macchina: piu dense, cornice elegante */
body.ls-mode-client .ls-machine-card{
  padding:11px!important;
  border:1px solid #cfdee8!important;
  border-radius:13px!important;
  box-shadow:0 3px 10px rgba(26,71,105,.045)!important;
  min-height:0!important;
}
body.ls-mode-client .ls-machine-card:hover{
  transform:translateY(-1px)!important;
  border-color:#acd0e4!important;
  box-shadow:0 7px 16px rgba(26,71,105,.075)!important;
}
body.ls-mode-client .ls-machine-card .ls-card-status{
  border-bottom:0!important;
  margin:0 0 5px!important;
  padding:0!important;
  min-height:24px!important;
  background:transparent!important;
}
body.ls-mode-client .ls-machine-card .chip{
  font-size:9px!important;
  padding:4px 7px!important;
}
body.ls-mode-client .ls-machine-card .ls-machine-visual{
  transform:scale(.88)!important;
  transform-origin:center top!important;
  margin-bottom:-6px!important;
}
body.ls-mode-client .ls-machine-card h3{
  margin:4px 0 3px!important;
  font-size:15px!important;
  line-height:1.2!important;
}
body.ls-mode-client .ls-machine-card p.muted{
  margin:0 0 7px!important;
  font-size:11.5px!important;
  line-height:1.35!important;
}
body.ls-mode-client .ls-machine-card .hero-actions{
  margin:0!important;
  width:auto!important;
  gap:5px!important;
}
/* Azione secondaria Nome / prezzo: non deve dominare la card */
body.ls-mode-client .ls-machine-card .hero-actions .btn{
  display:inline-flex!important;
  width:auto!important;
  min-height:29px!important;
  padding:5px 9px!important;
  border-radius:8px!important;
  background:#eef6fb!important;
  border:1px solid #cfe1ec!important;
  color:#315b77!important;
  box-shadow:none!important;
  font-size:10.5px!important;
  font-weight:800!important;
}
body.ls-mode-client .ls-machine-card .hero-actions .btn:hover{
  background:#e4f2fb!important;
  border-color:#acd2e8!important;
  color:#0c73bd!important;
}
body.ls-mode-client .ls-machine-card form{
  margin-top:6px!important;
}
body.ls-mode-client .ls-machine-card form .btn,
body.ls-mode-client .ls-machine-card form button.btn,
body.ls-mode-client .ls-machine-card form button{
  min-height:31px!important;
  padding:6px 10px!important;
  border-radius:8px!important;
  font-size:10.5px!important;
}
body.ls-mode-client .ls-machine-card .alert{
  margin-top:6px!important;
  padding:7px 9px!important;
  font-size:10.5px!important;
  border-radius:8px!important;
}

/* Sidebar Gestore: voci meno alte, senza effetto bottone gigante */
body.ls-mode-client .ls-side-scroll>a{
  min-height:39px!important;
  padding:8px 12px!important;
  margin:2px 7px!important;
  border-radius:9px!important;
  font-size:12px!important;
  line-height:1.2!important;
}
body.ls-mode-client .ls-side-scroll>a.active,
body.ls-mode-client .ls-side-scroll>a[aria-current="page"]{
  box-shadow:0 5px 12px rgba(13,134,236,.18)!important;
}
body.ls-mode-client .ls-side-scroll>a .ls-nav-icon,
body.ls-mode-client .ls-side-scroll>a svg{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
}

/* Header superiore più basso */
body.ls-mode-client nav{
  min-height:48px!important;
}
body.ls-mode-client nav .btn,
body.ls-mode-client nav a.btn{
  min-height:31px!important;
  padding:6px 10px!important;
  font-size:11px!important;
}

@media(max-width:980px){
  body.ls-mode-client .ls-dashboard-head{padding:14px 15px!important}
  body.ls-mode-client .ls-head-actions{width:100%!important}
  body.ls-mode-client .ls-dashboard-main>.grid:first-of-type .card{min-height:76px!important}
}
@media(max-width:700px){
  body.ls-mode-client .ls-dashboard-main{padding-top:10px!important}
  body.ls-mode-client .ls-dashboard-head{border-radius:13px!important}
  body.ls-mode-client .ls-dashboard-head h2{font-size:23px!important}
  body.ls-mode-client #machines>.grid{gap:8px!important}
  body.ls-mode-client .ls-machine-card{padding:10px!important}
}