/* Unified ProfilePro - phones: Tova, Storefront, Room and Workspace open the same menu as the Feed
   (the shared "More" drawer from app-shell.js). Only the Workspace header's menu button needs styling here. */
.uni-menu-btn{display:none;}
@media (max-width:720px){
  .uni-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;background:transparent;border-radius:50%;color:#111;cursor:pointer;flex:none;padding:0;}
}

/* Stage 2: one header on phones for Tova, Marketing, Storefront, Room - menu button, page name, action on the right */
@media (max-width:720px){
  /* Tova: show the page name instead of the logo mark */
  body.tova-body .top .brand .brandimg{display:none!important;}
  body.tova-body .top .brand .brandname{display:inline!important;margin:0!important;font:600 16px 'Cabinet Grotesk',Arial,sans-serif!important;letter-spacing:0!important;color:#111;}
  body.tova-body .top .menubtn{width:40px;height:40px;border:0;background:transparent;}
  /* Room: plain menu button, same size and weight of title as the other pages */
  body.room-native-shell .room-collapse,body.room-native-shell #roomSidebarToggle{background:transparent!important;border:0!important;box-shadow:none!important;color:#111!important;width:40px;height:40px;}
  body.room-native-shell[data-unified-shell] .room-topbar-title{font:600 16px 'Cabinet Grotesk',Arial,sans-serif!important;letter-spacing:0!important;}
}
@media (max-width:720px){
  html body.tova-body[data-unified-shell][data-uni-mobile] .top .brand{display:inline-flex!important;align-items:center;margin:0;text-decoration:none;color:#111;}
  html body.tova-body[data-unified-shell][data-uni-mobile] .top .brand .brandimg{display:none!important;}
  body.tova-body .app-bottom-nav a{text-decoration:none;}
}

/* Workspace: phones show the page name in the header */
@media (max-width:720px){
  body[data-app-page="workspace"] .app-nav-logo img{display:none!important}
  body[data-app-page="workspace"] .app-nav-logo::after{content:"Workspace";font:600 17px 'Cabinet Grotesk',Arial,sans-serif;color:#111;letter-spacing:-.2px}
}