/* Layout visuals moved here so header background is global and not lost during refactor */
.top-row {
    /* Restore the striped header gradient from previous design */
    background-image: var(--header-gradient);
    background-repeat: no-repeat;
    background-size: cover;
    color: inherit;
}

/* Let header size be determined by content and root CSS --header-height variable. Avoid forcing :root here to prevent conflicts. */
.top-row {
    min-height: var(--header-height, 72px);
    display: flex;
    align-items: center;
}