.tenant-header-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .5rem; min-width: 0; max-width: 100%; }
.tenant-header-action { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 2.5rem; min-width: 2.5rem; max-width: 100%; padding: .5rem .75rem; border: 1px solid transparent; border-radius: var(--tenant-radius-button, .5rem); font-size: .875rem; font-weight: 600; line-height: 1.25; text-decoration: none; color: var(--header-action-text, var(--tenant-header-text)); background: transparent; }
.tenant-header-action-label { overflow-wrap: anywhere; }
.tenant-header-action--icon { padding: .5rem; }
.tenant-header-action--filled { background: var(--header-action-background, var(--tenant-header-hover)); color: var(--header-action-text, var(--tenant-header-background)); }
.tenant-header-action--outline { border-color: var(--header-action-background, currentColor); }
.tenant-header-action-icon { width: 1.25rem; height: 1.25rem; flex-shrink: 0; }
.tenant-header-action:hover { filter: brightness(.9); text-decoration: underline; text-underline-offset: .2em; }
.tenant-header-action:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.tenant-header-action-badge { position: absolute; top: -.2rem; right: -.2rem; min-width: 1.1rem; border-radius: 1rem; padding: .1rem .25rem; font-size: .65rem; background: var(--tenant-accent); color: var(--tenant-on-accent, #fff); text-align: center; }
.tenant-header-actions--menu { align-items: stretch; flex-direction: column; justify-content: flex-start; margin: .75rem 0; }
.tenant-header-actions--menu .tenant-header-action { min-height: 2.75rem; }
.tenant-header-actions--shortcut { display: inline-flex; vertical-align: middle; margin-left: .25rem; }
.tenant-header-navigation { min-width: 0; flex-wrap: wrap; justify-content: flex-end; }
.tenant-clubhouse-header .tenant-header-actions { padding: .5rem 0; }
.tenant-clubhouse-header .tenant-header-actions--menu .tenant-header-action { justify-content: flex-start; }
@media (max-width: 1023px) {
    .tenant-header-brand { min-width: 0; flex: 1; gap: .5rem; }
    .tenant-header-brand img { max-width: 5rem; max-height: 4rem; width: auto; object-fit: contain; }
    .tenant-header-brand > div { min-width: 0; overflow-wrap: anywhere; }
    .tenant-header-mobile-controls { flex-shrink: 0; }
}
@media (min-width: 1024px) { .tenant-header-actions--shortcut { display: none; } }