.shared-dashboard-toolbar{

  display:
    grid;

  grid-template-columns:
    minmax(240px, 1fr)
    repeat(3, minmax(150px, 210px))
    auto;

  gap:
    10px;

  align-items:
    center;

  width:
    100%;

  margin-top:
    20px;

  margin-bottom:
    10px;

}


.shared-dashboard-control{

  width:
    100%;

  min-width:
    0;

  min-height:
    40px;

  padding:
    8px 10px;

  border:
    1px solid #d1d5db;

  border-radius:
    8px;

  background:
    #ffffff;

  color:
    #111827;

  box-sizing:
    border-box;

}


.shared-dashboard-control:focus{

  outline:
    none;

  border-color:
    #16a34a;

  box-shadow:
    0 0 0 3px rgba(22,163,74,.12);

}


.shared-dashboard-search{

  min-width:
    0;

}


.shared-dashboard-refresh-button{

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    8px;

  min-height:
    40px;

  padding:
    8px 16px;

  border:
    1px solid #16a34a;

  border-radius:
    8px;

  background:
    #16a34a;

  color:
    #ffffff;

  font-weight:
    600;

  white-space:
    nowrap;

  cursor:
    pointer;

}


.shared-dashboard-refresh-button:hover:not(:disabled){

  background:
    #15803d;

  border-color:
    #15803d;

}


.shared-dashboard-refresh-button:disabled{

  opacity:
    .7;

  cursor:
    wait;

}


@media (max-width: 1100px){

  .shared-dashboard-toolbar{

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

  }


  .shared-dashboard-search{

    grid-column:
      1 / -1;

  }


  .shared-dashboard-refresh-button{

    width:
      100%;

  }

}


@media (max-width: 640px){

  .shared-dashboard-toolbar{

    grid-template-columns:
      1fr;

  }


  .shared-dashboard-search{

    grid-column:
      auto;

  }

}