/* Laundry Smart v25.19 — Dashboard Gestore: griglia orizzontale e proporzioni */
:root{
  --mgr19-side:210px;
  --mgr19-gap:12px;
  --mgr19-line:#d7e4ed;
  --mgr19-soft:#f4f9fc;
  --mgr19-text:#102746;
  --mgr19-muted:#617a91;
}

/* Desktop: sidebar più contenuta e area utile più larga */
@media (min-width:1101px){
  body.ls-mode-client.ls-has-sidebar{--ls-side:var(--mgr19-side)!important;}
  body.ls-mode-client .ls-sidebar{width:var(--mgr19-side)!important;}
  body.ls-mode-client.ls-has-sidebar nav,
  body.ls-mode-client.ls-has-sidebar main,
  body.ls-mode-client.ls-has-sidebar .footer{
    margin-left:var(--mgr19-side)!important;
    width:calc(100% - var(--mgr19-side))!important;
  }
  body.ls-mode-client main.wrap{
    max-width:1600px!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }
}

/* Dashboard: tutti i blocchi principali leggono come righe orizzontali */
body.ls-mode-client .ls-dashboard-main>.grid:first-of-type{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:var(--mgr19-gap)!important;
  margin-top:12px!important;
}
body.ls-mode-client .ls-dashboard-main>.grid:first-of-type .card{
  width:auto!important;
  min-width:0!important;
  min-height:76px!important;
  padding:12px 14px!important;
}

/* Contenitore macchine più compatto e sfrutta tutta la larghezza */
body.ls-mode-client #machines{
  margin-top:10px!important;
  padding:16px!important;
  border:1px solid var(--mgr19-line)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(29,70,101,.045)!important;
}
body.ls-mode-client #machines>.grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:12px!important;
  align-items:stretch!important;
}
body.ls-mode-client .ls-machine-card{
  display:flex!important;
  flex-direction:column!important;
  width:auto!important;
  min-width:0!important;
  height:100%!important;
  padding:10px!important;
  border:1px solid #d4e2eb!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
}
body.ls-mode-client .ls-machine-card .ls-machine-visual{
  transform:scale(.80)!important;
  transform-origin:center top!important;
  margin:-2px auto -13px!important;
}
body.ls-mode-client .ls-machine-card h3{
  margin:2px 0 2px!important;
  font-size:14px!important;
}
body.ls-mode-client .ls-machine-card p.muted{
  min-height:30px!important;
  margin:0 0 5px!important;
  font-size:10.75px!important;
}
body.ls-mode-client .ls-machine-card .hero-actions{
  margin-top:auto!important;
}
body.ls-mode-client .ls-machine-card form{
  margin-top:5px!important;
}
body.ls-mode-client .ls-machine-card .hero-actions .btn{
  min-height:27px!important;
  padding:4px 8px!important;
  font-size:10px!important;
}
body.ls-mode-client .ls-machine-card form button,
body.ls-mode-client .ls-machine-card form .btn{
  min-height:29px!important;
  padding:5px 8px!important;
  font-size:10px!important;
}

/* Testata più orizzontale e meno alta */
body.ls-mode-client .ls-dashboard-head{
  min-height:0!important;
  padding:14px 16px!important;
  gap:14px!important;
}
body.ls-mode-client .ls-dashboard-head h2{
  font-size:24px!important;
  margin:5px 0 2px!important;
}
body.ls-mode-client .ls-dashboard-head .muted{font-size:12px!important;}

/* Sidebar: voci su una sola riga visiva, senza pulsanti sovradimensionati */
body.ls-mode-client .ls-side-brand{padding:14px 12px 10px!important;min-height:92px!important;}
body.ls-mode-client .ls-side-brand img{width:112px!important;max-height:58px!important;}
body.ls-mode-client .ls-side-scroll{padding:8px 7px!important;}
body.ls-mode-client .ls-side-scroll>a{
  min-height:36px!important;
  padding:7px 9px!important;
  margin:1px 3px!important;
  border-radius:8px!important;
  font-size:11px!important;
}
body.ls-mode-client .ls-side-scroll>a .ls-nav-icon,
body.ls-mode-client .ls-side-scroll>a svg{width:15px!important;height:15px!important;flex-basis:15px!important;}

/* Tablet: 3 colonne; mobile: 2 e poi 1 */
@media (max-width:1250px) and (min-width:901px){
  body.ls-mode-client #machines>.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:900px) and (min-width:641px){
  body.ls-mode-client #machines>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.ls-mode-client .ls-dashboard-main>.grid:first-of-type{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:640px){
  body.ls-mode-client .ls-dashboard-main>.grid:first-of-type{grid-template-columns:1fr!important;}
  body.ls-mode-client #machines{padding:12px!important;}
  body.ls-mode-client #machines>.grid{grid-template-columns:1fr!important;}
}