:root {
    --lgfl-row-alt: rgba(15, 23, 42, 0.03);
    --lgfl-sidebar-header-bg: #ED1C23;
    --lgfl-sidebar-header-text: #ffffff;
    --lgfl-sidebar-bg: #1F2933;
    --lgfl-sidebar-text: #E5E7EB;
    --lgfl-sidebar-text-muted: #BFC7D1;
    --lgfl-sidebar-text-active: #ffffff;
}

.dark {
    --lgfl-row-alt: rgba(255, 255, 255, 0.04);
    --lgfl-sidebar-header-bg: #ED1C23;
    --lgfl-sidebar-header-text: #ffffff;
    --lgfl-sidebar-bg: #0F172A;
    --lgfl-sidebar-text: #E2E8F0;
    --lgfl-sidebar-text-muted: #94A3B8;
    --lgfl-sidebar-text-active: #ffffff;
}

.fi-main table tbody tr:nth-child(even) > *,
.fi-ta-table tbody tr:nth-child(even) > * {
    background-color: var(--lgfl-row-alt);
}

.fi-sidebar-header {
    background-color: var(--lgfl-sidebar-header-bg) !important;
    color: var(--lgfl-sidebar-header-text);
}

.fi-sidebar-header-ctn {
    background-color: var(--lgfl-sidebar-header-bg) !important;
    color: var(--lgfl-sidebar-header-text);
}

.fi-sidebar-header-logo-ctn,
.fi-sidebar-header-ctn .fi-sidebar-header {
    color: var(--lgfl-sidebar-header-text);
}

.fi-sidebar-header-ctn .fi-sidebar-open-collapse-sidebar-btn,
.fi-sidebar-header-ctn .fi-sidebar-close-collapse-sidebar-btn {
    color: var(--lgfl-sidebar-header-text);
}

.fi-topbar-ctn,
.fi-topbar {
    background-color: var(--lgfl-sidebar-header-bg) !important;
}

.fi-topbar .fi-logo,
.fi-topbar .fi-logo * {
    color: var(--lgfl-sidebar-header-text);
}

.fi-topbar .fi-icon,
.fi-topbar .fi-btn,
.fi-topbar .fi-icon-btn,
.fi-topbar .fi-topbar-open-sidebar-btn,
.fi-topbar .fi-topbar-close-sidebar-btn,
.fi-topbar .fi-topbar-open-collapse-sidebar-btn,
.fi-topbar .fi-topbar-close-collapse-sidebar-btn,
.fi-topbar .fi-topbar-item-btn,
.fi-topbar .fi-topbar-item-label,
.fi-topbar .fi-topbar-group-toggle-icon,
.fi-topbar .fi-topbar-database-notifications-btn,
.fi-topbar .fi-topbar-database-notifications-btn-label,
.fi-topbar .fi-topbar-user-menu-btn,
.fi-topbar .fi-topbar-user-menu-btn-label {
    color: var(--lgfl-sidebar-header-text);
}

.fi-topbar .fi-dropdown-panel,
.fi-topbar-ctn .fi-dropdown-panel {
    color: var(--gray-700);
}

.fi-topbar .fi-dropdown-panel .fi-icon,
.fi-topbar-ctn .fi-dropdown-panel .fi-icon,
.fi-topbar .fi-dropdown-panel .fi-dropdown-list-item-label,
.fi-topbar-ctn .fi-dropdown-panel .fi-dropdown-list-item-label,
.fi-topbar .fi-dropdown-panel .fi-dropdown-header,
.fi-topbar-ctn .fi-dropdown-panel .fi-dropdown-header {
    color: inherit;
}

:root.dark .fi-topbar .fi-dropdown-panel,
:root.dark .fi-topbar-ctn .fi-dropdown-panel {
    color: var(--gray-200);
}

.fi-sidebar-header .fi-logo,
.fi-sidebar-header .fi-logo * {
    color: var(--lgfl-sidebar-header-text);
}

.fi-sidebar-header .fi-icon,
.fi-sidebar-header .fi-btn,
.fi-sidebar-header .fi-icon-btn {
    color: var(--lgfl-sidebar-header-text);
}

.fi-sidebar {
    background-color: var(--lgfl-sidebar-bg) !important;
    color: var(--lgfl-sidebar-text);
}

.fi-sidebar .fi-sidebar-nav,
.fi-sidebar .fi-sidebar-nav-groups,
.fi-sidebar .fi-sidebar-group-label,
.fi-sidebar .fi-sidebar-item-label {
    color: var(--lgfl-sidebar-text);
}

.fi-sidebar .fi-sidebar-group-label,
.fi-sidebar .fi-sidebar-item-icon {
    color: var(--lgfl-sidebar-text-muted);
}

.fi-sidebar .fi-sidebar-group-btn:hover,
.fi-sidebar .fi-sidebar-group-dropdown-trigger-btn:hover {
    background-color: #2B1114 !important;
}

.fi-sidebar .fi-sidebar-group-btn:hover .fi-sidebar-group-label,
.fi-sidebar .fi-sidebar-group-btn:hover .fi-icon,
.fi-sidebar .fi-sidebar-group-dropdown-trigger-btn:hover .fi-icon {
    color: var(--lgfl-sidebar-text-active);
}

.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: var(--lgfl-sidebar-text-active);
}

.fi-sidebar .fi-sidebar-item-btn:hover .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item-btn:hover .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item-button:hover .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item-button:hover .fi-sidebar-item-icon {
    color: var(--lgfl-sidebar-text-active);
}

:root:not(.dark) .fi-sidebar .fi-sidebar-item-btn:hover,
:root:not(.dark) .fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn,
:root:not(.dark) .fi-sidebar .fi-sidebar-item-button:hover,
:root:not(.dark) .fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button {
    background-color: #2B1114 !important;
}

:root:not(.dark) .fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label,
:root:not(.dark) .fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
:root:not(.dark) .fi-sidebar .fi-sidebar-item-btn:hover .fi-sidebar-item-label,
:root:not(.dark) .fi-sidebar .fi-sidebar-item-btn:hover .fi-sidebar-item-icon,
:root:not(.dark) .fi-sidebar .fi-sidebar-item-button:hover .fi-sidebar-item-label,
:root:not(.dark) .fi-sidebar .fi-sidebar-item-button:hover .fi-sidebar-item-icon {
    color: #ffffff;
}

.fi-sidebar-open .fi-sidebar-group-items .fi-sidebar-item-btn,
.fi-sidebar-open .fi-sidebar-group-items .fi-sidebar-item-button {
    padding-inline-start: 1.75rem;
}

.fi-sidebar-open .fi-sidebar-group[data-group-label=""] .fi-sidebar-group-items .fi-sidebar-item-btn,
.fi-sidebar-open .fi-sidebar-group[data-group-label=""] .fi-sidebar-group-items .fi-sidebar-item-button {
    padding-inline-start: 0.5rem;
}

.fi-sidebar-open .fi-sidebar-sub-group-items .fi-sidebar-item-btn,
.fi-sidebar-open .fi-sidebar-sub-group-items .fi-sidebar-item-button {
    padding-inline-start: 2.5rem;
}

.fi-heroicon-option {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.fi-heroicon-option-icon svg {
    width: 1rem;
    height: 1rem;
    display: block;
}
