/* Shared logout button styling for all sidebar variants */
.sidebar-footer {
    overflow: hidden;
}

.logout-button {
    width: 36px !important;
    height: 36px !important;
    padding: 8px !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    color: var(--danger-red) !important;
    transition: all 0.22s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.logout-button:hover {
    background: rgba(255, 51, 102, 0.14) !important;
    border-color: rgba(255, 51, 102, 0.5) !important;
    box-shadow: inset 0 0 12px rgba(255, 51, 102, 0.1) !important;
    color: #ff6b9d !important;
    transform: scale(1.08) !important;
}

.logout-button:hover i[data-lucide="power"] {
    color: #ff99bb !important;
    transform: scale(1.12) rotate(12deg) !important;
    filter: drop-shadow(0 0 10px rgba(255, 51, 102, 0.85)) !important;
}

.logout-button i[data-lucide="power"] {
    margin-left: 0 !important;
    width: 16px !important;
    height: 16px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: inherit !important;
}

.logout-button:hover,
.logout-button:focus-visible {
    overflow: visible !important;
}