/* §VY-MULTIPROF-MOBILE 20260803-multiprof1
   Mobile Canon: hit≥44 · no old drawer junk · shorts vertical OK
   Load AFTER vyshka-multiprof.css. curl/CSS verify only. */

/* --- Kill old Voice/profile drawer leftovers if shared CSS/JS leaks --- */
body[data-page="profile"][data-shell="multi-profile"] .vm-drawer-scrim,
body[data-page="profile"][data-shell="multi-profile"] .vm-edge,
body[data-page="profile"][data-shell="multi-profile"] .vm-tabbar,
body[data-page="profile"][data-shell="multi-profile"] .vm-callbar,
body[data-page="profile"][data-shell="multi-profile"] .vm-sheet,
body[data-page="profile"][data-shell="multi-profile"] .vm-sheet-scrim,
body[data-page="profile"][data-shell="multi-profile"] .vm-headbtn,
body[data-page="profile"][data-shell="multi-profile"] .vshell-rail,
body[data-page="profile"][data-shell="multi-profile"] .sidebar,
body[data-page="profile"][data-shell="multi-profile"] .app > .vshell-rail,
body[data-page="profile"][data-shell="multi-profile"] .app > .sidebar,
body.mp-body .vm-drawer-scrim,
body.mp-body .vm-edge,
body.mp-body .vm-tabbar,
body.mp-body .vshell-rail,
body.mp-body .sidebar,
html[data-multiprof] .vm-drawer-scrim,
html[data-multiprof] .vm-edge,
html[data-multiprof] .vshell-rail,
html[data-multiprof] .sidebar{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  opacity:0!important;
}
body.mp-body.vm-drawer-on,
body.mp-body.vm-drawer-open,
body.mp-body.vm-drawer-dragging,
html[data-multiprof].vm-drawer-on,
html[data-multiprof] body.vm-drawer-open{
  --vm-drawer-x:0!important;
}
body.mp-body.vm-drawer-on .app > .vshell-rail,
body.mp-body.vm-drawer-on .app > .sidebar,
body.mp-body.vm-drawer-open .app > .vshell-rail,
body.mp-body.vm-drawer-open .app > .sidebar{
  display:none!important;
  transform:none!important;
}

/* --- Universal hit ≥44 on multiprof interactive chrome --- */
body.mp-body .mp-brand,
body.mp-body .mp-mark,
body.mp-body .mp-nav a,
body.mp-body .mp-chip,
body.mp-body .mp-btn,
body.mp-body .mp-tab,
body.mp-body .mp-switcher,
body.mp-body .mp-hist-row,
body.mp-body .mp-tile,
body.mp-body .vy-auth-gate button,
body.mp-body .vy-ps-fab,
body.mp-body .vy-eco-fab,
body.mp-body button.mp-chip,
body.mp-body a.mp-chip{
  min-height:44px!important;
}
body.mp-body .mp-mark{
  min-width:44px!important;
  width:44px!important;
  height:44px!important;
  border-radius:14px;
}
body.mp-body .mp-brand{
  min-height:44px!important;
  padding:0 4px;
  display:inline-flex;
  align-items:center;
}
body.mp-body .mp-tile{
  min-width:44px!important;
}
body.mp-body .mp-tab{
  min-height:48px!important;
  touch-action:manipulation;
}
body.mp-body .mp-btn,
body.mp-body .mp-chip,
body.mp-body .mp-nav a{
  touch-action:manipulation;
}

/* --- Mobile ≤640: stack + safe areas + shorts vertical --- */
@media (max-width:640px){
  body.mp-body{
    padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));
  }
  body.mp-body .mp-top{
    padding:10px 12px calc(10px + env(safe-area-inset-top,0px));
    gap:10px;
    align-items:stretch;
  }
  body.mp-body .mp-brand{
    flex:0 0 auto;
  }
  body.mp-body .mp-nav{
    order:3;
    width:100%;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:4px;
    justify-content:stretch;
  }
  body.mp-body .mp-nav a{
    justify-content:center;
    min-height:44px!important;
    padding:0 6px;
    font-size:.78rem;
    border-radius:12px;
  }
  body.mp-body .mp-top-actions{
    margin-left:auto;
    gap:6px;
  }
  body.mp-body .mp-top-actions .mp-chip{
    min-height:44px!important;
    padding:0 12px;
  }
  body.mp-body .mp-wrap{
    width:100%;
    max-width:none;
    margin:0;
    padding:0 0 calc(1.25rem + env(safe-area-inset-bottom,0px));
  }
  body.mp-body .mp-card{
    border-radius:0;
    border-left:0;
    border-right:0;
    box-shadow:none;
    padding:14px 14px 18px;
  }
  body.mp-body .mp-head{
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
    gap:12px;
  }
  body.mp-body .mp-av-wrap{
    width:96px;
    height:96px;
  }
  body.mp-body .mp-switcher-lbl{
    text-align:center;
  }
  body.mp-body .mp-switcher{
    width:100%;
    min-height:44px!important;
  }
  body.mp-body .mp-actions{
    justify-content:stretch;
    gap:8px;
  }
  body.mp-body .mp-actions .mp-btn{
    flex:1 1 calc(50% - 8px);
    min-width:0;
    min-height:44px!important;
  }
  body.mp-body .mp-tabs{
    position:sticky;
    top:0;
    z-index:12;
    background:var(--mp-surface,#fff);
    margin-top:1rem;
    gap:0;
  }
  body.mp-body .mp-tab{
    min-height:48px!important;
    font-size:.86rem;
  }

  /* Shorts: vertical snap feed (TikTok-like column) */
  body.mp-body #panelShorts.mp-panel.on,
  body.mp-body .mp-panel[data-multiprof-panel="shorts"].on{
    margin-top:0;
  }
  body.mp-body .mp-shorts,
  body.mp-body #mpShortsFeed[data-shorts-feed="1"]{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    gap:0!important;
    width:100%!important;
    max-height:none!important;
    height:calc(100dvh - 220px);
    min-height:420px;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scroll-snap-type:y mandatory;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-y:contain;
    border-radius:16px;
    background:#0b1220;
  }
  body.mp-body .mp-shorts .mp-empty{
    min-height:280px;
    display:grid;
    place-items:center;
    color:#cbd5e1;
    padding:2rem 1rem;
  }
  body.mp-body .mp-short,
  body.mp-body .mp-shorts .mp-short{
    flex:0 0 auto;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    aspect-ratio:auto!important;
    height:100%!important;
    min-height:100%;
    max-height:none!important;
    border-radius:0!important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    place-items:end start;
    padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));
  }
  body.mp-body .mp-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:4px;
  }
  body.mp-body .mp-tile{
    min-height:44px!important;
    aspect-ratio:9/16;
  }
  body.mp-body .mp-hist-row{
    min-height:44px!important;
    padding:14px 12px;
  }
}

/* Very short viewports: keep shorts usable */
@media (max-width:640px) and (max-height:560px){
  body.mp-body .mp-shorts,
  body.mp-body #mpShortsFeed[data-shorts-feed="1"]{
    height:calc(100dvh - 160px);
    min-height:280px;
  }
}

@media (prefers-reduced-motion:reduce){
  body.mp-body .mp-shorts{
    scroll-snap-type:none;
  }
}