/* Akce mají vlastní místo i při přihlášení správce na úzkém telefonu. */
@media (max-width: 820px) {
    .app-header-inner { grid-template-columns: 44px minmax(0, 1fr) auto; }
    .app-search-toggle { position: static; grid-column: 1; grid-row: 1; }
    .app-wordmark {
        position: static;
        grid-column: 2;
        grid-row: 1;
        justify-self: center;
        min-width: 0;
        transform: none;
    }
    .app-header-actions {
        position: static;
        grid-column: 3;
        grid-row: 1;
        width: auto;
        gap: 6px;
    }
    .app-header-action { width: 44px; height: 44px; flex: 0 0 44px; }
}

/* Desktopová hlavička má tři skutečné sloupce; logo už není absolutně přes hledání. */

@media (min-width: 821px) {
    .app-header-inner {
        grid-template-columns: minmax(260px, 1fr) auto minmax(260px, 1fr);
    }

    .app-header-search {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
        max-width: 300px;
    }

    .app-wordmark {
        position: static;
        left: auto;
        grid-column: 2;
        grid-row: 1;
        justify-self: center;
        transform: none;
    }

    .app-header-actions {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
    }
}

@media (min-width: 821px) and (max-width: 1080px) {
    .app-header-inner {
        grid-template-columns: minmax(190px, 1fr) auto minmax(190px, 1fr);
    }

    .app-header-search {
        width: min(230px, 100%);
    }
}