/* 6. AppSidebarHeader Component */
.sidebar-header {
    @apply flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear md:px-4;
    border-bottom: 1px solid var(--sidebar-border);
    background-color: var(--sidebar-background);
}

.sidebar-header__inner {
    @apply flex items-center gap-2;
}

.group-has-data-[collapsible='icon']/sidebar-wrapper:h-12 .sidebar-header {
    @apply h-12;
}