.fi-body {
    font-size: 0.875rem;
}

input.fi-input,
select.fi-select-input,
.fi-select-input-btn,
.fi-fo-textarea textarea {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.fi-ta-text-item,
.fi-ta-text-item.fi-size-sm,
.fi-ta-text-item.fi-size-md,
.fi-ta-text-item.fi-size-lg {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.fi-input-wrp,
.fi-select-input-btn,
.fi-btn,
.fi-icon-btn {
    border-radius: 0.375rem;
}

.fi-section:not(.fi-section-not-contained),
.fi-ta-ctn {
    border-radius: 0.625rem;
}

.fi-topbar {
    border-bottom: 1px solid rgb(229 231 235);
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.025);
}

.fi-topbar-start {
    width: calc(17rem - 1rem);
    margin-right: 1rem;
}

.fi-topbar-start .fi-logo {
    margin-left: 0;
}

.fi-logo {
    width: auto;
    max-width: 11rem;
    object-fit: contain;
}

.fi-sidebar {
    border-right: 1px solid rgb(229 231 235);
    background: white;
}

.fi-sidebar-nav {
    gap: 1.125rem;
    padding: 1rem 0;
    scrollbar-gutter: auto;
}

.fi-sidebar-nav-groups {
    gap: 1.125rem;
    margin-inline: 0;
}

.fi-sidebar-group {
    gap: 0.125rem;
}

.fi-sidebar-group-btn {
    gap: 0.5rem;
    padding: 0.25rem 1.5rem;
}

.fi-sidebar-group-label {
    color: rgb(107 114 128);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.065em;
    line-height: 1.25rem;
    text-transform: uppercase;
}

.fi-sidebar-group-items {
    gap: 0.125rem;
}

.fi-sidebar-item-btn {
    min-height: 2.25rem;
    gap: 0.625rem;
    padding: 0.375rem 1.5rem;
    border-radius: 0;
}

.fi-sidebar-item-btn > .fi-icon {
    width: 1.125rem;
    height: 1.125rem;
}

.fi-sidebar-item-label {
    font-size: 0.875rem;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: rgb(243 244 246);
    box-shadow: inset 3px 0 0 var(--primary-600);
}

.fi-page-header-main-ctn {
    gap: 1.25rem;
    padding-block: 1.25rem;
}

.fi-page-content {
    gap: 1.25rem;
}

.fi-header {
    gap: 0.75rem;
}

.fi-header-heading {
    font-size: 1.5rem;
    line-height: 2rem;
}

.fi-header-subheading {
    margin-top: 0.25rem;
    font-size: 0.875rem;
}

.fi-section:not(.fi-section-not-contained):not(.fi-divided) > .fi-section-content-ctn > .fi-section-content {
    padding: 1rem;
}

.fi-section:not(.fi-section-not-contained):not(.fi-aside) > .fi-section-header {
    padding: 0.75rem 1rem;
}

.fi-section:not(.fi-section-not-contained) > .fi-section-content-ctn > .fi-section-footer {
    padding: 0.75rem 1rem;
}

.fi-ta-ctn .fi-ta-header {
    padding: 0.75rem 1rem;
}

.fi-ta-ctn .fi-ta-header-toolbar {
    gap: 0.75rem;
    padding: 0.5rem 1rem;
}

.fi-ta-header-cell {
    padding: 0.625rem 0.75rem;
    font-size: 0.75rem;
}

.fi-ta-header-cell:first-of-type {
    padding-left: 1rem;
}

.fi-ta-header-cell:last-of-type {
    padding-right: 1rem;
}

.fi-ta-text:not(.fi-inline) {
    padding: 0.625rem 0.75rem;
}

.fi-ta-row {
    transition: background-color 100ms ease;
}

.fi-ta-row:hover {
    background: rgb(249 250 251 / 0.8);
}

.dark .fi-topbar {
    border-bottom-color: rgb(255 255 255 / 0.1);
}

.dark .fi-sidebar {
    border-right-color: rgb(255 255 255 / 0.1);
    background: rgb(17 24 39);
}

.dark .fi-sidebar-group-label {
    color: rgb(156 163 175);
}

.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: rgb(255 255 255 / 0.06);
}

.dark .fi-ta-row:hover {
    background: rgb(255 255 255 / 0.025);
}

@media (max-width: 639px) {
    .fi-logo {
        max-width: 9.5rem;
    }

    .fi-page-header-main-ctn {
        padding-block: 1rem;
    }

    .fi-header-heading {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}