/* =========================
   Filament Sidebar Aesthetic
   Updated root-level Dashboard handling
   ========================= */

/* Inner nav stack */
.fi-main-sidebar .fi-sidebar-nav {
    gap: 0.5rem;
}

/* Sidebar shell: use the dark theme styling in both modes */
.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: #211c21 !important;
}

/* Top-level navigation groups */
.fi-main-sidebar .fi-sidebar-group {
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 0.56rem;
    overflow: hidden;
    transition: all 0.25s ease;
    padding: 0;
    margin-inline: 0.5rem;
}

/* Group header / collapsible trigger */
.fi-main-sidebar .fi-sidebar-group-btn,
.fi-main-sidebar .fi-sidebar-group-button {
    border-radius: 0.56rem;
    padding: 0.8rem 0.9rem;
    min-height: 2.75rem;
    transition: all 0.2s ease;
}

/* Group label */
.fi-main-sidebar .fi-sidebar-group-label {
    padding: 0;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

/* Each nav item */
.fi-main-sidebar .fi-sidebar-item {
    margin: 0;
}

/* Item link/button */
.fi-main-sidebar .fi-sidebar-item-button,
.fi-main-sidebar .fi-sidebar-item-btn,
.fi-main-sidebar .fi-sidebar-item a {
    border-radius: 0.56rem;
    padding: 0.7rem 0.85rem;
    min-height: 2.5rem;
    border: 1px solid transparent;
    transition: all 0.2s ease;
}

/* =========================
   DEFAULT ACTIVE ITEM
   Labeled groups keep white active item
   ========================= */
.fi-main-sidebar
    .fi-sidebar-group
    .fi-sidebar-item.fi-active
    > .fi-sidebar-item-btn,
.fi-main-sidebar
    .fi-sidebar-group
    .fi-sidebar-item
    > .fi-sidebar-item-btn[aria-current="page"],
.fi-main-sidebar
    .fi-sidebar-group
    .fi-sidebar-item.fi-active
    > a.fi-sidebar-item-btn,
.fi-main-sidebar
    .fi-sidebar-group
    .fi-sidebar-item
    > a.fi-sidebar-item-btn[aria-current="page"],
.fi-main-sidebar
    .fi-sidebar-group
    .fi-sidebar-item-active
    .fi-sidebar-item-button,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item-active a,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item-button[aria-current="page"],
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item-active .fi-sidebar-item-btn,
.fi-main-sidebar
    .fi-sidebar-group
    .fi-sidebar-item.fi-active
    .fi-sidebar-item-btn,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item-btn[aria-current="page"] {
    background: #3E3653 !important;
    background-color: #3E3653 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.fi-main-sidebar
    .fi-sidebar-group
    .fi-sidebar-item.fi-active
    > .fi-sidebar-item-btn:hover,
.fi-main-sidebar
    .fi-sidebar-group
    .fi-sidebar-item
    > .fi-sidebar-item-btn[aria-current="page"]:hover,
.fi-main-sidebar
    .fi-sidebar-group
    .fi-sidebar-item.fi-active
    > a.fi-sidebar-item-btn:hover,
.fi-main-sidebar
    .fi-sidebar-group
    .fi-sidebar-item
    > a.fi-sidebar-item-btn[aria-current="page"]:hover {
    background-color: #3e3653 !important;
    border: 0 !important;
    box-shadow: none !important;
}

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

.fi-main-sidebar
    .fi-sidebar-group
    .fi-sidebar-item.fi-active
    > .fi-sidebar-item-btn
    .fi-sidebar-item-label,
.fi-main-sidebar
    .fi-sidebar-group
    .fi-sidebar-item
    > .fi-sidebar-item-btn[aria-current="page"]
    .fi-sidebar-item-label,
.fi-main-sidebar
    .fi-sidebar-group
    .fi-sidebar-item.fi-active
    > a.fi-sidebar-item-btn
    .fi-sidebar-item-label,
.fi-main-sidebar
    .fi-sidebar-group
    .fi-sidebar-item
    > a.fi-sidebar-item-btn[aria-current="page"]
    .fi-sidebar-item-label {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* =========================
   ROOT-LEVEL ITEM (Dashboard)
   This replaces the old data-group-label="" approach
   ========================= */
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item.fi-active
    > .fi-sidebar-item-btn,
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item
    > .fi-sidebar-item-btn[aria-current="page"],
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item.fi-active
    > a.fi-sidebar-item-btn,
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item
    > a.fi-sidebar-item-btn[aria-current="page"] {
    background-color: #3e3653 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item.fi-active
    > .fi-sidebar-item-btn:hover,
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item
    > .fi-sidebar-item-btn[aria-current="page"]:hover,
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item.fi-active
    > a.fi-sidebar-item-btn:hover,
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item
    > a.fi-sidebar-item-btn[aria-current="page"]:hover {
    background-color: #3e3653 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item.fi-active
    > .fi-sidebar-item-btn,
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item.fi-active
    > .fi-sidebar-item-btn
    *,
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item
    > .fi-sidebar-item-btn[aria-current="page"],
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item
    > .fi-sidebar-item-btn[aria-current="page"]
    *,
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item.fi-active
    > a.fi-sidebar-item-btn,
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item.fi-active
    > a.fi-sidebar-item-btn
    *,
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item
    > a.fi-sidebar-item-btn[aria-current="page"],
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item
    > a.fi-sidebar-item-btn[aria-current="page"]
    * {
    color: #ffffff !important;
    stroke: currentColor !important;
}

.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item.fi-active
    > .fi-sidebar-item-btn
    .fi-sidebar-item-label,
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item
    > .fi-sidebar-item-btn[aria-current="page"]
    .fi-sidebar-item-label,
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item.fi-active
    > a.fi-sidebar-item-btn
    .fi-sidebar-item-label,
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item
    > a.fi-sidebar-item-btn[aria-current="page"]
    .fi-sidebar-item-label {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

/* Nested item stack */
.fi-main-sidebar .fi-sidebar-group-items .fi-sidebar-items {
    gap: 0.2rem;
    padding: 0.15rem;
}

/* Icon spacing */
.fi-main-sidebar .fi-sidebar-item-icon {
    margin-right: 0.75rem;
}

/* Group collapse icon spacing */
.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;
}

/* Section spacing */
.fi-main-sidebar .fi-sidebar-nav-groups,
.fi-main-sidebar .fi-sidebar-nav-items {
    gap: 0.6rem;
}

/* Brand/header */
.fi-main-sidebar .fi-sidebar-header {
    padding: 0.25rem 0.25rem 0.75rem 0.25rem;
    margin-bottom: 0.35rem;
}

/* Footer */
.fi-main-sidebar .fi-sidebar-footer {
    padding-top: 0.75rem;
    margin-top: 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* Compact spacing between groups */
.fi-main-sidebar .fi-sidebar-group + .fi-sidebar-group {
    margin-top: 0.1rem;
}

/* Hover */
.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: rgba(255, 255, 255, 0.07);
}

/* Text alignment */
.fi-main-sidebar .fi-sidebar-item-label {
    line-height: 1.2;
}

/* Compact nested items */
.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-top: 0.65rem;
    padding-bottom: 0.65rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

/* Slightly stronger rounded feel for root items */
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item
    .fi-sidebar-item-button,
.fi-main-sidebar
    > div
    > .fi-sidebar-nav
    > .fi-sidebar-item
    .fi-sidebar-item-btn,
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item a {
    border-radius: 0.85rem;
}

/* Open group header separator */
.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,
.fi-main-sidebar .fi-sidebar-group.fi-active > .fi-sidebar-group-btn,
.fi-main-sidebar .fi-sidebar-group.fi-active > .fi-sidebar-group-button {
    position: relative;
}

/* Center short border */
.fi-main-sidebar .fi-sidebar-group:not(.fi-collapsed) > .fi-sidebar-group-btn::after,
.fi-main-sidebar .fi-sidebar-group:not(.fi-collapsed) > .fi-sidebar-group-button::after,
.fi-main-sidebar .fi-sidebar-group.fi-active > .fi-sidebar-group-btn::after,
.fi-main-sidebar .fi-sidebar-group.fi-active > .fi-sidebar-group-button::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);

    width: 90%; /* control length */
    height: 1px; /* thickness */

    background: rgba(255, 255, 255, 0.07); /* premium subtle */
    border-radius: 999px;
}

/* Active sub-group dot */
.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,
.fi-main-sidebar
    .fi-sidebar-group-items
    .fi-sidebar-item.fi-active
    > a.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
    > a.fi-sidebar-item-btn[aria-current="page"]
    > .fi-sidebar-item-grouped-border
    > .fi-sidebar-item-grouped-border-part {
    background-color: #ffffff !important;
}

/* =========================
   OPEN GROUP STATE (PREMIUM)
   ========================= */
.fi-main-sidebar
    .fi-sidebar-group:not([data-group-label=""]):not(.fi-collapsed),
.fi-main-sidebar .fi-sidebar-group:not([data-group-label=""]).fi-active {
    border-color: rgba(255, 255, 255, 0.05);
    background: rgba(255, 255, 255, 0.03) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

/* Open group heading + icon */
.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-btn *,
.fi-main-sidebar .fi-sidebar-group:not(.fi-collapsed) .fi-sidebar-group-button,
.fi-main-sidebar
    .fi-sidebar-group:not(.fi-collapsed)
    .fi-sidebar-group-button
    *,
.fi-main-sidebar .fi-sidebar-group.fi-active .fi-sidebar-group-btn,
.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.fi-active .fi-sidebar-group-button * {
    color: rgba(255, 255, 255, 0.92) !important;
    stroke: rgba(255, 255, 255, 0.92) !important;
}

/* Hover when group is open */
.fi-main-sidebar
    .fi-sidebar-group:not(.fi-collapsed)
    .fi-sidebar-group-btn:hover,
.fi-main-sidebar
    .fi-sidebar-group:not(.fi-collapsed)
    .fi-sidebar-group-button:hover,
.fi-main-sidebar .fi-sidebar-group.fi-active .fi-sidebar-group-btn:hover,
.fi-main-sidebar .fi-sidebar-group.fi-active .fi-sidebar-group-button:hover {
    border-color: rgba(255, 255, 255, 0.021);
}

/* Slight glow on active item inside open group */
.fi-main-sidebar
    .fi-sidebar-group:not(.fi-collapsed)
    .fi-sidebar-item-active
    .fi-sidebar-item-button,
.fi-main-sidebar
    .fi-sidebar-group:not(.fi-collapsed)
    .fi-sidebar-item-active
    .fi-sidebar-item-btn,
.fi-main-sidebar
    .fi-sidebar-group.fi-active
    .fi-sidebar-item-active
    .fi-sidebar-item-button,
.fi-main-sidebar
    .fi-sidebar-group.fi-active
    .fi-sidebar-item-active
    .fi-sidebar-item-btn {
    box-shadow:
        0 0 0 1px rgba(16, 185, 129, 0.25),
        0 4px 14px rgba(16, 185, 129, 0.12);
}

/* Smooth expand feel */
.fi-main-sidebar .fi-sidebar-group-items {
    transition: all 0.25s ease;
}


/* Increase global search width in Filament topbar */
.fi-topbar .fi-global-search {
    width: 16.8rem;
}

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

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

/* Add breathing room around the left topbar controls and organization logo. */
.fi-topbar .fi-topbar-collapse-sidebar-btn-ctn {
    margin-inline-start: 0.25rem !important;
    margin-inline-end: 1.5rem !important;
}

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

/* Make Filament page take full height */
.fi-main {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: auto;
}

/* Page content should expand */
.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;
}

:root {
    --tenant-sidebar-shell-bg: rgba(62, 54, 83, 1);
    --tenant-sidebar-item-state-bg: #1E2229;
    --tenant-sidebar-item-state-fg: #ffffff;
}

.dark {
    --tenant-sidebar-shell-bg: #14181F;
    --tenant-sidebar-item-state-bg: #1E2229;
    --tenant-sidebar-item-state-fg: #ffffff;
}

.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-group-btn {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.fi-main-sidebar .fi-sidebar-group-collapse-btn,
.fi-main-sidebar .fi-sidebar-group-collapse-btn:hover {
    margin-left: auto;
}

.fi-main-sidebar .fi-sidebar-item-button,
.fi-main-sidebar .fi-sidebar-item-btn,
.fi-main-sidebar .fi-sidebar-item a {
    border-radius: 0.85rem !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.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;
    background-color: var(--tenant-sidebar-item-state-bg) !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-state-fg) !important;
    stroke: currentColor !important;
}

.fi-main-sidebar .fi-sidebar-item-label,
.fi-main-sidebar .fi-sidebar-item-children-indicator {
    transition: color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.fi-main-sidebar .fi-sidebar-item-children-indicator {
    margin-left: auto;
    opacity: 0.78;
}

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

.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 {
    background: #1E2229 !important;
    background-color: #1E2229 !important;
    /* border-radius: 0.85rem !important; */
    border: 0 !important;
    box-shadow: none !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 {
    color: var(--color-seamlessBlue) !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 {
    color: var(--color-seamlessBlue) !important;
    stroke: currentColor !important;
    fill: none !important;
}

/* Final sidebar state override */
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item.fi-active > .fi-sidebar-item-btn,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item > .fi-sidebar-item-btn[aria-current="page"],
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item.fi-active > a.fi-sidebar-item-btn,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item > a.fi-sidebar-item-btn[aria-current="page"],
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item-active .fi-sidebar-item-button,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item-active a,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item-button[aria-current="page"],
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item-active .fi-sidebar-item-btn,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item.fi-active .fi-sidebar-item-btn,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item-btn[aria-current="page"],
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item.fi-active > .fi-sidebar-item-btn,
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item > .fi-sidebar-item-btn[aria-current="page"],
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item.fi-active > a.fi-sidebar-item-btn,
.fi-main-sidebar > div > .fi-sidebar-nav > .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-button:hover,
.fi-main-sidebar .fi-sidebar-item a:hover {
    background: #1E2229 !important;
    background-color: #1E2229 !important;
    border: 0 !important;
    border-radius: 0.56rem !important;
    box-shadow: none !important;
}

.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item.fi-active > .fi-sidebar-item-btn:hover,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item > .fi-sidebar-item-btn[aria-current="page"]:hover,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item.fi-active > a.fi-sidebar-item-btn:hover,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item > a.fi-sidebar-item-btn[aria-current="page"]:hover,
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item.fi-active > .fi-sidebar-item-btn:hover,
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item > .fi-sidebar-item-btn[aria-current="page"]:hover,
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item.fi-active > a.fi-sidebar-item-btn:hover,
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item > a.fi-sidebar-item-btn[aria-current="page"]:hover {
    background: #1E2229 !important;
    background-color: #1E2229 !important;
}

.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item.fi-active > .fi-sidebar-item-btn,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item.fi-active > .fi-sidebar-item-btn *,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item > .fi-sidebar-item-btn[aria-current="page"],
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item > .fi-sidebar-item-btn[aria-current="page"] *,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item.fi-active > a.fi-sidebar-item-btn,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item.fi-active > a.fi-sidebar-item-btn *,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item > a.fi-sidebar-item-btn[aria-current="page"],
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item > a.fi-sidebar-item-btn[aria-current="page"] *,
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item.fi-active > .fi-sidebar-item-btn,
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item.fi-active > .fi-sidebar-item-btn *,
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item > .fi-sidebar-item-btn[aria-current="page"],
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item > .fi-sidebar-item-btn[aria-current="page"] *,
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item.fi-active > a.fi-sidebar-item-btn,
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item.fi-active > a.fi-sidebar-item-btn *,
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item > a.fi-sidebar-item-btn[aria-current="page"],
.fi-main-sidebar > div > .fi-sidebar-nav > .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(--color-seamlessBlue, #3B5EE8) !important;
    stroke: currentColor !important;
}

.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-label,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item > .fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-label,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item.fi-active > a.fi-sidebar-item-btn .fi-sidebar-item-label,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item > a.fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-label,
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-label,
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item > .fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-label,
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item.fi-active > a.fi-sidebar-item-btn .fi-sidebar-item-label,
.fi-main-sidebar > div > .fi-sidebar-nav > .fi-sidebar-item > a.fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-label,
.fi-main-sidebar .fi-sidebar-item-btn:hover .fi-sidebar-item-label,
.fi-main-sidebar .fi-sidebar-item a:hover .fi-sidebar-item-label {
    color: var(--color-seamlessBlue, #3B5EE8) !important;
    -webkit-text-fill-color: var(--color-seamlessBlue, #3B5EE8) !important;
}

.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-icon,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item > .fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-icon,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item.fi-active > a.fi-sidebar-item-btn .fi-sidebar-item-icon,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item > a.fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-icon,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-children-indicator,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item > .fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-children-indicator,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item.fi-active > a.fi-sidebar-item-btn .fi-sidebar-item-children-indicator,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item > a.fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-children-indicator,
.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 a:hover .fi-sidebar-item-icon,
.fi-main-sidebar .fi-sidebar-item a:hover .fi-sidebar-item-children-indicator {
    color: var(--color-seamlessBlue, #3B5EE8) !important;
}

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

.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item.fi-active > .fi-sidebar-item-btn svg path,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item > .fi-sidebar-item-btn[aria-current="page"] svg path,
.fi-main-sidebar .fi-sidebar-group .fi-sidebar-item.fi-active > a.fi-sidebar-item-btn svg path,
.fi-main-sidebar .fi-sidebar-group .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(--color-seamlessBlue, #3B5EE8) !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: #1E2229 !important;
    background-color: #1E2229 !important;
    border: 0 !important;
    border-radius: 0.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(--color-seamlessBlue, #3B5EE8) !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(--color-seamlessBlue, #3B5EE8) !important;
    stroke: var(--color-seamlessBlue, #3B5EE8) !important;
    fill: none !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;
}

/* Keep bordered groups inset from the collapsed navbar border. */
@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: 0.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(0.56rem - 1px) !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-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-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;
    }

}

/* Light mode sidebar state corrections */
html:not(.dark) {
    --tenant-sidebar-item-state-bg: #F4F4F5;
}

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.fi-active > .fi-sidebar-item-btn:hover,
html:not(.dark) .fi-main-sidebar .fi-sidebar-item > .fi-sidebar-item-btn[aria-current="page"]:hover,
html:not(.dark) .fi-main-sidebar .fi-sidebar-item.fi-active > a.fi-sidebar-item-btn:hover,
html:not(.dark) .fi-main-sidebar .fi-sidebar-item > a.fi-sidebar-item-btn[aria-current="page"]:hover,
html:not(.dark) .fi-main-sidebar .fi-sidebar-item-active .fi-sidebar-item-btn,
html:not(.dark) .fi-main-sidebar .fi-sidebar-item-active .fi-sidebar-item-btn: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: #F4F4F5 !important;
    background-color: #F4F4F5 !important;
}

html:not(.dark) .fi-main-sidebar .fi-sidebar-group:not(.fi-collapsed) > .fi-sidebar-group-btn,
html:not(.dark) .fi-main-sidebar .fi-sidebar-group:not(.fi-collapsed) > .fi-sidebar-group-btn *,
html:not(.dark) .fi-main-sidebar .fi-sidebar-group:not(.fi-collapsed) > .fi-sidebar-group-button,
html:not(.dark) .fi-main-sidebar .fi-sidebar-group:not(.fi-collapsed) > .fi-sidebar-group-button *,
html:not(.dark) .fi-main-sidebar .fi-sidebar-group.fi-active > .fi-sidebar-group-btn,
html:not(.dark) .fi-main-sidebar .fi-sidebar-group.fi-active > .fi-sidebar-group-btn *,
html:not(.dark) .fi-main-sidebar .fi-sidebar-group.fi-active > .fi-sidebar-group-button,
html:not(.dark) .fi-main-sidebar .fi-sidebar-group.fi-active > .fi-sidebar-group-button * {
    color: #000000 !important;
    stroke: currentColor !important;
}

html:not(.dark) .fi-main-sidebar .fi-sidebar-group:not(.fi-collapsed) > .fi-sidebar-group-btn svg,
html:not(.dark) .fi-main-sidebar .fi-sidebar-group:not(.fi-collapsed) > .fi-sidebar-group-btn svg path,
html:not(.dark) .fi-main-sidebar .fi-sidebar-group:not(.fi-collapsed) > .fi-sidebar-group-button svg,
html:not(.dark) .fi-main-sidebar .fi-sidebar-group:not(.fi-collapsed) > .fi-sidebar-group-button svg path,
html:not(.dark) .fi-main-sidebar .fi-sidebar-group.fi-active > .fi-sidebar-group-btn svg,
html:not(.dark) .fi-main-sidebar .fi-sidebar-group.fi-active > .fi-sidebar-group-btn svg path,
html:not(.dark) .fi-main-sidebar .fi-sidebar-group.fi-active > .fi-sidebar-group-button svg,
html:not(.dark) .fi-main-sidebar .fi-sidebar-group.fi-active > .fi-sidebar-group-button svg path {
    color: #000000 !important;
    stroke: currentColor !important;
    fill: none !important;
}

/* Keep nested sidebar child indicators as small dots instead of block markers. */
.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;
}

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

.fi-main-sidebar .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-main-sidebar .fi-sidebar-item-grouped-border-part-not-first,
.fi-main-sidebar .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-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-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(--color-seamlessBlue, #3B5EE8) !important;
}

/* Root Dashboard active state should fill its bordered group without hiding the border. */
.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: #1E2229 !important;
    border-color: rgba(255, 255, 255, 0.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: #F4F4F5 !important;
    border-color: #E4E4E7 !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(0.56rem - 1px) !important;
    margin: 0 !important;
    width: 100% !important;
}