/* Mobile navigation + NOVIA photo manager */
.bottom-nav .nav-icon{display:block;font-size:19px;line-height:1;margin-bottom:4px}.bottom-nav .nav-label{display:block;font-size:9px;font-weight:1000;line-height:1.05}.profile-photo-manager{margin-bottom:16px}.profile-photo-manager>h3{font-size:25px;margin:7px 0}.profile-photo-manager-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.profile-photo-slot{background:var(--cream);border:3px solid var(--ink);border-radius:18px;padding:9px;display:grid;gap:9px}.profile-photo-slot>img,.photo-manager-empty{width:100%;aspect-ratio:4/5;border:2px solid var(--ink);border-radius:14px;object-fit:cover;background:var(--blue)}.photo-manager-empty{display:grid;place-items:center;font-weight:1000;font-size:22px}.photo-slot-label{display:grid;gap:2px}.photo-slot-label b{font-size:12px}.photo-slot-label span{font-size:9px;font-weight:900;color:var(--muted)}.profile-photo-slot form{display:grid;gap:7px}.profile-photo-slot input[type=file]{font-size:11px;width:100%}.profile-photo-slot .safe,.profile-photo-slot .danger{padding:8px;font-size:10px}.free-event{background:var(--lime)!important}.flash-tag{background:var(--lime)!important}

@media(max-width:850px){
  .app-shell .page{padding-bottom:126px!important}
  .bottom-nav{
    height:96px!important;
    justify-content:flex-start!important;
    gap:5px;
    padding:7px 8px 10px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .bottom-nav::-webkit-scrollbar{display:none}
  .bottom-nav button{
    flex:0 0 76px!important;
    min-width:76px!important;
    min-height:68px!important;
    padding:8px 6px!important;
    border-radius:16px!important;
    scroll-snap-align:center;
    font-size:inherit!important;
  }
  .bottom-nav button.active{border:3px solid var(--ink)!important}
  .bottom-nav .nav-icon{font-size:25px;line-height:1;margin-bottom:7px}
  .bottom-nav .nav-label{font-size:11px;line-height:1.05;letter-spacing:-.1px}
  .profile-photo-manager-grid{grid-template-columns:1fr}
  .profile-photo-slot{grid-template-columns:100px 1fr;align-items:start}
  .profile-photo-slot>img,.photo-manager-empty{grid-row:1/3;width:100px}
  .profile-photo-slot form{grid-column:2}
}

@media(max-width:390px){
  .bottom-nav button{flex-basis:72px!important;min-width:72px!important}
  .bottom-nav .nav-icon{font-size:24px}
  .bottom-nav .nav-label{font-size:10.5px}
}