/* File: assets/css/components/sfv-tela1-prestadores.css */
/* =========================================================
   SFV » Tela 1 Prestadores
   Responsabilidade:
   - layout estrutural da Tela 1 da Área do Cliente
   - viewport interna da Tela 1
   - área rolável dos cards
   - sem cuidar de root global
   - sem cuidar de card/modal/skin
   ========================================================= */

.sfv-scope .sfv-client-screen--select{
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;

  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.sfv-scope .sfv-client-screen--select .sfv-prestadores-screen{
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;

  flex: 1 1 auto;

  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.sfv-scope .sfv-client-screen--select .sfv-prestadores-list{
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;

  flex: 1 1 auto;

  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;

  padding-bottom: 18px;

  /* esconde a barra visual sem perder scroll */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.sfv-scope .sfv-client-screen--select .sfv-prestadores-list::-webkit-scrollbar{
  width: 0;
  height: 0;
  display: none;
}

.sfv-scope .sfv-client-screen--select .sfv-prestadores-list > .sfv-prest-header{
  width: 100%;
}

@media (max-width: 860px){
  .sfv-scope .sfv-client-screen--select .sfv-prestadores-screen{
    max-width: 100%;
  }
}

@media (max-width: 640px){
  .sfv-scope .sfv-client-screen--select .sfv-prestadores-list{
    padding-bottom: 14px;
  }
}

@media (max-width: 520px){
  .sfv-scope .sfv-client-screen--select .sfv-prestadores-screen{
    max-width: 100%;
  }

  .sfv-scope .sfv-client-screen--select .sfv-prestadores-list{
    padding-bottom: 12px;
  }
}