.dropdown { position: relative; }
.dropdown-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 260px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--r-md);
    box-shadow: var(--shadow-lg);
    padding: 6px;
    z-index: 50;
}
.dropdown-head {
    font-family: var(--display);
    font-size: 13px; font-weight: 600;
    padding: 8px 10px 6px;
}
.dropdown-item {
    display: block;
    padding: 9px 10px;
    border-radius: var(--r-sm);
    font-size: 13px;
    color: var(--ink);
    text-decoration: none;
}
.dropdown-item.active {
    background: var(--brand-tint);
    color: var(--warm);
    font-weight: 600;
}
.dropdown-item:hover { background: var(--surface-2); }

/* Menu qui s'ouvre vers le haut (déclencheur en bas d'écran) */
.dropdown-menu.up {
    top: auto;
    bottom: calc(100% + 8px);
}

/* Menu calé sur la largeur du déclencheur (sidebar) plutôt qu'en min-width fixe */
.dropdown-menu.stretch {
    left: 0;
    right: 0;
    min-width: 0;
}

/* Le bouton occupe toute la largeur de la sidebar et garde l'alignement à gauche */
.sb-user {
    width: 100%;
    text-align: left;
}

.dropdown-item {
    display: flex;
    align-items: center;
    gap: 9px;
}
.dropdown-item svg { color: var(--ink-faint); flex: none; }
.dropdown-item.danger { color: var(--danger); }
.dropdown-item.danger svg { color: var(--danger); }

.dropdown-divider {
    height: 1px;
    background: var(--line);
    margin: 6px 4px;
}