.mobile-shell {
    grid-template-rows: minmax(0, 1fr) auto;
}

.screen-stack {
    min-height: 0;
    display: grid;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 12px;
}

.screen-panel[hidden] {
    display: none !important;
}

.screen-panel.is-active {
    display: grid;
}

.client-main-screen {
    min-height: 0;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 15px;
}

.header-actions {
    visibility: hidden;
}

.bottom-nav {
    grid-template-columns: repeat(2, 1fr);
}

.bottom-nav-item {
    min-height: 60px;
    gap: 7px;
    font-size: 1.08rem;
}

.bottom-nav-item i {
    font-size: 1.18rem;
}