<!-- Sektion: Bluetooth -->
    <section>
      <h2>Bluetooth</h2>

      <!-- Adapterstatus -->
      <div id="bt-status-box" class="prop-grid" style="margin-bottom:1rem">
        <label>Adapter</label>
        <div style="display:flex;align-items:center;gap:.6rem;flex-wrap:wrap">
          <span id="bt-status-dot" style="display:inline-block;width:.6rem;height:.6rem;border-radius:50%;background:#555"></span>
          <span id="bt-adapter-name" style="font-size:.9rem">Laddar...</span>
          <span id="bt-adapter-addr" style="font-size:.78rem;color:#555;font-family:monospace"></span>
        </div>
      </div>

      <div class="row" style="margin-bottom:1rem">
        <button onclick="btScan()" id="bt-scan-btn">Skanna enheter</button>
        <button class="secondary" id="bt-power-btn" onclick="btTogglePower()">Stäng av adapter</button>
        <span id="bt-scan-status" style="color:#aaa;font-size:.85rem;align-self:center"></span>
      </div>

      <!-- Skannrade enheter -->
      <div id="bt-found-wrap" style="display:none;margin-bottom:1.25rem">
        <h3>Hittade enheter</h3>
        <div id="bt-found-list" style="margin-top:.5rem;display:flex;flex-direction:column;gap:.3rem"></div>
      </div>

      <!-- Kopplade / kända enheter -->
      <div id="bt-known-wrap">
        <h3>Kopplade enheter</h3>
        <div id="bt-known-list" style="margin-top:.5rem;display:flex;flex-direction:column;gap:.3rem;font-size:.9rem">
          <span style="color:#555;font-style:italic">Inga kopplade enheter</span>
        </div>
      </div>
    </section>