/* One-thumb navigation and the two conversion actions; small screens and tablets only. */
@layer layout {
    .tabbar { position: fixed; inset: auto var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom)) var(--space-3); z-index: 60; display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-1); height: var(--tabbar-h); padding: var(--space-2); background: color-mix(in srgb, var(--color-surface) 90%, transparent); border: 1px solid color-mix(in srgb, var(--color-border) 80%, transparent); border-radius: var(--radius-xl); box-shadow: var(--shadow); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
    .tabbar-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; border-radius: var(--radius-lg); color: var(--color-text-muted); font-size: 0.6875rem; font-weight: 700; transition: background .2s, color .2s, transform .2s var(--ease-spring); }
    .tabbar-item:hover { color: var(--color-primary); }
    .tabbar-item.is-active { color: var(--color-primary); background: var(--color-surface-alt); }
    .tabbar-item:active { transform: scale(0.94); }
    .tabbar-item.is-whatsapp { color: var(--color-success); }

    @media (min-width: 1024px) {
        .tabbar { display: none; }
    }
}