.flow-mobile-navbar {

position: fixed;

bottom: 0;

left: 0;

right: 0;

height: 60px;

background: var(--flow-bg-secondary);

border-top:

1px solid var(--flow-border);

display: none;

justify-content: space-around;

align-items: center;

z-index: 9996;

}


/* ENABLE MOBILE NAVBAR */

body[data-layout="mobile"]
.flow-mobile-navbar {

display: flex;

}


/* TAB */

.mobile-nav-tab {

flex: 1;

text-align: center;

font-size: 12px;

color: var(--flow-text-secondary);

cursor: pointer;

padding: 6px 0;

transition:

background 0.2s ease,

color 0.2s ease;

}


/* ACTIVE TAB */

.mobile-tab-active {

color: var(--flow-accent);

background:

rgba(59,130,246,0.12);

}


/* TOUCH FEEDBACK */

.mobile-nav-tab:active {

transform: scale(0.95);

}


/* SAFE AREA SUPPORT (iOS) */

.flow-mobile-navbar {

padding-bottom:

env(safe-area-inset-bottom);

}