body {
    background-color: #D6E7D9 !important;
    /* Very light green background */
}

.fi-sidebar {
    background-color: #FFFFFF !important;
    /* White sidebar */
}

.fi-topbar {
    background-color: #ffffff !important;
}

.fi-sidebar-item-active,
.fi-sidebar-active-item,
[class*="fi-sidebar-item-active"] {
    background-color: #D8EEEC !important;
    border-radius: 0.5rem !important;
    /* Adding border radius as requested */
}

/* Force override for active item background */
.fi-sidebar-group .bg-gray-100,
.fi-sidebar-group .dark\:bg-white\/5 {
    background-color: #D8EEEC !important;
    border-radius: 0.5rem !important;
    /* Matching border radius */
}

/* Hide all Sidebar Collapse Buttons and Icons */
.fi-sidebar-collapse-button,
.fi-sidebar-group-collapse-button,
.fi-sidebar-group button[x-on\:click],
.fi-sidebar-group svg[class*="fi-sidebar-group-collapse-icon"] {
    display: none !important;
}

/* Ensure group headers don't look clickable if collapse is disabled */
.fi-sidebar-group header {
    cursor: default !important;
    pointer-events: none !important;
}

/* Thin horizontal line before navigation groups except the first one */
.fi-sidebar-group+.fi-sidebar-group {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    margin-top: 0.5rem;
    padding-top: 0.5rem;
}

/* Hide Group Labels if they are visually too heavy, but user asked for groups with lines */
.fi-sidebar-group-label {
    display: none !important;
}

.fi-btn-color-primary {
    background-color: #1b297d !important;
}

.fi-section {
    background-color: #ffffff !important;
}

.fi-logo img {
    mix-blend-mode: multiply;
    /* Makes white background invisible */
}