/*
 * Sidebar recolhida — correção do cabeçalho/primeiro elemento.
 * Mantém o ícone "EU" perfeitamente centrado e separa o botão de expansão.
 */
.sidebar.collapsed .sidebar-head,
body.sidebar-collapsed .sidebar-head {
    position: relative;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

.sidebar.collapsed .sidebar-brand,
body.sidebar-collapsed .sidebar-brand {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
}

.sidebar.collapsed .brand-mark,
body.sidebar-collapsed .brand-mark {
    margin: 0 auto;
    flex: 0 0 auto;
}

.sidebar.collapsed .brand-text,
body.sidebar-collapsed .brand-text {
    display: none;
}

.sidebar.collapsed .sidebar-toggle,
body.sidebar-collapsed .sidebar-toggle {
    position: absolute;
    top: 16px;
    right: -15px;
    margin: 0;
    z-index: 20;
}

/* Compatibilidade com a classe aplicada pelo app-shell.js no elemento html/body */
.sidebar.is-collapsed .sidebar-head {
    position: relative;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

.sidebar.is-collapsed .sidebar-brand {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
}

.sidebar.is-collapsed .brand-mark {
    margin: 0 auto;
    flex: 0 0 auto;
}

.sidebar.is-collapsed .brand-text {
    display: none;
}

.sidebar.is-collapsed .sidebar-toggle {
    position: absolute;
    top: 16px;
    right: -15px;
    margin: 0;
    z-index: 20;
}