/* File: assets/css/components/sfv-perfil.css
   Componente: Perfil (Prestador)
   Escopo rígido: #sfv-prest-perfil
   - 100% tokenizado
   - usa panel/card/input/icon
*/

#sfv-prest-perfil{
  padding: 0;
}

#sfv-prest-perfil .sfv-admin-wrap{
  max-width: 980px;
}

#sfv-prest-perfil .sfv-prest-perfil__card{
  max-width: 860px;
  margin: 0 auto;
  padding: 18px 18px 16px;
  border-radius: var(--sfv-r16);

  background: var(--sfv-panel-bg);
  color: var(--sfv-panel-fg);
  border: var(--sfv-line-w, 1px) solid var(--sfv-panel-border);
  box-shadow: var(--sfv-panel-shadow);
}

#sfv-prest-perfil .sfv-prest-perfil__row{
  display: flex;
  gap: 18px;
  align-items: center;
  margin-bottom: 14px;
}

#sfv-prest-perfil .sfv-prest-perfil__row:last-child{
  margin-bottom: 0;
}

#sfv-prest-perfil .sfv-prest-perfil__avatar{
  width: 360px;
  max-width: 360px;
  flex: 0 0 360px;
}

#sfv-prest-perfil .sfv-prest-perfil__img{
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  overflow: hidden;

  display: block;
  object-fit: cover;

  border: var(--sfv-line-w, 1px) solid var(--sfv-card-border);
  background: var(--sfv-card-bg);
}

#sfv-prest-perfil .sfv-prest-perfil__img--placeholder{
  display: block;
}

#sfv-prest-perfil .sfv-prest-perfil__meta{
  flex: 1 1 auto;
  min-width: 0;
}

#sfv-prest-perfil .sfv-prest-perfil__name{
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 6px;
  color: var(--sfv-panel-title);
}

#sfv-prest-perfil .sfv-prest-perfil__hint{
  color: var(--sfv-panel-muted);
  font-size: 13px;
  line-height: 1.35;
}

#sfv-prest-perfil .sfv-prest-perfil__label{
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 6px;
  display: inline-block;
  color: var(--sfv-input-label);
}

#sfv-prest-perfil .sfv-prest-perfil__file{
  width: 100%;
  max-width: 520px;
  color: var(--sfv-panel-fg);
}

#sfv-prest-perfil #sfv-prest-perfil-save{
  min-width: 160px;
}

#sfv-prest-perfil #sfv-prest-perfil-msg{
  margin-left: 12px;
  font-size: 13px;
  color: var(--sfv-panel-muted);
}

/* Responsivo */
@media (max-width: 900px){
  #sfv-prest-perfil .sfv-prest-perfil__avatar{
    width: 280px;
    max-width: 280px;
    flex-basis: 280px;
  }
}

@media (max-width: 720px){
  #sfv-prest-perfil .sfv-prest-perfil__row{
    flex-direction: column;
    align-items: stretch;
  }

  #sfv-prest-perfil .sfv-prest-perfil__avatar{
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }

  #sfv-prest-perfil .sfv-prest-perfil__file{
    max-width: 100%;
  }

  #sfv-prest-perfil #sfv-prest-perfil-msg{
    margin-left: 0;
    margin-top: 10px;
  }
}