/* App container – iOS safe-area wrapper (PWA) */
.app-container {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    min-height: 100vh;
    height: 100%;
    box-sizing: border-box;
}

/* Bottom nav is fixed (viewport-positioned) so needs its own safe-area padding above home indicator */
.bottom-nav {
    padding-bottom: calc(0.3rem + constant(safe-area-inset-bottom));
    padding-bottom: calc(0.3rem + env(safe-area-inset-bottom));
}

/* Profile Container */
.profile-container {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0 var(--spacing-sm);
    position: relative;
}

/* Account Info Container */
.account-info-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 0;
    margin-top: 0;
}

/* Wrapper for tabs and tab content to occupy same space */
.account-tabs-wrapper {
    width: 95%;
    align-self: center;
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

.account-tabs-wrapper>* {
    grid-column: 1;
    grid-row: 1;
}