/* OneLlama Sidebar - New Design */
:root {
    --llama-yellow: #FDB813;
    --llama-yellow-dark: #e5a310;
    --llama-dark-navy: #1A1F2E;
    --llama-blue: #3B82F6;
    --llama-blue-light: #60A5FA;
}

/* Main Sidebar Container */
.onellama-sidebar {
    width: 100% !important;
    background-color: #ffffff !important;
    /* border-right: 1px solid #e5e7eb !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) !important; */
    display: flex !important;
    flex-direction: column !important;
    overflow-y: auto !important;
}

/* Header */
.onellama-sidebar .sidebar-header {
    display: flex !important;
    align-items: center !important;
    flex-direction: column !important;
    gap: 0.75rem !important;
    padding: 1.5rem 1.5rem !important;
    border-bottom: 0px solid #e5e7eb !important;
    position: relative !important;
    margin-bottom: 0 !important;
}

.onellama-sidebar .sidebar-header .btn-close,
.onellama-sidebar .sidebar-header .sidebar-close-btn {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 10 !important;
    opacity: 0.7 !important;
}

.onellama-sidebar .sidebar-header .btn-close:hover,
.onellama-sidebar .sidebar-header .sidebar-close-btn:hover {
    opacity: 1 !important;
}

/* .onellama-sidebar .sidebar-logo {
    width: 80px !important;
    height: auto !important;
} */

.onellama-sidebar .sidebar-title {
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: #374151 !important;
    padding: 0.5rem 0.75rem !important;
    background-color: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.5rem !important;
}

/* Admin Badge */
.onellama-sidebar .admin-badge {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 0.5rem 0.75rem !important;
    background-color: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.5rem !important;
    width: 100%;
}

.onellama-sidebar .admin-avatar {
    width: 32px !important;
    height: 32px !important;
    background: linear-gradient(to bottom right, #fdb813, #e5a310) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
}

.onellama-sidebar .admin-badge span {
    font-size: 0.875rem !important;
    color: #374151 !important;
}

/* Navigation Menu */
.onellama-sidebar .sidebar-menu {
    list-style: none !important;
    padding: 1rem 0.75rem !important;
    margin: 0 !important;
    flex: 1 !important;
}

.onellama-sidebar .sidebar-menu li {
    margin-bottom: 0.25rem !important;
    list-style: none !important;
}

/* Navigation Links */
.onellama-sidebar .sidebar-link {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 0.625rem 1rem !important;
    border: none !important;
    background: transparent !important;
    color: #374151 !important;
    text-decoration: none !important;
    border-radius: 0.5rem !important;
    transition: all 0.2s !important;
    cursor: pointer !important;
    width: 100% !important;
    text-align: left !important;
    font-size: 0.9375rem !important;
    height: 50px !important;
}

.onellama-sidebar .sidebar-link i,
.onellama-sidebar .sidebar-link .sidebar-icon {
    font-size: 1.25rem !important;
    color: #6b7280 !important;
    transition: color 0.2s !important;
}

.onellama-sidebar .sidebar-link:hover {
    background-color: #f3f4f6 !important;
    color: #111827 !important;
    text-decoration: none !important;
}

.onellama-sidebar .sidebar-link:hover i,
.onellama-sidebar .sidebar-link:hover .sidebar-icon img {
    color: var(--llama-yellow) !important;
    filter: brightness(0) saturate(100%) invert(76%) sepia(58%) saturate(1000%) hue-rotate(358deg) brightness(101%) contrast(98%) !important;
}

/* Active State - Yellow Gradient */
.onellama-sidebar .sidebar-link.active {
    background: linear-gradient(to right, var(--llama-yellow), var(--llama-yellow-dark)) !important;
    /* color: white !important; */
    font-weight: 500 !important;
    box-shadow: 0 4px 6px -1px rgba(253, 184, 19, 0.2) !important;
}

.onellama-sidebar .sidebar-link.active i,
.onellama-sidebar .sidebar-link.active .sidebar-bi {
    color: white !important;
}

.onellama-sidebar .sidebar-link.active .sidebar-icon img {
    filter: brightness(0) invert(1) !important;
}

/* Sidebar Button (for forms/logout) */
.onellama-sidebar .sidebar-button {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 0.625rem 1rem !important;
    border-radius: 0.5rem !important;
    color: #374151 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    width: 100% !important;
    text-align: left !important;
    cursor: pointer !important;
    font-size: 0.9375rem !important;
    transition: all 0.2s !important;
}

.onellama-sidebar .sidebar-button:hover {
    background-color: #f3f4f6 !important;
    color: #111827 !important;
}

.onellama-sidebar .sidebar-button i {
    font-size: 1.25rem !important;
    color: #6b7280 !important;
    transition: color 0.2s !important;
}

.onellama-sidebar .sidebar-button:hover i {
    color: var(--llama-yellow) !important;
}

/* Logout Button - Red styling */
.onellama-sidebar .sidebar-logout,
.onellama-sidebar .sidebar-menu .logout-btn {
    color: #dc2626 !important;
}

.onellama-sidebar .sidebar-logout:hover,
.onellama-sidebar .sidebar-menu .logout-btn:hover {
    background-color: #fef2f2 !important;
    color: #dc2626 !important;
}

.onellama-sidebar .sidebar-logout i,
.onellama-sidebar .sidebar-menu .logout-btn i,
.onellama-sidebar .sidebar-logout:hover i {
    color: #dc2626 !important;
}

/* Icon styles */
.onellama-sidebar .sidebar-icon img {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
}

.onellama-sidebar .sidebar-bi {
    font-size: 1.25rem !important;
    width: 20px !important;
    text-align: center !important;
}

/* Section Dividers */
.onellama-sidebar .sidebar-section {
    margin-top: 0.5rem !important;
    padding: 0.5rem 1rem !important;
}

.onellama-sidebar .sidebar-section-title {
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #9ca3af !important;
    font-weight: 600 !important;
}

.onellama-sidebar .sidebar-divider {
    border: none !important;
    border-top: 0px solid #e5e7eb !important;
    margin: 0rem 0 !important;
}

/* Collapsible Sections */
.onellama-sidebar .has-children {
    padding: 0 !important;
}

.onellama-sidebar .sidebar-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.5rem 1rem !important;
    background: transparent !important;
    border: none !important;
    color: #9ca3af !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    cursor: pointer !important;
    width: 100% !important;
    text-align: left !important;
    transition: color 0.2s !important;
}

.onellama-sidebar .sidebar-toggle:hover {
    color: #4b5563 !important;
}

.onellama-sidebar .sidebar-toggle .chevron {
    font-size: 1rem !important;
    transition: transform 0.3s !important;
}

.onellama-sidebar .has-children.open .chevron {
    transform: rotate(180deg) !important;
}

/* Submenu */
.onellama-sidebar .submenu {
    list-style: none !important;
    padding: 0 0 0.5rem 0 !important;
    margin: 0 !important;
}

.onellama-sidebar .submenu .sidebar-link {
    padding-left: 1.5rem !important;
}

/* Footer Section */
.onellama-sidebar .sidebar-footer {
    border-top: 1px solid #e5e7eb !important;
    padding: 1rem 0.75rem !important;
    margin-top: auto !important;
}

/* Utility Classes - Keep existing */
.border-llama-yellow {
    border-left: 4px solid var(--llama-yellow);
}

.border-llama-blue {
    border-left: 4px solid rgb(0, 0, 0);
}

.border-llama-navy {
    border-left: 4px solid var(--llama-dark-navy);
}

.text-llama-yellow {
    color: var(--llama-yellow) !important;
}

.text-llama-blue {
    color: var(--llama-blue) !important;
}

.text-llama-navy {
    color: var(--llama-dark-navy) !important;
}

.text-llama-heading {
    color: var(--llama-dark-navy) !important;
}

.text-llama-body {
    color: #6B7280 !important;
}

.text-success-llama {
    color: var(--llama-blue) !important;
}

.fa-2x {
    font-size: 2em;
}

.text-indigo {
    color: #6366F1 !important;
}

.btn-indigo {
    background-color: #6366F1;
    color: white;
    border: none;
}

.btn-indigo:hover {
    background-color: #4F46E5;
    color: white;
}

/* Breadcrumb link style */
.breadcrumb-item a {
    color: #FDB813;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .onellama-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        height: 100vh !important;
        z-index: 1045 !important;
        width: 280px !important;
        transform: translateX(-100%) !important;
        transition: transform 0.3s ease-in-out !important;
    }

    .onellama-sidebar.show {
        transform: translateX(0) !important;
    }
}