/**
 * Ícones modernos (Lucide via Iconify) – substitui a exibição do IcoMoon
 * Mantém as mesmas classes no HTML (icon-home, icon-blog, etc.)
 */

/* Esconde os ícones antigos do IcoMoon */
[class^="icon-"]:before,
[class*=" icon-"]:before {
    content: none !important;
    display: none !important;
}

/* Estilo do ícone injetado (Iconify ou Lucide Nativo) */
[class^="icon-"] iconify-icon,
[class*=" icon-"] iconify-icon,
svg.lucide,
[data-lucide] {
    display: inline-block;
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;
    vertical-align: -0.15em;
    flex-shrink: 0;
}

/* Margem padrão para ícones que acompanham texto */
[class^="icon-"] iconify-icon,
[class*=" icon-"] iconify-icon,
svg.lucide,
[data-lucide] {
    /* margin-right: 8px; */
}

/* Remove margem em ícones sem texto (botões de ação, cards, etc.) */
.icon-notext iconify-icon,
[class*="icon-notext"] iconify-icon,
.dash_card_icon iconify-icon {
    margin-right: 0 !important;
}

/* Elementos com ícone em flex (menu, etc.) */
.dashboard_nav_menu_li a iconify-icon {
    margin-right: 10px !important;
}

/* Menu recolhido: link tem font-size:0 – SVG usa em, então fixar tamanho + font-size no host */
body.dashboard_nav_collapsed .dashboard_nav_menu_li > a iconify-icon,
body.dashboard_nav_collapsed .dashboard_nav_menu_li > a svg.lucide,
body.dashboard_nav_collapsed .dashboard_nav_menu_li > a [data-lucide] {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    font-size: 17px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* Botão Toggle no Header */
.dashboard_sidebar {
    display: flex !important;
    align-items: center !important;
    padding: 0 20px 0 0 !important;
}

.dashboard_sidebar .fl_right {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.dashboard_sidebar .menu_toggle_btn {
    display: flex;
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 10px 15px;
    height: 64px;
    transition: all 0.2s ease;
    border-right: 1px solid rgba(0,0,0,0.05);
    margin: 0 !important;
}

.dashboard_sidebar .menu_toggle_btn:hover {
    background: rgba(0,0,0,0.03);
}

.dashboard_sidebar .menu_toggle_btn .menu_toggle_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #475569;
}

.dashboard_sidebar .menu_toggle_btn .menu_toggle_text {
    display: none; /* Esconde o texto no header desktop */
}

@media (max-width: 860px) {
    .dashboard_sidebar .menu_toggle_btn {
        border-right: none;
    }
}