:root {
    --brand-yellow: #efcb00;
    --mono-900: #090909;
    --mono-800: #171717;
    --mono-700: #262626;
    --mono-200: #e5e5e5;
    --mono-100: #f5f5f5;
    --mono-050: #fafafa;
}

.fi-sidebar.fi-main-sidebar {
    background: linear-gradient(180deg, #171717 0%, #1f1f1f 100%);
    border-inline-end: 1px solid #343434;
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.02);
}

.fi-sidebar .fi-sidebar-header {
    background: transparent;
}

.fi-sidebar .fi-sidebar-group-label,
.fi-sidebar .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-group-btn,
.fi-sidebar .fi-sidebar-group-collapse-btn,
.fi-sidebar .fi-sidebar-open-collapse-sidebar-btn,
.fi-sidebar .fi-sidebar-close-collapse-sidebar-btn {
    color: #e7e7e7;
}

.fi-sidebar .fi-sidebar-group-label {
    color: #d7bc39;
}

.fi-sidebar .fi-sidebar-item-btn {
    border-radius: 10px;
    border: 1px solid transparent;
    transition: all 0.18s ease;
}

.fi-sidebar .fi-sidebar-item-btn:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: rgba(239, 203, 0, 0.16);
    border-color: rgba(239, 203, 0, 0.38);
    color: #f4f4f4;
}

.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-icon {
    color: #f6de64;
}

.fi-topbar {
    border-bottom: 1px solid #b99d00;
    background: var(--brand-yellow);
}

.fi-ta-header-toolbar,
.fi-pagination {
    background:
        linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 1)),
        repeating-linear-gradient(
            -58deg,
            #d90429 0 20px,
            #ffffff 20px 34px,
            #2563eb 34px 54px,
            #ffffff 54px 68px
        );
}

.fi-ta-header-toolbar {
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
}

.fi-pagination {
    border-radius: 0 0 var(--radius-xl) var(--radius-xl);
}

.fi-body {
    background: #232323;
}

.fi-main-ctn,
.fi-page,
.fi-page-content {
    background: #2a2a2a;
}

.fi-page-header-heading,
.fi-header-heading,
.fi-section-header-heading,
.fi-page-header-description,
.fi-breadcrumbs-item-label,
.fi-breadcrumbs-item-separator,
.fi-breadcrumbs-item,
.fi-fo-field-wrp-label,
.fi-fo-field-wrp-helper-text {
    color: #f1f5f9;
}

.fi-page-header-description,
.fi-breadcrumbs-item-label,
.fi-breadcrumbs-item-separator,
.fi-fo-field-wrp-helper-text {
    color: #cbd5e1;
}

.fi-wi-chart .fi-section-header-heading {
    color: #111827 !important;
}

.fi-breadcrumbs .fi-breadcrumbs-item-label,
.fi-breadcrumbs .fi-breadcrumbs-item,
.fi-breadcrumbs .fi-breadcrumbs-item-separator {
    color: #e5e7eb !important;
}

.fi-modal-window {
    border: 1px solid #d4d4d8;
    background: #ffffff;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.fi-btn {
    border: 1px solid #c7ab15;
    background: #efcb00;
    color: #111;
    font-weight: 600;
}

.fi-btn .fi-icon {
    color: #111 !important;
}

.fi-btn:hover {
    background: #f7d83a;
}

.fi-btn.fi-outlined {
    background: #fff8d6;
    color: #111;
}

.fi-badge {
    border-color: #c8ac1f;
    background: #fff4b8;
    color: #1a1a1a;
}

/* Section header heading em preto */
.fi-section-header-heading {
    color: #111827 !important;
}

/* Remove radius do topbar quando tem adaptive actions position */
.fi-ta-header-ctn:has(.fi-ta-header-adaptive-actions-position) .fi-ta-header-toolbar {
    border-radius: 0;
}