<template>
  <div class="min-h-screen bg-base-100 flex flex-col">
    <!-- Custom Title Bar for window dragging and controls -->
    <TitleBar />

    <!-- Main Content Area with no-drag to prevent dragging from form elements -->
    <main class="flex-1 overflow-hidden" style="-webkit-app-region: no-drag;">
      <slot />
    </main>
  </div>
</template>

<script setup lang="ts">
// Auth layout - includes title bar but no additional navigation
</script>

<style>
/* Ensure proper window behavior */
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#__nuxt {
  height: 100vh;
  overflow: hidden;
}
</style>
 