/* Keep the Medirent brand truly centred while grouping header actions on the right.
   Tablet/desktop only: mobile keeps the existing layout unchanged. */
@media (min-width:760px){
  .app-shell .app-topbar{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    column-gap:10px;
  }

  .app-topbar>.mobile-brand{
    grid-column:2!important;
    grid-row:1;
    justify-self:center!important;
    position:static!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    z-index:auto!important;
  }

  .app-topbar>.topbar-doctor-shortcut,
  .app-topbar>.topbar-help{
    grid-column:3!important;
    grid-row:1;
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:124px!important;
    min-width:124px!important;
    gap:8px;
    padding:0 12px!important;
  }

  .app-topbar>.topbar-help{
    justify-self:end!important;
    margin-right:0!important;
  }

  .app-topbar>.topbar-doctor-shortcut{
    justify-self:end!important;
    margin-right:134px!important;
  }

  .topbar-action-label{
    display:inline!important;
    font-size:.8rem;
    font-weight:650;
    white-space:nowrap;
  }
}