.app-layout-root {
    min-height: 100vh;
    background: var(--farm-background);
    color: var(--farm-text);
}

.app-main {
    padding-top: 64px;
    min-height: 100vh;
    background: var(--farm-background);
}

.app-content {
    padding: 2rem;
}

.farm-appbar {
    backdrop-filter: blur(18px);
    background: rgba(255,255,255,.82);
    border-bottom: 1px solid var(--farm-border);
}

.appbar-search {
    flex: 0 1 420px;
    width: 420px;
    margin-left: .5rem;
}

.appbar-search .farm-search-box {
    width: 100%;
    min-width: 0;
}

.appbar-desktop-only {
    display: block;
}

.appbar-desktop-spacer {
    flex: 1 1 auto;
}

.drawer-mobile-only {
    display: none;
}

.drawer-actions {
    align-items: stretch;
}

.drawer-actions .mud-button {
    justify-content: flex-start;
    width: 100%;
}

.dark-mode .farm-appbar {
    background: rgba(24,32,25,.82);
}

.farm-search {
    width: 420px;
}

    .farm-search .mud-input-root {
        border-radius: 18px;
    }

@media (max-width: 959.98px) {
    .farm-appbar {
        padding-left: .35rem;
        padding-right: .35rem;
    }

    .appbar-desktop-only {
        display: none;
    }

    .drawer-mobile-only {
        display: flex;
        flex-direction: column;
    }

    .appbar-search {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        margin-left: .25rem;
    }
}