@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';
 
button {
    @apply cursor-pointer;
}

@theme {
    --font-sans: 'Google Sans Flex', ui-sans-serif, system-ui, sans-serif,
        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';

    /* ── Primary palette (change these to re-brand) ── */
    --color-primary-50:  #f5f3fa;
    --color-primary-100: #ebe7f5;
    --color-primary-200: #d8d1ec;
    --color-primary-300: #bdb3db;
    --color-primary-400: #9f93c4;
    --color-primary-500: #8076a3;
    --color-primary-600: #6d6491;
    --color-primary-700: #5c5479;
    --color-primary-800: #4e4765;
    --color-primary-900: #423d54;
    --color-primary-950: #2a2537;

    /* ── Sidebar palette ── */
    --color-sidebar:       #1a1726;
    --color-sidebar-hover:  #252135;
    --color-sidebar-active: #312c4a;
    --color-sidebar-border: rgba(255, 255, 255, 0.08);
}

/*
|--------------------------------------------------------------------------
| Sidebar collapse behaviour (CSS-only, toggled via JS class)
|--------------------------------------------------------------------------
*/

#sidebar.collapsed {
    width: 4.5rem;
}

/* Hide text, chevrons, full logo */
#sidebar.collapsed .sidebar-text,
#sidebar.collapsed .nav-section-label,
#sidebar.collapsed .chevron-icon,
#sidebar.collapsed .sidebar-logo-full {
    opacity: 0;
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    pointer-events: none;
}

#sidebar.collapsed .sidebar-logo-icon {
    display: flex;
}

#sidebar.collapsed .nav-children {
    display: none !important;
}

/* Remove nav padding so icons can center in full width */
#sidebar.collapsed nav {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

/* Center icons in nav links and group buttons */
#sidebar.collapsed .nav-group-btn,
#sidebar.collapsed .nav-link {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    gap: 0;
}

#sidebar.collapsed .nav-link .nav-icon,
#sidebar.collapsed .nav-group-btn .nav-icon {
    margin-right: 0;
}

/* Center logo area */
#sidebar.collapsed .sidebar-logo-area {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

/* Center footer */
#sidebar.collapsed .sidebar-footer-inner {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    gap: 0;
}

/* ── Sidebar scrollbar ── */
#sidebar nav::-webkit-scrollbar {
    width: 3px;
}
#sidebar nav::-webkit-scrollbar-track {
    background: transparent;
}
#sidebar nav::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 3px;
}
#sidebar nav::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.16);
}