<section>
  <h2>Sovläge</h2>
  <div class="prop-grid">
    <label>Aktivera</label>
    <label style="display:flex;align-items:center;gap:.5rem;font-size:.9rem">
      <input type="checkbox" id="sleep-enabled">
      Täck displayen med svart skärm under angiven tid
    </label>

    <label>Sov från</label>
    <input type="time" id="sleep-start" value="22:00" style="max-width:9rem">

    <label>Vakna kl</label>
    <input type="time" id="sleep-end" value="07:00" style="max-width:9rem">
  </div>
  <div class="row" style="margin-top:.75rem">
    <button onclick="sparaSovlage()">Spara</button>
    <span id="sleep-status" style="color:#aaa;font-size:.85rem;align-self:center"></span>
  </div>
</section>