/******** ASIDE ********/
.fi-sidebar {
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html:not(.dark) .fi-sidebar {
    background-color: white !important;
}

.dark .fi-sidebar {
    background-color: black !important;
}

.fi-sidebar-nav-groups {
    margin-inline: calc(var(--spacing));
    row-gap: calc(var(--spacing));
}

.fi-sidebar-nav {
    row-gap: calc(var(--spacing));
    padding-inline: calc(var(--spacing));
    padding-block: calc(var(--spacing)*4);
}

.fi-icon.fi-size-lg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
}

.fi-sidebar-item-btn {
    padding: calc(var(--spacing) * 1);
}

/***** MAIN - HEADER *****/
.fi-page-header-main-ctn {
    padding-block: calc(var(--spacing) * 4);
}

/******** TABLES ********/
.fi-ta-table {
    border-collapse: separate !important;
    border-spacing: 0;
    overflow: visible !important;
}

.fi-ta-ctn {
    overflow: visible !important;
}

.fi-ta-cell:has(> .fi-ta-actions) {
    position: sticky !important;
    right: 0 !important;
    background-color: var(--color-white, #fff) !important;
    overflow: visible !important;
}

.dark .fi-ta-cell:has(> .fi-ta-actions) {
    background-color: var(--color-gray-900, #111827) !important;
}

.fi-ta-header-cell:last-child,
.fi-ta-actions-header-cell {
    position: sticky !important;
    right: 0 !important;
    background-color: var(--color-white, #fff) !important;
}

.dark .fi-ta-header-cell:last-child,
.dark .fi-ta-actions-header-cell {
    background-color: var(--color-gray-900, #111827) !important;
}

/******** HEARTBEAT ANIMATION ********/
@keyframes heartbeat {
    0% { transform: scale(1); }
    14% { transform: scale(1.1); }
    28% { transform: scale(1); }
    42% { transform: scale(1.1); }
    70% { transform: scale(1); }
}