/**
 * Shared Alpaca Dashboard Header – fixed layout on all pages.
 * Order: Logo (right in RTL) → Nav → Center (filters) → User + Logout (left in RTL).
 * Parent must set dir="rtl" or dir="ltr" for correct alignment.
 */
.alpaca-dashboard-header.alpaca-filter-bar {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    overflow-x: hidden;
}

.alpaca-header-start {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.alpaca-header-center {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.alpaca-header-end {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-inline-start: auto;
    flex-shrink: 0;
}

[dir="rtl"] .alpaca-header-end {
    margin-inline-start: 0;
    margin-inline-end: auto;
}

.alpaca-header-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}