/* ── Page padding for tab bar ── */
.page-content {
    padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px) + 16px);
}

/* ── Snackbar position ── */
.snackbar-position {
    bottom: calc(80px + env(safe-area-inset-bottom) + 16px);
    left: 24px;
    right: 24px;
}

/* ── Bottom AppBar tab icon ── */
.tab-icon              { padding: 6px 14px; border-radius: 99px; background: var(--accent-bg); }
.safe-area-top         { padding: env(safe-area-inset-top, 0px) 0 0 0; }
.bottom-bar            { background: rgba(255,255,255,0.92) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-top: 1px solid var(--border); height: auto !important; padding: 10px 22px calc(env(safe-area-inset-bottom, 0px) + 8px) 22px !important; }