<template>
  <!-- Main column only: vertical subsidebar comes from AppLayout › VerticalSubmenu (navigation tree). -->
  <div class="superadmin-layout flex flex-col flex-1 min-h-0 w-full">
    <div
      class="superadmin-main flex-1 min-w-0 overflow-y-auto flex flex-col pt-4 pb-6 md:pt-6 md:pb-8 pl-3 pr-3 sm:pl-6 sm:pr-6 lg:pl-8 lg:pr-8"
    >
      <div
        class="superadmin-panel w-full max-w-[1540px] mx-auto rounded-xl border border-surface-200 dark:border-surface-700 bg-surface-0 dark:bg-surface-950 shadow-[0_1px_3px_rgba(0,0,0,0.06)] dark:shadow-none flex-1 min-h-0 flex flex-col p-5 md:p-8"
      >
        <router-view />
      </div>
    </div>
  </div>
</template>
