.onellama-sidebar{
    overflow: auto;
}
    

.sidebar-header {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    padding: 6px 8px 14px 8px;
    border-bottom: 1px solid #f1f5f9;
    margin-bottom: 12px;
}



.sidebar-title {
    font-weight: 700;
    color: var(--llama-dark-navy);
}

.sidebar-menu { list-style: none; padding-left: 0; margin: 0; }
.sidebar-menu li { margin: 2px 0; }

.sidebar-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 8px;
    color: #334155;
    text-decoration: none;
}

.sidebar-link:hover { background: #f8fafc; color: #111827; }
.sidebar-link.active { background: #f1f5f9; color: #111827; font-weight: 600; }

.sidebar-icon img { width: 18px; height: 18px; display: block; }
.sidebar-bi { font-size: 18px; }

.sidebar-section {
    margin-top: 10px;
    padding: 10px 10px 4px 10px;
    font-size: 12px;
    text-transform: uppercase;
    color: #9ca3af;
}

.sidebar-section-title {
    font-size: 12px;
    text-transform: uppercase;
    color: #9ca3af;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.sidebar-divider {
    border: none;
    border-top: 1px solid #e5e7eb;
    margin: 8px 0;
}

.has-children { padding: 0 0 4px 0; }
.sidebar-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    background: transparent;
    border: none;
    color: #9ca3af;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 14px 6px 14px;
}
.sidebar-toggle:hover { color: #6b7280; }
.submenu { list-style: none; padding-left: 8px; margin: 0; }
.has-children .chevron { transition: transform 0.2s ease; }
.has-children.open .chevron { transform: rotate(180deg); }
:root {
    --llama-yellow: #FDB813;
    --llama-dark-navy: #1A1F2E;
    --llama-blue: #3B82F6;
    --llama-blue-light: #60A5FA;
}

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

.border-llama-blue {

    border-left: 4px solid rgb(0, 0, 0);
    /* border-left: 4px solid var(--llama-blue); */
}

.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;
}