<template>
  <div class="flex flex-col h-full">
    <!-- Header: solid panel (negative margins to expand beyond parent padding) -->
    <div class="sticky top-0 z-10 -mx-4 -mt-4 px-4 pt-4 pb-3 rounded-t-xl bg-base-100 border-b border-base-300">
      <slot name="header" />
    </div>

    <!-- Content: тёмный (negative margins to expand beyond parent padding) -->
    <div class="flex-1 -mx-4 -mb-4 px-4 pt-3 pb-4 overflow-y-auto">
      <slot />
    </div>
  </div>
</template>
