.panel,
pf-panel {
  @apply flex flex-col bg-surface border border-border rounded-md;
  &:not([compact]) {
    @apply gap-3;
  }
  &[divide] {
    @apply divide-y divide-border;
  }
  & > * {
    @apply py-2.5 px-3;
  }
  & > header {
    @apply flex items-center flex-row;
  }
}

pf-panel.filter-panel {
  @apply mb-3 flex p-3 gap-4;
}