.thermostat-icon { font-size:2rem; margin-bottom:0.3rem; transition:color 0.3s;}
.thermostat-on { color: var(--success);}
.thermostat-off { color: var(--danger);}
.thermostat-values { text-align:center; margin-bottom:0.5rem;}
.thermostat-controls { display:flex; gap:0.5rem;}
.thermostat-btn {
  background:var(--accent); color:white; border:none; border-radius:50%;
  width:35px; height:35px; font-size:1.2rem;
  display:flex; justify-content:center; align-items:center; cursor:pointer;
  transition: background 0.2s;
  margin: 0 auto; 
}
.thermostat-btn:hover { background:var(--accent-dark); }

.thermostat-icon {
  width: 48px;       /* dimensiunea dorită */
  height: 48px;
  display: block;
  margin: 0 auto;    /* centru stânga-dreapta */
}