/* Sidebar distinction styles with Dark Mode support */
:root {
    --sidebar-bg: #fcfdfe;
    --sidebar-border: #e5e7eb;
    --sidebar-header-border: #f3f4f6;
    --sidebar-hover: #f3f4f6;
    --sidebar-label-color: #94a3b8;
    --card-bg: #ffffff;
    --card-border: #f1f5f9;
}

.dark {
    --sidebar-bg: #09090b;
    --sidebar-border: #18181b;
    --sidebar-header-border: #18181b;
    --sidebar-hover: #18181b;
    --sidebar-label-color: #71717a;
    --card-bg: #09090b;
    --card-border: #18181b;
}

.fi-sidebar {
    background-color: var(--sidebar-bg) !important;
    border-right: 1px solid var(--sidebar-border);
}

.fi-sidebar-header {
    background-color: var(--sidebar-bg) !important;
    border-bottom: 1px solid var(--sidebar-header-border);
}

.fi-sidebar-nav {
    gap: 0.125rem !important;
}

.fi-sidebar-nav-groups {
    gap: 0 !important;
}

/* Make sidebar items look more premium */
.fi-sidebar-item-button {
    border-radius: 0.75rem !important;
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
    padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.fi-sidebar-item-button:hover {
    background-color: var(--sidebar-hover) !important;
    transform: translateX(2px);
}

.fi-sidebar-item-active .fi-sidebar-item-button {
    background-color: #088c61 !important;
    color: white !important;
    box-shadow: 0 4px 6px -1px rgb(8 140 97 / 0.2), 0 2px 4px -2px rgb(8 140 97 / 0.1) !important;
}

.fi-sidebar-item-active .fi-sidebar-item-button .fi-sidebar-item-icon,
.fi-sidebar-item-active .fi-sidebar-item-button .fi-sidebar-item-label,
.fi-sidebar-item-active .fi-sidebar-item-button .fi-sidebar-item-badge,
.fi-sidebar-item-active .fi-sidebar-item-button .fi-sidebar-item-arrow {
    color: white !important;
}

/* Distinguishable navigation groups */
.fi-sidebar-group-label {
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-size: 0.65rem !important;
    color: var(--sidebar-label-color) !important;
    padding-left: 1.75rem !important;
    margin-top: 0.75rem !important;
    margin-bottom: 0.25rem !important;
}

.fi-sidebar-group {
    margin-top: 0.25rem !important;
}

.fi-sidebar-item {
    margin-bottom: 0 !important;
}

/* Card refinements */
.fi-section, .fi-ta-ctn {
    border-radius: 1rem !important;
    border: 1px solid var(--card-border) !important;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.05), 0 1px 2px -1px rgb(0 0 0 / 0.05) !important;
}

/* Brand refinements */
.fi-logo {
    color: #088c61 !important;
    font-weight: 800 !important;
    letter-spacing: -0.025em !important;
}

/* Remove sidebar nested item connecting lines and dots, while preserving indentation */
.fi-sidebar-item-grouped-border > div {
    display: none !important;
}



/* Dashboard widget grid – prevent stat cards from stretching to match taller sidebar */
.fi-dashboard-page .fi-wi.grid {
    align-items: start;
}

/* Hover effect for clickable stats overview cards */
a.fi-wi-stats-overview-stat {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer;
}

a.fi-wi-stats-overview-stat:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 20px -8px rgba(0, 0, 0, 0.15), 0 4px 12px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px #088c61 !important;
}

.dark a.fi-wi-stats-overview-stat:hover {
    box-shadow: 0 12px 20px -8px rgba(0, 0, 0, 0.4), 0 4px 12px -2px rgba(0, 0, 0, 0.3), 0 0 0 1px #088c61 !important;
}