/* 4. AppLogo Component */
.app-logo__icon-container {
    @apply flex aspect-square size-8 items-center justify-center;
    border-radius: var(--radius);
    background-color: var(--sidebar-primary);
    color: var(--sidebar-primary-foreground);

    .app-logo__icon {
        @apply size-5 fill-current;
    }
}

.app-logo__text-container {
    @apply ml-1 grid flex-1 text-left text-sm;

    .app-logo__text {
        @apply mb-0.5 truncate leading-tight font-semibold;
        color: var(--foreground);
    }
}