/* Members hero actions — 3 layers */

.members-header .header-actions,
.members-header .header-actions.members-actions-stacked {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.5rem !important;
    min-width: 17rem;
    max-width: 20rem;
    width: 100%;
    margin-left: auto;
}

/* Layer 1: primary full width */
.members-header .header-actions > a.btn {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
    padding: 0.7rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* Container for layers 2+3 */
.members-header .export-actions,
.members-header .export-actions.members-export-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Layer 2: CSV | Analys */
.members-header .members-mid-row {
    display: flex !important;
    flex-direction: row !important;
    gap: 0.5rem !important;
    width: 100% !important;
}

.members-header .members-mid-row > * {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Layer 3: Fördjupad analys full width */
.members-header .export-actions > a.btn,
.members-header .export-actions > .btn:last-child {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.members-header .header-actions .btn,
.members-header .export-actions .btn {
    border-radius: 0 !important;
}

@media (max-width: 991px) {
    .members-header .header-actions {
        max-width: none;
        margin-left: 0;
    }
}