/* Navigasi utama selalu terlihat di viewport ponsel. */
.dashboard{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:calc(72px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid #e7ebf0;display:grid;grid-template-columns:repeat(3,1fr);align-items:start;padding:9px 22px env(safe-area-inset-bottom);z-index:50;box-shadow:0 -10px 35px rgba(20,33,58,.06)}
.bottom-nav .nav-item{height:53px;min-width:0;justify-content:center;gap:5px;font-size:9px;font-weight:600;position:relative;border-radius:15px;transition:color .2s,background .2s}
.bottom-nav .nav-item .icon{width:21px;height:21px}
.bottom-nav .nav-item.active{color:var(--coral);font-weight:800;background:#fff3ef}
.bottom-nav .nav-item.active:before{content:"";position:absolute;top:-9px;width:28px;height:3px;border-radius:0 0 5px 5px;background:var(--coral)}
@media(min-width:520px){.bottom-nav{position:absolute;border-radius:0 0 27px 27px}}