/* v0164 - real project tabs in the project header */
.project-page-head{align-items:flex-start}
.project-page-title{min-width:0}
.project-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}
.project-page-actions .project-tabs{margin:0;padding:2px;display:flex;align-items:center;gap:2px}
.project-page-actions .project-tabs a{white-space:nowrap}
.project-page-actions .project-list-button{white-space:nowrap}
.project-tab-panel[hidden]{display:none!important}

@media (min-width:1200px){
  .app-shell .project-page-actions{align-self:center}
  .app-shell .project-page-actions .project-tabs{margin:0}
  .app-shell .project-core-panel,.app-shell .project-team-panel,.app-shell .project-next-panel{margin-top:0}
}

@media (max-width:900px){
  .project-page-head{display:flex;flex-wrap:wrap;gap:7px}
  .project-page-title{flex:1 1 100%}
  .project-page-actions{width:100%;margin-left:0;justify-content:space-between;gap:6px}
  .project-page-actions .project-tabs{display:flex;flex:1 1 auto;overflow-x:auto;scrollbar-width:none}
  .project-page-actions .project-tabs::-webkit-scrollbar{display:none}
  .project-page-actions .project-tabs a{min-height:38px;display:flex;align-items:center;padding:7px 10px}
  .project-page-actions .project-list-button{min-height:38px;display:flex;align-items:center;padding:7px 10px}
}

@media (max-width:620px){
  .project-page-actions{align-items:stretch;flex-wrap:wrap}
  .project-page-actions .project-tabs{width:100%;order:1}
  .project-page-actions .project-list-button{order:2;margin-left:auto}
}