:root {
    --tw-slate-100: #f1f5f9;
    --tw-slate-400: #94a3b8;
    --tw-slate-700: #334155;
    --tw-slate-800: #1e293b;
    --tw-slate-900: #0f172a;
    --tw-zinc-100: #f4f4f5;
    --tw-zinc-200: #e4e4e7;
    --tw-zinc-800: #27272a;
    --tw-zinc-900: #18181b;
    --tw-indigo-500: #6366f1;
    --tw-indigo-600: #4f46e5;
    --tenant-sidebar-shell-bg: #8B5CF6;
    --tenant-sidebar-item-state-bg: #1e2229;
    --tenant-sidebar-item-state-fg: #fff;
    --tenant-sidebar-item-active: var(--color-seamlessBlue, var(--tw-indigo-600))
}

.dark {
    --tenant-sidebar-shell-bg: #14181f;
    --tenant-sidebar-item-state-bg: #1e2229;
    --tenant-sidebar-item-state-fg: #fff
}

html:not(.dark) {
    --tenant-sidebar-item-state-bg: var(--tw-zinc-100)
}

/* Migrated sidebar rules from tenant theme.css */
.fi-sidebar {
    border-right: 1px solid #8B5CF6;
}

.dark .fi-sidebar {
    border-right-color: rgb(55 65 81);
}

html:not(.loaded) .fi-sidebar {
    opacity: 0;
    visibility: hidden;
}

html.loaded .fi-sidebar {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s ease-in-out;
}

.fi-sidebar-nav {
    background: #8B5CF6;
    padding: 20px;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.dark .fi-sidebar-nav {
    background: #211c21;
}

.fi-sidebar-nav::-webkit-scrollbar {
    display: none;
}

.fi-sidebar-header {
    background: #8B5CF6;
    padding-left: .5rem;
}

.dark .fi-sidebar-header {
    background: #211c21;
}

.fi-sidebar-item-label,
.fi-sidebar-group-label,
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-label {
    color: #fff !important;
    font-size: .875rem;
}

.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-icon {
    color: #edefef !important;
}

.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-icon {
    color: #dfdfdf !important;
}

.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-icon svg {
    color: currentColor !important;
    stroke: currentColor !important;
    fill: none !important;
}

.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-btn {
    background-color: transparent !important;
}

.fi-sidebar-item-active .fi-sidebar-item-label,
.fi-sidebar-item-active .fi-sidebar-item-icon,
.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-label,
.fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-icon {
    color: var(--tenant-sidebar-item-active) !important;
}

.fi-sidebar-item-active .fi-sidebar-item-btn,
.fi-sidebar-item.fi-active .fi-sidebar-item-btn,
.fi-sidebar-item-btn[aria-current="page"],
.dark .fi-sidebar-item-active .fi-sidebar-item-btn,
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-btn,
.dark .fi-sidebar-item-btn[aria-current="page"] {
    background-color: transparent !important;
}

.dark .fi-sidebar-item-active .fi-sidebar-item-label,
.dark .fi-sidebar-item-active .fi-sidebar-item-icon,
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.dark .fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-label,
.dark .fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-icon,
.fi-sidebar-item-btn:hover .fi-sidebar-item-icon:where(.dark, .dark *),
.dark .fi-sidebar-item-btn:hover .fi-sidebar-item-label,
.dark .fi-sidebar-item-btn:hover .fi-sidebar-item-icon {
    color: var(--tenant-sidebar-item-active) !important;
}

.fi-sidebar-item-btn:hover .fi-sidebar-item-label,
.fi-sidebar-item-btn:hover .fi-sidebar-item-label:where(.dark, .dark *),
.dark .fi-sidebar-item-btn:hover .fi-sidebar-item-label {
    color: #2563eb !important;
}

.dark .fi-sidebar-item-active .fi-sidebar-item-btn svg,
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-btn svg,
.dark .fi-sidebar-item-active .fi-sidebar-item-icon svg,
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-icon svg,
.dark .fi-sidebar-item-btn:hover .fi-sidebar-item-icon svg,
.fi-sidebar-item-btn:hover .fi-sidebar-item-icon svg,
.fi-sidebar-item-active .fi-sidebar-item-btn svg,
.fi-sidebar-item.fi-active .fi-sidebar-item-btn svg,
.fi-sidebar-item-active .fi-sidebar-item-icon svg,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon svg {
    color: var(--tenant-sidebar-item-active) !important;
    stroke: currentColor !important;
    fill: none !important;
}

.fi-sidebar-item-btn:hover .fi-sidebar-item-label,
.fi-sidebar-item-btn:hover .fi-sidebar-item-icon {
    color: var(--tenant-sidebar-item-active) !important;
}

.fi-sidebar-item-btn:hover,
.fi-sidebar-item-btn:hover:where(.dark, .dark *),
.dark .fi-sidebar-item-btn:hover {
    background-color: #fff !important;
}

.fi-sidebar-item-active .fi-sidebar-item-icon svg path,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon svg path {
    stroke: var(--tenant-sidebar-item-active) !important;
}

.fi-sidebar-item-active .fi-icon.fi-size-lg.fi-sidebar-item-icon,
.fi-sidebar-item.fi-active .fi-icon.fi-size-lg.fi-sidebar-item-icon,
.fi-sidebar-item-btn[aria-current="page"] .fi-icon.fi-size-lg.fi-sidebar-item-icon {
    width: 18px !important;
    height: 18px !important;
}

.fi-icon.fi-size-lg {
    width: 18px !important;
    height: 18px !important;
}

.fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-btn {
    border-radius: .5rem;
    background-color: transparent !important;
}

.fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-label {
    color: #fff !important;
}

.fi-sidebar-sub-group-items {
    gap: 0px !important;
}

.fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-icon,
.fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-icon svg {
    color: #edefef !important;
}

.fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-icon svg {
    stroke: currentColor !important;
    fill: none !important;
}

.fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-btn:hover {
    border-radius: .5rem;
    background-color: #fff !important;
}

.dark .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-btn:hover {
    background-color: #1A1E26 !important;
}

.fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-btn:hover .fi-sidebar-item-label,
.fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-btn:hover .fi-sidebar-item-icon,
.fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-btn:hover .fi-sidebar-item-icon svg,
.fi-sidebar-sub-group-items .fi-sidebar-item-active .fi-sidebar-item-label,
.fi-sidebar-sub-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-sub-group-items .fi-sidebar-item-active .fi-sidebar-item-icon,
.fi-sidebar-sub-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar-sub-group-items .fi-sidebar-item-active .fi-sidebar-item-icon svg,
.fi-sidebar-sub-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-icon svg,
.fi-sidebar-group:has(.fi-sidebar-sub-group-items)>.fi-sidebar-group-items>.fi-sidebar-item .fi-sidebar-item-btn:hover .fi-sidebar-item-label,
.fi-sidebar-group:has(.fi-sidebar-sub-group-items)>.fi-sidebar-group-items>.fi-sidebar-item .fi-sidebar-item-btn:hover .fi-sidebar-item-icon,
.fi-sidebar-group:has(.fi-sidebar-sub-group-items)>.fi-sidebar-group-items>.fi-sidebar-item .fi-sidebar-item-btn:hover .fi-sidebar-item-icon svg {
    color: var(--tenant-sidebar-item-active) !important;
}

.dark .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-btn:hover .fi-sidebar-item-label,
.dark .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-btn:hover .fi-sidebar-item-icon,
.dark .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-btn:hover .fi-sidebar-item-icon svg,
.dark .fi-sidebar-group:has(.fi-sidebar-sub-group-items)>.fi-sidebar-group-items>.fi-sidebar-item .fi-sidebar-item-btn:hover .fi-sidebar-item-label,
.dark .fi-sidebar-group:has(.fi-sidebar-sub-group-items)>.fi-sidebar-group-items>.fi-sidebar-item .fi-sidebar-item-btn:hover .fi-sidebar-item-icon,
.dark .fi-sidebar-group:has(.fi-sidebar-sub-group-items)>.fi-sidebar-group-items>.fi-sidebar-item .fi-sidebar-item-btn:hover .fi-sidebar-item-icon svg {
    color: #ffffff !important;
}

.dark .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-btn:hover .fi-sidebar-item-icon svg path,
.dark .fi-sidebar-group:has(.fi-sidebar-sub-group-items)>.fi-sidebar-group-items>.fi-sidebar-item .fi-sidebar-item-btn:hover .fi-sidebar-item-icon svg path {
    stroke: #ffffff !important;
}

.fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-btn:hover .fi-sidebar-item-icon svg,
.fi-sidebar-sub-group-items .fi-sidebar-item-active .fi-sidebar-item-icon svg,
.fi-sidebar-sub-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-icon svg,
.fi-sidebar-group:has(.fi-sidebar-sub-group-items)>.fi-sidebar-group-items>.fi-sidebar-item .fi-sidebar-item-btn:hover .fi-sidebar-item-icon svg {
    stroke: currentColor !important;
    fill: none !important;
}

.fi-sidebar-sub-group-items .fi-sidebar-item-active .fi-sidebar-item-btn,
.fi-sidebar-sub-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-btn {
    border-radius: .5rem;
    background-color: transparent !important;
}

.fi-sidebar-sub-group-items .fi-sidebar-item-active .fi-sidebar-item-label,
.fi-sidebar-sub-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-label {
    font-weight: 600;
}

.fi-sidebar-header .fi-icon-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.fi-sidebar-header .fi-icon-btn .fi-icon-btn-icon,
.fi-sidebar-header .fi-icon-btn [data-slot="icon"],
.fi-sidebar-header .fi-icon-btn svg {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.fi-sidebar-header .fi-icon-btn svg,
.fi-sidebar-header button[aria-label*="ollapse"] svg,
.fi-sidebar-header a[aria-label*="ollapse"] svg {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.fi-sidebar-header button[aria-label*="ollapse"],
.fi-sidebar-header a[aria-label*="ollapse"] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (min-width:1024px) {
    .fi-body.fi-body-has-sidebar-collapsible-on-desktop:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-sidebar-nav {
        padding-left: .625rem !important;
        padding-right: .625rem !important;
    }

    .fi-body.fi-body-has-sidebar-collapsible-on-desktop:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-sidebar-header {
        padding-left: .375rem !important;
        padding-right: .375rem !important;
    }

    .fi-body.fi-body-has-sidebar-collapsible-on-desktop:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-sidebar-nav-groups {
        align-items: center;
        gap: .75rem !important;
    }

    .fi-body.fi-body-has-sidebar-collapsible-on-desktop:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-sidebar-nav-groups>.fi-sidebar-item,
    .fi-body.fi-body-has-sidebar-collapsible-on-desktop:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-sidebar-nav-groups>.fi-sidebar-group {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .fi-body.fi-body-has-sidebar-collapsible-on-desktop:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-sidebar-nav-groups>.fi-sidebar-item>.fi-sidebar-item-btn,
    .fi-body.fi-body-has-sidebar-collapsible-on-desktop:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-sidebar-nav-groups>.fi-sidebar-group>.fi-sidebar-group-btn,
    .fi-body.fi-body-has-sidebar-collapsible-on-desktop:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-sidebar-nav-groups>.fi-sidebar-group>.fi-sidebar-group-dropdown-trigger-btn,
    .fi-body.fi-body-has-sidebar-collapsible-on-desktop:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-sidebar-nav-groups>.fi-sidebar-group>.fi-sidebar-group-items>.fi-sidebar-item>.fi-sidebar-item-btn {
        padding: 0 !important;
        margin-inline: auto !important;
        justify-content: center !important;
    }

    .fi-body.fi-body-has-sidebar-collapsible-on-desktop:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-sidebar-nav-groups>.fi-sidebar-item>.fi-sidebar-item-btn>.fi-sidebar-item-icon,
    .fi-body.fi-body-has-sidebar-collapsible-on-desktop:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-sidebar-nav-groups>.fi-sidebar-group>.fi-sidebar-group-btn>.fi-icon,
    .fi-body.fi-body-has-sidebar-collapsible-on-desktop:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-sidebar-nav-groups>.fi-sidebar-group>.fi-sidebar-group-dropdown-trigger-btn>.fi-icon,
    .fi-body.fi-body-has-sidebar-collapsible-on-desktop:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-sidebar-nav-groups>.fi-sidebar-group>.fi-sidebar-group-items>.fi-sidebar-item>.fi-sidebar-item-btn>.fi-sidebar-item-icon {
        width: 1.25rem !important;
        height: 1.25rem !important;
        margin: 0 !important;
    }
}

.fi-main-sidebar,
.fi-main-sidebar .fi-sidebar-header,
.fi-main-sidebar .fi-sidebar-header-ctn,
.fi-main-sidebar .fi-sidebar-nav,
.fi-main-sidebar .fi-sidebar-footer {
    background: var(--tenant-sidebar-shell-bg) !important
}

/* .fi-main-sidebar .fi-sidebar-nav {
    gap: .5rem
} */

.fi-main-sidebar .fi-sidebar-nav-groups,
.fi-main-sidebar .fi-sidebar-nav-items {
    gap: 15px
}

.fi-main-sidebar .fi-sidebar-group {
    border: 1px solid rgb(255 255 255/.06);
    border-radius: .56rem;
    overflow: hidden;
    transition: all .25s ease;
    padding: 0;
    gap: 10px;
}

.fi-main-sidebar .fi-sidebar-group-btn,
.fi-main-sidebar .fi-sidebar-group-button {
    display: flex;
    align-items: center;
    gap: .75rem;
    border-radius: .56rem;
    padding: .8rem .9rem;
    min-height: 2.75rem;
    transition: all .2s ease
}

.fi-main-sidebar .fi-sidebar-group-label,
.fi-main-sidebar .fi-sidebar-item-label {
    padding: 0;
    line-height: 1.2;
    font-size: 12px !important;
    text-transform: uppercase !important;
}

.fi-main-sidebar .fi-sidebar-item {
    margin: 0
}

.fi-main-sidebar .fi-sidebar-item-button,
.fi-main-sidebar .fi-sidebar-item-btn,
.fi-main-sidebar .fi-sidebar-item a {
    border-radius: 6px !important;
    padding: .7rem .85rem;
    min-height: 2.5rem;
    transition: all .2s ease
}

.fi-sidebar-item-label:hover {
    color: var(--tenant-sidebar-item-active) !important;
}

/* .fi-main-sidebar .fi-sidebar-group-items .fi-sidebar-item-button,
.fi-main-sidebar .fi-sidebar-group-items .fi-sidebar-item-btn,
.fi-main-sidebar .fi-sidebar-group-items .fi-sidebar-item a {
    padding: .65rem .8rem
} */

.fi-main-sidebar .fi-sidebar-group-items .fi-sidebar-items {
    gap: .2rem;
    padding: .15rem
}

.fi-main-sidebar .fi-sidebar-group-items {
    transition: all .25s ease
}

.fi-main-sidebar .fi-sidebar-group-collapse-btn,
.fi-main-sidebar .fi-sidebar-group-collapse-btn:hover {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    min-width: 2rem;
    height: 2rem
}

.fi-main-sidebar .fi-sidebar-group-collapse-btn svg,
.fi-main-sidebar .fi-sidebar-group-btn svg:last-child,
.fi-main-sidebar .fi-sidebar-group-button svg:last-child {
    display: block
}

.fi-main-sidebar .fi-sidebar-item-children-indicator {
    margin-left: auto;
    opacity: .78;
    transition: color .2s ease, opacity .2s ease, transform .2s ease
}

.fi-main-sidebar .fi-sidebar-item-children-indicator.fi-expanded {
    transform: rotate(90deg);
    opacity: 1
}

.fi-main-sidebar .fi-sidebar-item-label {
    transition: color .2s ease, opacity .2s ease, transform .2s ease
}

.fi-main-sidebar .fi-sidebar-item-button:hover,
.fi-main-sidebar .fi-sidebar-item-btn:hover,
.fi-main-sidebar .fi-sidebar-item a:hover,
.fi-main-sidebar .fi-sidebar-group-btn:hover,
.fi-main-sidebar .fi-sidebar-group-button:hover {
    border-color: rgb(255 255 255/.07)
}

.fi-main-sidebar .fi-sidebar-group.fi-active .fi-sidebar-group-btn,
.fi-main-sidebar .fi-sidebar-group.fi-active .fi-sidebar-group-button,
.fi-main-sidebar .fi-sidebar-group:not(.fi-collapsed) > .fi-sidebar-group-btn,
.fi-main-sidebar .fi-sidebar-group:not(.fi-collapsed) > .fi-sidebar-group-button {
    background-color: var(--tw-zinc-100) !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.dark .fi-main-sidebar .fi-sidebar-group.fi-active .fi-sidebar-group-btn,
.dark .fi-main-sidebar .fi-sidebar-group.fi-active .fi-sidebar-group-button,
.dark .fi-main-sidebar .fi-sidebar-group:not(.fi-collapsed) > .fi-sidebar-group-btn,
.dark .fi-main-sidebar .fi-sidebar-group:not(.fi-collapsed) > .fi-sidebar-group-button {
    background-color: #1A1E26 !important;
}


.fi-main-sidebar .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn,
.fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn {
    background: var(--tenant-sidebar-item-state-bg) !important;
    border: 0 !important;
    border-radius: .56rem !important;
    box-shadow: none !important;
    outline: none !important
}

.fi-main-sidebar .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn,
.fi-main-sidebar .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn *,
.fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn,
.fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn * {
    color: var(--tenant-sidebar-item-active) !important;
    stroke: currentColor !important;
    fill: currentColor !important
}

.fi-main-sidebar .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn svg,
.fi-main-sidebar .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn svg path,
.fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn svg,
.fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn svg path,
.fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn .fi-icon-btn-icon,
.fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn [data-slot=icon] {
    color: var(--tenant-sidebar-item-active) !important;
    stroke: var(--tenant-sidebar-item-active) !important;
    fill: none !important
}

.fi-main-sidebar .fi-sidebar-item.fi-active>.fi-sidebar-item-btn,
.fi-main-sidebar .fi-sidebar-item>.fi-sidebar-item-btn[aria-current=page],
.fi-main-sidebar .fi-sidebar-item.fi-active>a.fi-sidebar-item-btn,
.fi-main-sidebar .fi-sidebar-item>a.fi-sidebar-item-btn[aria-current=page],
.fi-main-sidebar .fi-sidebar-item-active .fi-sidebar-item-btn,
.fi-main-sidebar .fi-sidebar-item.fi-active>.fi-sidebar-item-btn:hover,
.fi-main-sidebar .fi-sidebar-item>.fi-sidebar-item-btn[aria-current=page]:hover,
.fi-main-sidebar .fi-sidebar-item.fi-active>a.fi-sidebar-item-btn:hover,
.fi-main-sidebar .fi-sidebar-item>a.fi-sidebar-item-btn[aria-current=page]:hover,
.fi-main-sidebar .fi-sidebar-item-btn:hover,
.fi-main-sidebar .fi-sidebar-item-button:hover,
.fi-main-sidebar .fi-sidebar-item a:hover {
    background: var(--tenant-sidebar-item-state-bg) !important;
    border-radius: 6px !important;
    /* border: 0 !important;
    box-shadow: none !important */
}

.fi-main-sidebar .fi-sidebar-item.fi-active>.fi-sidebar-item-btn,
.fi-main-sidebar .fi-sidebar-item.fi-active>.fi-sidebar-item-btn *,
.fi-main-sidebar .fi-sidebar-item>.fi-sidebar-item-btn[aria-current=page],
.fi-main-sidebar .fi-sidebar-item>.fi-sidebar-item-btn[aria-current=page] *,
.fi-main-sidebar .fi-sidebar-item.fi-active>a.fi-sidebar-item-btn,
.fi-main-sidebar .fi-sidebar-item.fi-active>a.fi-sidebar-item-btn *,
.fi-main-sidebar .fi-sidebar-item>a.fi-sidebar-item-btn[aria-current=page],
.fi-main-sidebar .fi-sidebar-item>a.fi-sidebar-item-btn[aria-current=page] *,
.fi-main-sidebar .fi-sidebar-item-btn:hover,
.fi-main-sidebar .fi-sidebar-item-btn:hover *,
.fi-main-sidebar .fi-sidebar-item-button:hover,
.fi-main-sidebar .fi-sidebar-item-button:hover *,
.fi-main-sidebar .fi-sidebar-item a:hover,
.fi-main-sidebar .fi-sidebar-item a:hover * {
    color: var(--tenant-sidebar-item-active) !important;
    stroke: currentColor !important
}

.fi-main-sidebar .fi-sidebar-item.fi-active>.fi-sidebar-item-btn .fi-sidebar-item-label,
.fi-main-sidebar .fi-sidebar-item.fi-active>.fi-sidebar-item-btn .fi-sidebar-item-icon,
.fi-main-sidebar .fi-sidebar-item.fi-active>.fi-sidebar-item-btn .fi-sidebar-item-children-indicator,
.fi-main-sidebar .fi-sidebar-item>.fi-sidebar-item-btn[aria-current=page] .fi-sidebar-item-label,
.fi-main-sidebar .fi-sidebar-item>.fi-sidebar-item-btn[aria-current=page] .fi-sidebar-item-icon,
.fi-main-sidebar .fi-sidebar-item>.fi-sidebar-item-btn[aria-current=page] .fi-sidebar-item-children-indicator,
.fi-main-sidebar .fi-sidebar-item.fi-active>a.fi-sidebar-item-btn .fi-sidebar-item-label,
.fi-main-sidebar .fi-sidebar-item.fi-active>a.fi-sidebar-item-btn .fi-sidebar-item-icon,
.fi-main-sidebar .fi-sidebar-item.fi-active>a.fi-sidebar-item-btn .fi-sidebar-item-children-indicator,
.fi-main-sidebar .fi-sidebar-item>a.fi-sidebar-item-btn[aria-current=page] .fi-sidebar-item-label,
.fi-main-sidebar .fi-sidebar-item>a.fi-sidebar-item-btn[aria-current=page] .fi-sidebar-item-icon,
.fi-main-sidebar .fi-sidebar-item>a.fi-sidebar-item-btn[aria-current=page] .fi-sidebar-item-children-indicator,
.fi-main-sidebar .fi-sidebar-item-active .fi-sidebar-item-btn .fi-sidebar-item-label,
.fi-main-sidebar .fi-sidebar-item-active .fi-sidebar-item-btn .fi-sidebar-item-icon,
.fi-main-sidebar .fi-sidebar-item-active .fi-sidebar-item-btn .fi-sidebar-item-children-indicator,
.fi-main-sidebar .fi-sidebar-item-btn:hover .fi-sidebar-item-label,
.fi-main-sidebar .fi-sidebar-item-btn:hover .fi-sidebar-item-icon,
.fi-main-sidebar .fi-sidebar-item-btn:hover .fi-sidebar-item-children-indicator,
.fi-main-sidebar .fi-sidebar-item-button:hover .fi-sidebar-item-label,
.fi-main-sidebar .fi-sidebar-item-button:hover .fi-sidebar-item-icon,
.fi-main-sidebar .fi-sidebar-item-button:hover .fi-sidebar-item-children-indicator,
.fi-main-sidebar .fi-sidebar-item a:hover .fi-sidebar-item-label,
.fi-main-sidebar .fi-sidebar-item a:hover .fi-sidebar-item-icon,
.fi-main-sidebar .fi-sidebar-item a:hover .fi-sidebar-item-children-indicator {
    color: var(--tenant-sidebar-item-active) !important
}

.fi-main-sidebar .fi-sidebar-item.fi-active>.fi-sidebar-item-btn svg,
.fi-main-sidebar .fi-sidebar-item>.fi-sidebar-item-btn[aria-current=page] svg,
.fi-main-sidebar .fi-sidebar-item.fi-active>a.fi-sidebar-item-btn svg,
.fi-main-sidebar .fi-sidebar-item>a.fi-sidebar-item-btn[aria-current=page] svg,
.fi-main-sidebar .fi-sidebar-item-active .fi-sidebar-item-btn svg,
.fi-main-sidebar .fi-sidebar-item-btn:hover svg,
.fi-main-sidebar .fi-sidebar-item a:hover svg {
    color: var(--tenant-sidebar-item-active) !important;
    stroke: currentColor !important;
    fill: none !important
}

.fi-main-sidebar .fi-sidebar-item.fi-active>.fi-sidebar-item-btn svg path,
.fi-main-sidebar .fi-sidebar-item>.fi-sidebar-item-btn[aria-current=page] svg path,
.fi-main-sidebar .fi-sidebar-item.fi-active>a.fi-sidebar-item-btn svg path,
.fi-main-sidebar .fi-sidebar-item>a.fi-sidebar-item-btn[aria-current=page] svg path,
.fi-main-sidebar .fi-sidebar-item-btn:hover svg path,
.fi-main-sidebar .fi-sidebar-item a:hover svg path {
    stroke: var(--tenant-sidebar-item-active) !important
}

html:not(.dark) .fi-main-sidebar .fi-sidebar-item.fi-active>.fi-sidebar-item-btn,
html:not(.dark) .fi-main-sidebar .fi-sidebar-item>.fi-sidebar-item-btn[aria-current=page],
html:not(.dark) .fi-main-sidebar .fi-sidebar-item.fi-active>a.fi-sidebar-item-btn,
html:not(.dark) .fi-main-sidebar .fi-sidebar-item>a.fi-sidebar-item-btn[aria-current=page],
html:not(.dark) .fi-main-sidebar .fi-sidebar-item-active .fi-sidebar-item-btn,
html:not(.dark) .fi-main-sidebar .fi-sidebar-item-btn:hover,
html:not(.dark) .fi-main-sidebar .fi-sidebar-item-button:hover,
html:not(.dark) .fi-main-sidebar .fi-sidebar-item a:hover,
html:not(.dark) .fi-main-sidebar .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn,
html:not(.dark) .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn {
    background: var(--tw-zinc-100) !important
}

.fi-main-sidebar .fi-sidebar-item-grouped-border {
    background-color: transparent !important;
    flex: 0 0 1.5rem !important;
    height: 1.5rem !important;
    position: relative !important;
    width: 1.5rem !important
}

.fi-main-sidebar .fi-sidebar-item-grouped-border-part {
    background-color: var(--tw-slate-400) !important;
    border-radius: 9999px !important;
    height: .375rem !important;
    left: 50% !important;
    position: absolute !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: .375rem !important
}

.fi-main-sidebar .fi-sidebar-item-grouped-border-part-not-first,
.fi-main-sidebar .fi-sidebar-item-grouped-border-part-not-last {
    background-color: var(--tw-slate-400) !important;
    left: 50% !important;
    position: absolute !important;
    transform: translateX(-50%) !important;
    width: 1px !important
}

.fi-main-sidebar .fi-sidebar-item-grouped-border-part-not-first {
    bottom: 50% !important;
    top: -50% !important
}

.fi-main-sidebar .fi-sidebar-item-grouped-border-part-not-last {
    bottom: -50% !important;
    top: 50% !important
}

/* .fi-sidebar-group-items {
    padding-bottom: 10px !important;
} */

.fi-main-sidebar .fi-sidebar-item.fi-active>.fi-sidebar-item-btn .fi-sidebar-item-grouped-border-part,
.fi-main-sidebar .fi-sidebar-item-btn[aria-current=page] .fi-sidebar-item-grouped-border-part,
.fi-main-sidebar .fi-sidebar-group-items .fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-sidebar-item-grouped-border>.fi-sidebar-item-grouped-border-part,
.fi-main-sidebar .fi-sidebar-group-items .fi-sidebar-item>.fi-sidebar-item-btn[aria-current=page]>.fi-sidebar-item-grouped-border>.fi-sidebar-item-grouped-border-part {
    background-color: var(--tenant-sidebar-item-active) !important
}

.fi-main-sidebar .fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]:has(>.fi-sidebar-group-items>.fi-sidebar-item.fi-active),
.fi-main-sidebar .fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]:has(>.fi-sidebar-group-items>.fi-sidebar-item>.fi-sidebar-item-btn[aria-current=page]) {
    background-color: var(--tenant-sidebar-item-state-bg) !important;
    border-color: rgb(255 255 255/.12) !important
}

html:not(.dark) .fi-main-sidebar .fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]:has(>.fi-sidebar-group-items>.fi-sidebar-item.fi-active),
html:not(.dark) .fi-main-sidebar .fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]:has(>.fi-sidebar-group-items>.fi-sidebar-item>.fi-sidebar-item-btn[aria-current=page]) {
    background-color: var(--tw-zinc-100) !important;
    border-color: var(--tw-zinc-200) !important
}

.fi-main-sidebar .fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]:has(>.fi-sidebar-group-items>.fi-sidebar-item.fi-active)>.fi-sidebar-group-items,
.fi-main-sidebar .fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]:has(>.fi-sidebar-group-items>.fi-sidebar-item>.fi-sidebar-item-btn[aria-current=page])>.fi-sidebar-group-items,
.fi-main-sidebar .fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]:has(>.fi-sidebar-group-items>.fi-sidebar-item.fi-active)>.fi-sidebar-group-items>.fi-sidebar-item,
.fi-main-sidebar .fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]:has(>.fi-sidebar-group-items>.fi-sidebar-item>.fi-sidebar-item-btn[aria-current=page])>.fi-sidebar-group-items>.fi-sidebar-item {
    border-radius: inherit !important;
    margin: 0 !important;
    padding: 0 !important
}

.fi-main-sidebar .fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]>.fi-sidebar-group-items>.fi-sidebar-item.fi-active>.fi-sidebar-item-btn,
.fi-main-sidebar .fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]>.fi-sidebar-group-items>.fi-sidebar-item>.fi-sidebar-item-btn[aria-current=page] {
    border: 1px solid transparent !important;
    border-radius: calc(.56rem - 1px) !important;
    margin: 0 !important;
    width: 100% !important;
}

.fi-main-sidebar .fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""] .fi-sidebar-item-btn {
    margin: 0px !important;
}

.fi-main-sidebar .fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""] .fi-sidebar-group-items {
    padding-bottom: 0px !important;
}

.fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]>.fi-sidebar-group-items>.fi-sidebar-item>.fi-sidebar-item-btn,
.fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]>.fi-sidebar-group-items>.fi-sidebar-item>a.fi-sidebar-item-btn {
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]>.fi-sidebar-group-items>.fi-sidebar-item .fi-sidebar-item-icon {
    margin-right: 0 !important
}

.fi-main-sidebar .fi-sidebar-header {
    padding: .25rem .25rem .75rem;
    margin-bottom: .35rem
}

.fi-main-sidebar .fi-sidebar-footer {
    padding-top: .75rem;
    margin-top: .5rem;
    border-top: 1px solid rgb(255 255 255/.05)
}

.fi-topbar .fi-global-search {
    width: 16.8rem
}

.fi-topbar .fi-global-search .fi-input-wrp,
.fi-topbar .fi-global-search input {
    width: 100%
}

.fi-topbar .fi-topbar-collapse-sidebar-btn-ctn {
    margin-inline-start: .25rem !important;
    margin-inline-end: 1.5rem !important
}

.fi-topbar .fi-topbar-logo-link,
.fi-topbar .fi-topbar-links {
    margin-inline-start: .75rem !important
}

.fi-main {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: auto
}

.fi-main-ctn {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: calc(100dvh - 4rem);
    overflow: visible
}

.fi-page:not(.tenant-dashboard-page) .fi-ta {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0
}

.tenant-dashboard-page .fi-ta {
    display: block;
    min-height: auto
}

.fi-main-sidebar .fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]:first-child>.fi-sidebar-group-items>.fi-sidebar-item:first-child .fi-sidebar-item-label {
    text-transform: uppercase !important
}

@media (min-width:1024px) {

    .fi-body.fi-body-has-sidebar-collapsible-on-desktop:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-sidebar,
    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-nav {
        overflow: visible !important
    }

    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-nav-groups>.fi-sidebar-group {
        align-self: center !important;
        box-sizing: border-box;
        overflow: visible;
        position: relative;
        width: calc(var(--collapsed-sidebar-width, 4rem) - 1rem) !important;
        margin-inline: auto !important;
        padding-inline: 0 !important
    }

    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group>.fi-dropdown {
        position: relative;
        width: 100%
    }

    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group>.fi-dropdown>.fi-dropdown-panel {
        z-index: 90 !important;
        min-width: 13rem !important;
        max-width: 15rem !important;
        max-height: calc(100vh - 1.5rem) !important;
        border-radius: .5rem !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        pointer-events: auto
    }

    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group>.fi-dropdown>.fi-dropdown-panel .fi-sidebar-group-dropdown-child-item {
        padding-inline-start: 1.5rem !important
    }

    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group>.fi-sidebar-group-items {
        border-radius: inherit;
        gap: 0 !important;
        margin: 0 !important;
        overflow: hidden;
        padding-inline: 0 !important;
        width: 100% !important
    }

    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group>.fi-sidebar-group-items>.fi-sidebar-item {
        align-self: stretch !important;
        margin: 0 !important;
        width: 100% !important
    }

    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group>.fi-sidebar-group-items>.fi-sidebar-item>.fi-sidebar-item-btn,
    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group>.fi-sidebar-group-items>.fi-sidebar-item>a.fi-sidebar-item-btn,
    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-dropdown-trigger-btn {
        align-items: center !important;
        box-sizing: border-box;
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 100% !important;
        min-height: calc(var(--collapsed-sidebar-width, 4rem) - 1rem - 2px) !important;
        border-radius: calc(.56rem - 1px) !important;
        margin: 0 !important;
        padding: 0 !important
    }

    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-icon,
    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-dropdown-trigger-btn svg,
    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-dropdown-trigger-btn .fi-icon {
        flex-shrink: 0 !important;
        height: 1.25rem !important;
        margin: 0 !important;
        width: 1.25rem !important
    }

    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-item.fi-active>.fi-sidebar-item-btn,
    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-item>.fi-sidebar-item-btn[aria-current=page],
    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-item.fi-active>a.fi-sidebar-item-btn,
    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-item>a.fi-sidebar-item-btn[aria-current=page],
    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-active .fi-sidebar-item-btn,
    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-item>.fi-sidebar-item-btn:hover,
    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-item>a.fi-sidebar-item-btn:hover,
    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn {
        width: 100% !important;
        min-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important
    }
}

/* Moved from tenant theme.css to centralize sidebar styles */

.dark .fi-topbar,
.dark .fi-layout .fi-topbar,
.dark .fi-topbar>div:has(img),
.dark .fi-layout .fi-topbar>div:has(img),
.dark .fi-sidebar-header,
.dark .fi-sidebar-header-ctn,
.dark .fi-sidebar-nav,
.dark .fi-sidebar-footer {
    background-color: #14181F !important;
}

.fi-topbar-start {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    overflow: visible;
}

.fi-topbar-start .fi-topbar-collapse-sidebar-btn-ctn {
    position: absolute;
    top: 50%;
    left: calc(100% + 0.65rem);
    right: auto;
    z-index: 30;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    padding-right: 1rem;

}

.fi-topbar-start>a,
.fi-topbar-start>.fi-logo,
.fi-topbar-start>[class*="logo"] {
    order: 1;
}

.fi-topbar-start .fi-brand-logo-mark {
    display: none;
}

.fi-topbar-start .fi-brand-logo-full,
.fi-topbar-start .fi-brand-logo-mark,
.fi-topbar-start .fi-brand-logo-set {
    transition: opacity 180ms ease, transform 220ms ease, margin 220ms ease !important;
}

@media (min-width: 1024px) {
    .fi-body.fi-body-has-sidebar-collapsible-on-desktop .fi-sidebar {
        width: var(--collapsed-sidebar-width, 4rem) !important;
        min-width: var(--collapsed-sidebar-width, 4rem) !important;
        max-width: var(--collapsed-sidebar-width, 4rem) !important;
        transition:
            width 240ms cubic-bezier(0.4, 0, 0.2, 1),
            min-width 240ms cubic-bezier(0.4, 0, 0.2, 1),
            max-width 240ms cubic-bezier(0.4, 0, 0.2, 1) !important;
        overflow-x: clip;
    }

    .fi-body.fi-body-has-sidebar-collapsible-on-desktop .fi-sidebar.fi-sidebar-open {
        width: var(--sidebar-width, 16rem) !important;
        min-width: var(--sidebar-width, 16rem) !important;
        max-width: var(--sidebar-width, 16rem) !important;
    }

    .fi-body:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-topbar .fi-topbar-start {
        width: var(--collapsed-sidebar-width, 4rem) !important;
        min-width: var(--collapsed-sidebar-width, 4rem) !important;
        max-width: var(--collapsed-sidebar-width, 4rem) !important;
        flex-basis: var(--collapsed-sidebar-width, 4rem) !important;
    }

    .fi-body:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-topbar .fi-topbar-start .fi-brand-logo-full {
        display: none !important;
    }

    .fi-body:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-topbar .fi-topbar-start .fi-brand-logo-mark {
        display: block !important;
    }

    .fi-body:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-topbar .fi-topbar-start .fi-brand-logo-set {
        margin-left: 0 !important;
        transform: scale(0.96);
    }
}

.fi-sidebar-header .fi-icon-btn,
.fi-sidebar-header button[aria-label*="ollapse"],
.fi-sidebar-header a[aria-label*="ollapse"] {
    justify-content: flex-end;
}

.fi-sidebar-header .fi-icon-btn svg,
.fi-sidebar-header button[aria-label*="ollapse"] svg,
.fi-sidebar-header a[aria-label*="ollapse"] svg {
    left: auto;
    transform: none;
}

.fi-sidebar-group-btn {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.fi-sidebar-group-collapse-btn {
    margin-left: auto !important;
}

.fi-sidebar-item-btn,
.fi-sidebar-item-button,
.fi-sidebar-item a {
    border-radius: 6px !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    --tw-ring-offset-shadow: 0 0 #0000 !important;
    --tw-ring-color: transparent !important;
    --tw-ring-offset-color: transparent !important;
    transition-property: background-color, color !important;
    margin: 0px 10px;
}

.fi-sidebar-item-btn:hover,
.fi-sidebar-item-btn:focus,
.fi-sidebar-item-btn:focus-visible,
.fi-sidebar-item-button:focus,
.fi-sidebar-item-button:focus-visible,
.fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-btn:hover {
    background-color: var(--tenant-sidebar-item-state-bg) !important;
    border-radius: 6px !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    --tw-ring-offset-shadow: 0 0 #0000 !important;
    --tw-ring-color: transparent !important;
    --tw-ring-offset-color: transparent !important;
}

.fi-sidebar-item-active .fi-sidebar-item-btn,
.fi-sidebar-item.fi-active .fi-sidebar-item-btn,
.fi-sidebar-item-btn[aria-current="page"],
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn,
.fi-sidebar-item>.fi-sidebar-item-btn[aria-current="page"],
.fi-sidebar-item.fi-active>a.fi-sidebar-item-btn,
.fi-sidebar-item>a.fi-sidebar-item-btn[aria-current="page"],
.fi-sidebar-sub-group-items .fi-sidebar-item-active .fi-sidebar-item-btn,
.fi-sidebar-sub-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-btn,
.fi-sidebar-item-active .fi-sidebar-item-btn:hover,
.fi-sidebar-item.fi-active .fi-sidebar-item-btn:hover,
.fi-sidebar-item-btn[aria-current="page"]:hover,
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn:hover,
.fi-sidebar-item>.fi-sidebar-item-btn[aria-current="page"]:hover,
.fi-sidebar-item.fi-active>a.fi-sidebar-item-btn:hover,
.fi-sidebar-item>a.fi-sidebar-item-btn[aria-current="page"]:hover,
.fi-sidebar-sub-group-items .fi-sidebar-item-active .fi-sidebar-item-btn:hover,
.fi-sidebar-sub-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-btn:hover {
    background-color: transparent !important;
}

.fi-sidebar-item-active .fi-sidebar-item-label,
.fi-sidebar-item-active .fi-sidebar-item-icon,
.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-label,
.fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-icon,
.fi-sidebar-item-btn:hover .fi-sidebar-item-label,
.fi-sidebar-item-btn:hover .fi-sidebar-item-icon,
.fi-sidebar-item-btn:hover .fi-sidebar-item-children-indicator,
.fi-sidebar-item.fi-active .fi-sidebar-item-children-indicator,
.fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-children-indicator {
    color: var(--tenant-sidebar-item-state-fg) !important;
}

.fi-sidebar-item-active .fi-sidebar-item-btn svg,
.fi-sidebar-item.fi-active .fi-sidebar-item-btn svg,
.fi-sidebar-item-btn[aria-current="page"] svg,
.fi-sidebar-item-btn:hover svg {
    color: var(--tenant-sidebar-item-state-fg) !important;
    stroke: currentColor !important;
    fill: none !important;
}

.fi-sidebar-item-children-indicator {
    margin-left: auto;
    opacity: 0.78;
    transition: transform 0.2s ease, opacity 0.2s ease, color 0.2s ease;
}

.fi-sidebar-item-children-indicator.fi-expanded {
    transform: rotate(90deg);
    opacity: 1;
}

.fi-sidebar-item.fi-active>.fi-sidebar-item-btn,
.fi-sidebar-item>.fi-sidebar-item-btn[aria-current="page"],
.fi-sidebar-item.fi-active>a.fi-sidebar-item-btn,
.fi-sidebar-item>a.fi-sidebar-item-btn[aria-current="page"],
.fi-sidebar-item-active .fi-sidebar-item-btn {
    background-color: transparent !important;
    border-radius: 6px !important;
}

.fi-sidebar-item.fi-active>.fi-sidebar-item-btn .fi-sidebar-item-label,
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn .fi-sidebar-item-icon,
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn .fi-sidebar-item-children-indicator,
.fi-sidebar-item>.fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-label,
.fi-sidebar-item>.fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-icon,
.fi-sidebar-item>.fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-children-indicator,
.fi-sidebar-item.fi-active>a.fi-sidebar-item-btn .fi-sidebar-item-label,
.fi-sidebar-item.fi-active>a.fi-sidebar-item-btn .fi-sidebar-item-icon,
.fi-sidebar-item.fi-active>a.fi-sidebar-item-btn .fi-sidebar-item-children-indicator,
.fi-sidebar-item>a.fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-label,
.fi-sidebar-item>a.fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-icon,
.fi-sidebar-item>a.fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-children-indicator,
.fi-sidebar-item-active .fi-sidebar-item-btn .fi-sidebar-item-label,
.fi-sidebar-item-active .fi-sidebar-item-btn .fi-sidebar-item-icon,
.fi-sidebar-item-active .fi-sidebar-item-btn .fi-sidebar-item-children-indicator {
    color: var(--color-seamlessBlue, #3B5EE8) !important;
}

.fi-sidebar-item.fi-active>.fi-sidebar-item-btn svg,
.fi-sidebar-item>.fi-sidebar-item-btn[aria-current="page"] svg,
.fi-sidebar-item.fi-active>a.fi-sidebar-item-btn svg,
.fi-sidebar-item>a.fi-sidebar-item-btn[aria-current="page"] svg,
.fi-sidebar-item-active .fi-sidebar-item-btn svg {
    color: var(--color-seamlessBlue, #3B5EE8) !important;
    stroke: currentColor !important;
    fill: none !important;
}

.fi-sidebar-item.fi-active>.fi-sidebar-item-btn svg path,
.fi-sidebar-item>.fi-sidebar-item-btn[aria-current="page"] svg path,
.fi-sidebar-item.fi-active>a.fi-sidebar-item-btn svg path,
.fi-sidebar-item>a.fi-sidebar-item-btn[aria-current="page"] svg path,
.fi-sidebar-item-active .fi-sidebar-item-btn svg path {
    stroke: var(--color-seamlessBlue, #3B5EE8) !important;
}

/* Dark mode readability: keep active/hover sidebar text and icons white. */
.dark .fi-sidebar-item.fi-active>.fi-sidebar-item-btn :is(.fi-sidebar-item-label, .fi-sidebar-item-icon, .fi-sidebar-item-children-indicator),
.dark .fi-sidebar-item>.fi-sidebar-item-btn[aria-current="page"] :is(.fi-sidebar-item-label, .fi-sidebar-item-icon, .fi-sidebar-item-children-indicator),
.dark .fi-sidebar-item.fi-active>a.fi-sidebar-item-btn :is(.fi-sidebar-item-label, .fi-sidebar-item-icon, .fi-sidebar-item-children-indicator),
.dark .fi-sidebar-item>a.fi-sidebar-item-btn[aria-current="page"] :is(.fi-sidebar-item-label, .fi-sidebar-item-icon, .fi-sidebar-item-children-indicator),
.dark .fi-sidebar-item-active .fi-sidebar-item-btn :is(.fi-sidebar-item-label, .fi-sidebar-item-icon, .fi-sidebar-item-children-indicator),
.dark .fi-sidebar-item-btn:hover :is(.fi-sidebar-item-label, .fi-sidebar-item-icon, .fi-sidebar-item-children-indicator),
.dark .fi-sidebar-item-button:hover :is(.fi-sidebar-item-label, .fi-sidebar-item-icon, .fi-sidebar-item-children-indicator),
.dark .fi-sidebar-item a:hover :is(.fi-sidebar-item-label, .fi-sidebar-item-icon, .fi-sidebar-item-children-indicator) {
    color: #ffffff !important;
}

.dark .fi-sidebar-item.fi-active>.fi-sidebar-item-btn svg,
.dark .fi-sidebar-item>.fi-sidebar-item-btn[aria-current="page"] svg,
.dark .fi-sidebar-item.fi-active>a.fi-sidebar-item-btn svg,
.dark .fi-sidebar-item>a.fi-sidebar-item-btn[aria-current="page"] svg,
.dark .fi-sidebar-item-active .fi-sidebar-item-btn svg,
.dark .fi-sidebar-item-btn:hover svg,
.dark .fi-sidebar-item-button:hover svg,
.dark .fi-sidebar-item a:hover svg {
    color: #ffffff !important;
    stroke: currentColor !important;
}

.dark .fi-sidebar-item.fi-active>.fi-sidebar-item-btn svg path,
.dark .fi-sidebar-item>.fi-sidebar-item-btn[aria-current="page"] svg path,
.dark .fi-sidebar-item.fi-active>a.fi-sidebar-item-btn svg path,
.dark .fi-sidebar-item>a.fi-sidebar-item-btn[aria-current="page"] svg path,
.dark .fi-sidebar-item-active .fi-sidebar-item-btn svg path,
.dark .fi-sidebar-item-btn:hover svg path,
.dark .fi-sidebar-item-button:hover svg path,
.dark .fi-sidebar-item a:hover svg path {
    stroke: #ffffff !important;
}

html:not(.dark) .fi-sidebar,
html:not(.dark) .fi-sidebar-header,
html:not(.dark) .fi-sidebar-header-ctn,
html:not(.dark) .fi-sidebar-nav,
html:not(.dark) .fi-sidebar-footer,
html:not(.dark) .fi-topbar-start {
    background-color: #FFFFFF !important;
}

html:not(.dark) .fi-sidebar-header .fi-icon-btn,
html:not(.dark) .fi-sidebar-header button[aria-label*="ollapse"],
html:not(.dark) .fi-sidebar-header a[aria-label*="ollapse"] {
    color: #8B5CF6 !important;
}

html:not(.dark) .fi-topbar-start .fi-icon-btn:hover,
html:not(.dark) .fi-topbar-start button:hover {
    background-color: #F1F3F5 !important;
}

html:not(.dark) .fi-sidebar-item-label,
html:not(.dark) .fi-sidebar-group-label,
html:not(.dark) .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-label,
html:not(.dark) .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-label {
    color: #27272A !important;
}

html:not(.dark) .fi-sidebar-item-btn:hover .fi-sidebar-item-label,
html:not(.dark) .fi-sidebar-item-button:hover .fi-sidebar-item-label,
html:not(.dark) .fi-sidebar-item a:hover .fi-sidebar-item-label,
html:not(.dark) .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-btn:hover .fi-sidebar-item-label {
    color: var(--color-seamlessBlue, #3B5EE8) !important;
}

html:not(.dark) .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-icon,
html:not(.dark) .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-icon,
html:not(.dark) .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-icon svg,
html:not(.dark) .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-icon svg {
    color: #6B7280 !important;
    stroke: currentColor !important;
    width: 18px !important;
}

html:not(.dark) .fi-sidebar-item-btn:hover,
html:not(.dark) .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active):not(.fi-sidebar-item-active) .fi-sidebar-item-btn:hover {
    background-color: #FFFFFF !important;
}

html:not(.dark) .fi-brand-logo-full-light {
    display: block !important;
}

html:not(.dark) .fi-brand-logo-full-dark {
    display: none !important;
}

html:not(.dark) .fi-sidebar,
html:not(.dark) .fi-topbar-start {
    border-right-color: #E5E7EB !important;
}

html:not(.dark) .fi-topbar,
html:not(.dark) .fi-layout .fi-topbar {
    border-bottom-color: #E5E7EB !important;
}

html:not(.dark) .fi-sidebar-item-active .fi-sidebar-item-label,
html:not(.dark) .fi-sidebar-item-active .fi-sidebar-item-icon,
html:not(.dark) .fi-sidebar-item.fi-active .fi-sidebar-item-label,
html:not(.dark) .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
html:not(.dark) .fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-label,
html:not(.dark) .fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-icon,
html:not(.dark) .fi-sidebar-item-btn:hover .fi-sidebar-item-label,
html:not(.dark) .fi-sidebar-item-btn:hover .fi-sidebar-item-icon,
html:not(.dark) .fi-sidebar-item-btn:hover .fi-sidebar-item-children-indicator,
html:not(.dark) .fi-sidebar-item-button:hover .fi-sidebar-item-label,
html:not(.dark) .fi-sidebar-item-button:hover .fi-sidebar-item-icon,
html:not(.dark) .fi-sidebar-item-button:hover .fi-sidebar-item-children-indicator,
html:not(.dark) .fi-sidebar-item a:hover .fi-sidebar-item-label,
html:not(.dark) .fi-sidebar-item a:hover .fi-sidebar-item-icon,
html:not(.dark) .fi-sidebar-item a:hover .fi-sidebar-item-children-indicator,
html:not(.dark) .fi-sidebar-sub-group-items .fi-sidebar-item-active .fi-sidebar-item-label,
html:not(.dark) .fi-sidebar-sub-group-items .fi-sidebar-item-active .fi-sidebar-item-icon,
html:not(.dark) .fi-sidebar-sub-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-label,
html:not(.dark) .fi-sidebar-sub-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: var(--color-seamlessBlue, #3B5EE8) !important;
}

html:not(.dark) .fi-sidebar-item-active .fi-sidebar-item-icon svg,
html:not(.dark) .fi-sidebar-item.fi-active .fi-sidebar-item-icon svg,
html:not(.dark) .fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-icon svg,
html:not(.dark) .fi-sidebar-item-btn:hover .fi-sidebar-item-icon svg,
html:not(.dark) .fi-sidebar-item a:hover .fi-sidebar-item-icon svg,
html:not(.dark) .fi-sidebar-sub-group-items .fi-sidebar-item-active .fi-sidebar-item-icon svg,
html:not(.dark) .fi-sidebar-sub-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-icon svg {
    color: var(--color-seamlessBlue, #3B5EE8) !important;
    stroke: currentColor !important;
}

html:not(.dark) .fi-sidebar-group-label {
    color: #000000 !important;
}

html:not(.dark) .fi-sidebar-item-active .fi-sidebar-item-btn,
html:not(.dark) .fi-sidebar-item.fi-active .fi-sidebar-item-btn,
html:not(.dark) .fi-sidebar-item.fi-sidebar-item-has-active-child-items>.fi-sidebar-item-btn,
html:not(.dark) .fi-sidebar-item-btn[aria-current="page"],
html:not(.dark) .fi-sidebar-item.fi-active>.fi-sidebar-item-btn,
html:not(.dark) .fi-sidebar-item>.fi-sidebar-item-btn[aria-current="page"],
html:not(.dark) .fi-sidebar-item.fi-active>a.fi-sidebar-item-btn,
html:not(.dark) .fi-sidebar-item>a.fi-sidebar-item-btn[aria-current="page"],
html:not(.dark) .fi-sidebar-sub-group-items .fi-sidebar-item-active .fi-sidebar-item-btn,
html:not(.dark) .fi-sidebar-sub-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-btn,
html:not(.dark) .fi-sidebar-item-active .fi-sidebar-item-btn:hover,
html:not(.dark) .fi-sidebar-item.fi-active .fi-sidebar-item-btn:hover,
html:not(.dark) .fi-sidebar-item.fi-sidebar-item-has-active-child-items>.fi-sidebar-item-btn:hover,
html:not(.dark) .fi-sidebar-item-btn[aria-current="page"]:hover,
html:not(.dark) .fi-sidebar-item.fi-active>.fi-sidebar-item-btn:hover,
html:not(.dark) .fi-sidebar-item>.fi-sidebar-item-btn[aria-current="page"]:hover,
html:not(.dark) .fi-sidebar-item.fi-active>a.fi-sidebar-item-btn:hover,
html:not(.dark) .fi-sidebar-item>a.fi-sidebar-item-btn[aria-current="page"]:hover,
html:not(.dark) .fi-sidebar-sub-group-items .fi-sidebar-item-active .fi-sidebar-item-btn:hover,
html:not(.dark) .fi-sidebar-sub-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-btn:hover {
    background-color: #F4F4F5 !important;
}

html:not(.dark) .fi-sidebar-group.fi-active .fi-sidebar-group-label,
html:not(.dark) .fi-sidebar-group.fi-active .fi-sidebar-group-btn .fi-icon,
html:not(.dark) .fi-sidebar-group.fi-active .fi-sidebar-group-collapse-btn,
html:not(.dark) .fi-sidebar-group.fi-active .fi-sidebar-group-collapse-btn .fi-icon,
html:not(.dark) .fi-sidebar-item.fi-sidebar-item-has-active-child-items:not(.fi-active)>.fi-sidebar-item-btn .fi-sidebar-item-label,
html:not(.dark) .fi-sidebar-item.fi-sidebar-item-has-active-child-items:not(.fi-active)>.fi-sidebar-item-btn .fi-sidebar-item-icon,
html:not(.dark) .fi-sidebar-item.fi-sidebar-item-has-active-child-items:not(.fi-active)>.fi-sidebar-item-btn .fi-sidebar-item-children-indicator {
    color: #000000 !important;
}

html:not(.dark) .fi-sidebar-group {
    border-color: #E4E4E7 !important;
}

html:not(.dark) .fi-sidebar-item-grouped-border,
html:not(.dark) .fi-sidebar-item-grouped-border-part,
html:not(.dark) .fi-sidebar-item-grouped-border-part-not-first,
html:not(.dark) .fi-sidebar-item-grouped-border-part-not-last {
    background-color: #D4D4D8 !important;
    border-color: #D4D4D8 !important;
}

/* Centralized from tenant theme.css */
.dark .fi-sidebar-flyout-dropdown .fi-dropdown-list-item :is(.fi-icon, .fi-dropdown-list-item-icon, svg),
.dark .fi-sidebar-flyout-dropdown .fi-dropdown-list-item :is(.fi-icon, .fi-dropdown-list-item-icon, svg) * {
    fill: none !important;
    stroke: currentColor !important;
}

.dark .fi-sidebar-flyout-dropdown .fi-dropdown-list-item :is(.fi-icon, .fi-dropdown-list-item-icon) [fill="currentColor"] {
    fill: none !important;
}

.dark .fi-body.fi-body-has-sidebar-collapsible-on-desktop:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-sidebar-nav-groups> :is(.fi-sidebar-item, .fi-sidebar-group) :is(.fi-sidebar-item-icon, .fi-icon, svg),
.dark .fi-body.fi-body-has-sidebar-collapsible-on-desktop:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-sidebar-nav-groups> :is(.fi-sidebar-item, .fi-sidebar-group) :is(.fi-sidebar-item-icon, .fi-icon, svg) * {
    fill: none !important;
    stroke: currentColor !important;
}

.dark .fi-body.fi-body-has-sidebar-collapsible-on-desktop:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-sidebar-nav-groups> :is(.fi-sidebar-item, .fi-sidebar-group) :is(.fi-sidebar-item-icon, .fi-icon) [fill="currentColor"] {
    fill: none !important;
}

.fi-sidebar .fi-badge,
.fi-sidebar-item .fi-badge,
.fi-sidebar-group .fi-badge {
    background-color: #e5e7eb !important;
    color: #1f2937 !important;
    border: 1px solid #d1d5db !important;
}

.dark .fi-sidebar .fi-badge,
.dark .fi-sidebar-item .fi-badge,
.dark .fi-sidebar-group .fi-badge {
    background-color: #374151 !important;
    color: #ffffff !important;
    border: 1px solid #4b5563 !important;
}

/* Settings page sub-navigation */
:is(.fi-page-sub-navigation-sidebar-ctn) {
    background-color: #FFFFFF !important;
    border: 1px solid #E4E4E7 !important;
    border-radius: 1rem !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04) !important;
    height: fit-content;
    padding: 0.75rem !important;
}

.fi-page-sub-navigation-sidebar-ctn .fi-page-sub-navigation-sidebar .fi-sidebar-group-items .fi-sidebar-item .fi-sidebar-item-btn{
    margin: 0px !important;
}

:is(.fi-page-sub-navigation-sidebar, .fi-page-sub-navigation-sidebar-ctn) .fi-sidebar-item {
    background-color: transparent !important;
    border-color: transparent !important;
    border-radius: 6px !important;
}

:is(.fi-page-sub-navigation-sidebar, .fi-page-sub-navigation-sidebar-ctn) .fi-sidebar-item :is(.fi-sidebar-item-btn, .fi-sidebar-item-button, a, button) {
    background-color: transparent !important;
    border-color: transparent !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    min-height: 2.75rem;
    transition:
        background-color 160ms ease,
        color 160ms ease;
}

html:not(.dark) :is(.fi-page-sub-navigation-sidebar, .fi-page-sub-navigation-sidebar-ctn) .fi-sidebar-item :is(.fi-sidebar-item-label, .fi-sidebar-item-icon, svg) {
    color: #27272A !important;
    stroke: currentColor !important;
}

html:not(.dark) :is(.fi-page-sub-navigation-sidebar, .fi-page-sub-navigation-sidebar-ctn) .fi-sidebar-item :is(.fi-sidebar-item-btn, .fi-sidebar-item-button, a, button):hover {
    background-color: #F4F4F5 !important;
}

html:not(.dark) :is(.fi-page-sub-navigation-sidebar, .fi-page-sub-navigation-sidebar-ctn) .fi-sidebar-item:is(.fi-active, [aria-current="page"]) :is(.fi-sidebar-item-btn, .fi-sidebar-item-button, a, button),
html:not(.dark) :is(.fi-page-sub-navigation-sidebar, .fi-page-sub-navigation-sidebar-ctn) .fi-sidebar-item :is(.fi-sidebar-item-btn, .fi-sidebar-item-button, a, button)[aria-current="page"] {
    background-color: #F4F4F5 !important;
    border-color: transparent !important;
}

html:not(.dark) :is(.fi-page-sub-navigation-sidebar, .fi-page-sub-navigation-sidebar-ctn) .fi-sidebar-item:is(.fi-active, [aria-current="page"]) :is(.fi-sidebar-item-label, .fi-sidebar-item-icon, svg),
html:not(.dark) :is(.fi-page-sub-navigation-sidebar, .fi-page-sub-navigation-sidebar-ctn) .fi-sidebar-item :is(.fi-sidebar-item-btn, .fi-sidebar-item-button, a, button)[aria-current="page"] :is(.fi-sidebar-item-label, .fi-sidebar-item-icon, svg) {
    color: var(--color-seamlessBlue, #3B5EE8) !important;
    stroke: currentColor !important;
}

.dark :is(.fi-page-sub-navigation-sidebar, .fi-page-sub-navigation-sidebar-ctn) .fi-sidebar-item :is(.fi-sidebar-item-label, .fi-sidebar-item-icon, svg) {
    color: #E5E7EB !important;
    stroke: currentColor !important;
}

.dark :is(.fi-page-sub-navigation-sidebar-ctn) {
    background-color: #18181B !important;
    border-color: #27272A !important;
    box-shadow: none !important;
}

.dark :is(.fi-page-sub-navigation-sidebar, .fi-page-sub-navigation-sidebar-ctn) .fi-sidebar-item :is(.fi-sidebar-item-btn, .fi-sidebar-item-button, a, button):hover {
    background-color: #27272A !important;
}

.dark :is(.fi-page-sub-navigation-sidebar, .fi-page-sub-navigation-sidebar-ctn) .fi-sidebar-item:is(.fi-active, [aria-current="page"]) :is(.fi-sidebar-item-btn, .fi-sidebar-item-button, a, button),
.dark :is(.fi-page-sub-navigation-sidebar, .fi-page-sub-navigation-sidebar-ctn) .fi-sidebar-item :is(.fi-sidebar-item-btn, .fi-sidebar-item-button, a, button)[aria-current="page"] {
    background-color: #1E2229 !important;
    border-color: transparent !important;
}

.dark :is(.fi-page-sub-navigation-sidebar, .fi-page-sub-navigation-sidebar-ctn) .fi-sidebar-item:is(.fi-active, [aria-current="page"]) :is(.fi-sidebar-item-label, .fi-sidebar-item-icon, svg),
.dark :is(.fi-page-sub-navigation-sidebar, .fi-page-sub-navigation-sidebar-ctn) .fi-sidebar-item :is(.fi-sidebar-item-btn, .fi-sidebar-item-button, a, button)[aria-current="page"] :is(.fi-sidebar-item-label, .fi-sidebar-item-icon, svg) {
    color: #93C5FD !important;
    stroke: currentColor !important;
}

/* Keep nested sidebar child indicators as small dots instead of block markers. */
.fi-sidebar-item-grouped-border {
    background-color: transparent !important;
    flex: 0 0 1.5rem !important;
    height: 1.5rem !important;
    position: relative !important;
    width: 1.5rem !important;
}

html:not(.dark) .fi-sidebar-item-grouped-border {
    background-color: transparent !important;
    border-color: transparent !important;
}

.fi-sidebar-item-grouped-border-part {
    background-color: #9CA3AF !important;
    border-radius: 9999px !important;
    height: 0.375rem !important;
    left: 50% !important;
    position: absolute !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 0.375rem !important;
}

.fi-sidebar-item-grouped-border-part-not-first,
.fi-sidebar-item-grouped-border-part-not-last {
    background-color: #9CA3AF !important;
    left: 50% !important;
    position: absolute !important;
    transform: translateX(-50%) !important;
    width: 1px !important;
}

.fi-sidebar-item-grouped-border-part-not-first {
    bottom: 50% !important;
    top: -50% !important;
}

.fi-sidebar-item-grouped-border-part-not-last {
    bottom: -50% !important;
    top: 50% !important;
}

.fi-sidebar-group-items {
    padding-bottom: 10px !important;
}

.fi-sidebar-nav-groups {
    margin-inline: unset !important;
}

.fi-sidebar-item.fi-active>.fi-sidebar-item-btn .fi-sidebar-item-grouped-border-part,
.fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-grouped-border-part,
.fi-sidebar-group-items .fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-sidebar-item-grouped-border>.fi-sidebar-item-grouped-border-part,
.fi-sidebar-group-items .fi-sidebar-item>.fi-sidebar-item-btn[aria-current="page"]>.fi-sidebar-item-grouped-border>.fi-sidebar-item-grouped-border-part {
    background-color: var(--color-seamlessBlue, #3B5EE8) !important;
}

/* Root Dashboard active state should fill its bordered group without hiding the border. */
.fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]:has(> .fi-sidebar-group-items > .fi-sidebar-item.fi-active),
.fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]:has(> .fi-sidebar-group-items > .fi-sidebar-item > .fi-sidebar-item-btn[aria-current="page"]) {
    background-color: #1E2229 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

html:not(.dark) .fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]:has(> .fi-sidebar-group-items > .fi-sidebar-item.fi-active),
html:not(.dark) .fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]:has(> .fi-sidebar-group-items > .fi-sidebar-item > .fi-sidebar-item-btn[aria-current="page"]) {
    background-color: #F4F4F5 !important;
    border-color: #E4E4E7 !important;
}

.fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]:has(> .fi-sidebar-group-items > .fi-sidebar-item.fi-active)>.fi-sidebar-group-items,
.fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]:has(> .fi-sidebar-group-items > .fi-sidebar-item > .fi-sidebar-item-btn[aria-current="page"])>.fi-sidebar-group-items,
.fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]:has(> .fi-sidebar-group-items > .fi-sidebar-item.fi-active)>.fi-sidebar-group-items>.fi-sidebar-item,
.fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]:has(> .fi-sidebar-group-items > .fi-sidebar-item > .fi-sidebar-item-btn[aria-current="page"])>.fi-sidebar-group-items>.fi-sidebar-item {
    border-radius: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
}

.fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]>.fi-sidebar-group-items>.fi-sidebar-item.fi-active>.fi-sidebar-item-btn,
.fi-sidebar-nav-groups>.fi-sidebar-group[data-group-label=""]>.fi-sidebar-group-items>.fi-sidebar-item>.fi-sidebar-item-btn[aria-current="page"] {
    border: 1px solid transparent !important;
    border-radius: calc(0.56rem - 1px) !important;
    margin: 0 !important;
    width: 100% !important;
}

.fi-topbar-start {
    width: var(--sidebar-width, 16rem) !important;
    min-width: var(--sidebar-width, 16rem) !important;
    max-width: var(--sidebar-width, 16rem) !important;
    flex-basis: var(--sidebar-width, 16rem) !important;
    transition:
        width 240ms cubic-bezier(0.4, 0, 0.2, 1),
        min-width 240ms cubic-bezier(0.4, 0, 0.2, 1),
        max-width 240ms cubic-bezier(0.4, 0, 0.2, 1),
        flex-basis 240ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Collapse button - proper hover gapping */
.fi-topbar-start .fi-topbar-collapse-sidebar-btn-ctn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
}

.fi-topbar-start .fi-topbar-collapse-sidebar-btn-ctn .fi-icon-btn {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    transition: background-color 0.15s ease;
}