/* ========================================================================
   GaliVue V5.1.128 — COMPACT MENU + DOCK FINISH

   Scope: phone presentation only.

   Two isolated visual corrections requested after V5.1.127:
   1) the compact avatar-menu Profile Settings row uses the same centred,
      full-width alignment as Log out;
   2) the approved floating bottom dock keeps its existing geometry, but a
      non-interactive background curtain fills the small safe-area/gap below
      it so workspace content can never show through beneath the dock.

   No route, scroll, auth/session, API, backend, D1/R2, payment, Client
   Selection, Final Delivery, Admin, HERO, header or dock-button geometry
   changes are introduced here.
   ======================================================================== */

@media (max-width:767px) {
  /* Match the existing Log out row without changing the menu box itself. */
  html body > #profileMenu.gv3957-profile-menu-portal #mobileProfessionalProfile {
    justify-content:center!important;
    text-align:center!important;
  }

  /* Preserve the approved floating dock position/radius. Only mask the area
     underneath it. The dock is calc(100% - 20px) on phones, so the curtain
     extends 12px past both sides to cover the complete app-shell edge. */
  html body #dashboardPanel .gv39-mobile-nav::after {
    content:"";
    position:absolute;
    left:-12px;
    right:-12px;
    top:calc(100% - 1px);
    height:calc(max(8px, env(safe-area-inset-bottom)) + 3px);
    background:rgba(255,254,250,.985);
    pointer-events:none;
  }
}