.fi-sidebar {
    border-right: 1px solid rgb(231 229 228);
    background: rgb(255 253 250);
}

.dark .fi-sidebar {
    border-right-color: rgb(68 64 60);
    background: rgb(28 25 23);
}

.fi-sidebar-header {
    min-height: 4.5rem;
    border-bottom: 1px solid rgb(231 229 228);
}

.dark .fi-sidebar-header {
    border-bottom-color: rgb(68 64 60);
}

.fi-sidebar-nav {
    padding: 1rem 0.75rem;
}

.fi-sidebar-group {
    margin-bottom: 0;
}

.fi-sidebar-group-btn {
    padding: 0.5rem 0.625rem;
}

.fi-sidebar-group-label {
    color: rgb(120 113 108);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.fi-sidebar-group-btn::before {
    display: block;
    width: 1.125rem;
    height: 1.125rem;
    flex: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
}

.fi-sidebar-group[data-group-label='Operación'] > .fi-sidebar-group-btn::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23d97706' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M7.5 21 3 16.5m0 0L7.5 12M3 16.5h18m-4.5-13.5L21 7.5m0 0L16.5 12M21 7.5H3'/%3E%3C/svg%3E");
}

.fi-sidebar-group[data-group-label='Catálogo'] > .fi-sidebar-group-btn::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23d97706' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 6.75A2.25 2.25 0 0 1 5.25 4.5h4.5L12 6.75h6.75A2.25 2.25 0 0 1 21 9v8.25a2.25 2.25 0 0 1-2.25 2.25h-13.5A2.25 2.25 0 0 1 3 17.25V6.75Z'/%3E%3C/svg%3E");
}

.fi-sidebar-group[data-group-label='Administración'] > .fi-sidebar-group-btn::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23d97706' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath stroke-linecap='round' d='M12 3v2m0 14v2M3 12h2m14 0h2M5.64 5.64l1.42 1.42m9.88 9.88 1.42 1.42m0-12.16-1.42 1.42m-9.88 9.88-1.42 1.42'/%3E%3C/svg%3E");
}

.fi-sidebar-group[data-group-label='Filament Shield'] > .fi-sidebar-group-btn::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23d97706' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 3 4.5 6v5.25c0 4.58 3.15 8.85 7.5 9.75 4.35-.9 7.5-5.17 7.5-9.75V6L12 3Z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m9.5 12 1.6 1.6 3.4-3.4'/%3E%3C/svg%3E");
}

.dark .fi-sidebar-group-label {
    color: rgb(168 162 158);
}

.fi-sidebar-group-items {
    margin-inline-start: 0.75rem;
    padding-inline-start: 0.75rem;
    border-inline-start: 1px solid rgb(231 229 228);
}

.dark .fi-sidebar-group-items {
    border-inline-start-color: rgb(68 64 60);
}

.fi-sidebar-item-btn {
    min-height: 2.75rem;
    border-radius: 0.5rem;
    color: rgb(68 64 60);
    transition: background-color 150ms ease, color 150ms ease, transform 150ms ease;
}

.dark .fi-sidebar-item-btn {
    color: rgb(231 229 228);
}

.fi-sidebar-item-btn:hover {
    background: rgb(245 245 244);
    color: rgb(28 25 23);
}

.dark .fi-sidebar-item-btn:hover {
    background: rgb(68 64 60);
    color: rgb(255 251 235);
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: rgb(245 158 11);
    color: rgb(28 25 23);
    box-shadow: 0 4px 12px rgb(245 158 11 / 0.2);
}

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

.fi-sidebar-item-icon {
    color: rgb(168 162 158);
}

.fi-sidebar-item-btn:hover .fi-sidebar-item-icon {
    color: rgb(217 119 6);
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-icon {
    color: rgb(28 25 23);
}