<!-- Sektion: Sovläge -->
    <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>